Skip to content

C
chinafrica
提交 cd97652d authored 作者: 吴德鹏's avatar 吴德鹏
浏览文件
操作

首页统计

上级 9fdfaa3c
显示空白字符变更
内嵌 并排
正在显示 包含 331 行增加 和 200 行删除
platform-admin/src/main/java/com/platform/controller/TbCfOrderController.java
浏览文件 @ cd97652d
...@@ -319,7 +319,13 @@ public class TbCfOrderController extends AbstractController { ...@@ -319,7 +319,13 @@ public class TbCfOrderController extends AbstractController {
amount = amount.setScale(2, BigDecimal.ROUND_UP); amount = amount.setScale(2, BigDecimal.ROUND_UP);
return R.ok().put("amount", amount); return R.ok().put("amount", amount);
} }
@GetMapping("/getOrderSumAmount")
@ResponseBody
public R getOrderSumAmount() {
BigDecimal amount = tbCfOrderService.getOrderSumAmount();
amount = amount.setScale(2, BigDecimal.ROUND_UP);
return R.ok().put("amount", amount);
}
//========================================================================================================== //==========================================================================================================
/** /**
......
platform-admin/src/main/java/com/platform/dao/TbCfOrderDao.java
浏览文件 @ cd97652d
...@@ -94,4 +94,6 @@ public interface TbCfOrderDao extends BaseDao<TbCfOrderEntity> { ...@@ -94,4 +94,6 @@ public interface TbCfOrderDao extends BaseDao<TbCfOrderEntity> {
BigDecimal getAverageSales(); BigDecimal getAverageSales();
BigDecimal getOrderSumAmount();
} }
platform-admin/src/main/java/com/platform/service/TbCfOrderService.java
浏览文件 @ cd97652d
...@@ -114,4 +114,5 @@ public interface TbCfOrderService { ...@@ -114,4 +114,5 @@ public interface TbCfOrderService {
BigDecimal getAverageSales(); BigDecimal getAverageSales();
BigDecimal getOrderSumAmount();
} }
platform-admin/src/main/java/com/platform/service/impl/TbCfOrderServiceImpl.java
浏览文件 @ cd97652d
...@@ -190,5 +190,10 @@ public class TbCfOrderServiceImpl implements TbCfOrderService { ...@@ -190,5 +190,10 @@ public class TbCfOrderServiceImpl implements TbCfOrderService {
return tbCfOrderDao.getAverageSales(); return tbCfOrderDao.getAverageSales();
} }
@Override
public BigDecimal getOrderSumAmount() {
return tbCfOrderDao.getOrderSumAmount();
}
} }
platform-admin/src/main/resources/com/platform/dao/TbCfOrderDao.xml
浏览文件 @ cd97652d
...@@ -137,6 +137,14 @@ ...@@ -137,6 +137,14 @@
WHERE WHERE
pay_status = 20 pay_status = 20
</select> </select>
<select id="getOrderSumAmount" resultType="java.math.BigDecimal">
SELECT
sum( total_price )
FROM
tb_cf_order
WHERE
pay_status = 20
</select>
<select id="queryList" resultType="com.platform.entity.TbCfOrderEntity"> <select id="queryList" resultType="com.platform.entity.TbCfOrderEntity">
select select
i.order_item_id ordersId, i.order_item_id ordersId,
......
platform-admin/src/main/webapp/WEB-INF/page/sys/main.html
浏览文件 @ cd97652d
...@@ -11,350 +11,412 @@ ...@@ -11,350 +11,412 @@
#parse("sys/header.html") #parse("sys/header.html")
<style> <style>
/* common_css */ /* common_css */
:root{ :root {
--themeColor:#f9f9f9; --themeColor: #f9f9f9;
--minorFontColor:rgba(0, 0, 0, 0.427450980392157); --minorFontColor: rgba(0, 0, 0, 0.427450980392157);
--majarFontColor:rgba(0, 0, 0, 0.847058823529412); --majarFontColor: rgba(0, 0, 0, 0.847058823529412);
--borderColor:#eee; --borderColor: #eee;
--borderColorActive:#3BA1FF; --borderColorActive: #3BA1FF;
--cardBgColor:white; --cardBgColor: white;
} }
.center{
.center {
text-align: center; text-align: center;
} }
.flex-abs-center{
.flex-abs-center {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.flex-mill-center{
.flex-mill-center {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.flex-center{
.flex-center {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.flex-abs-space-between{
.flex-abs-space-between {
display: flex; display: flex;
justify-content: center; justify-content: center;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.flex-abs-space-around{
.flex-abs-space-around {
display: flex; display: flex;
justify-content: center; justify-content: center;
justify-content:space-around; justify-content: space-around;
align-items: center; align-items: center;
} }
.active-blue{
.active-blue {
color: var(--borderColorActive); color: var(--borderColorActive);
border-bottom: 2px solid var(--borderColorActive); border-bottom: 2px solid var(--borderColorActive);
} }
ul li{
ul li {
list-style: none; list-style: none;
text-align: center; text-align: center;
} }
#app{
#app {
box-sizing: border-box; box-sizing: border-box;
width: 1200px; width: 1200px;
/* margin:0 auto; */ /* margin:0 auto; */
background: #f9f9f9; background: #f9f9f9;
} }
.minor-container{
width:100%; .minor-container {
height:auto; width: 100%;
height: auto;
padding: 20px; padding: 20px;
} }
/* 卡片统一样式 */ /* 卡片统一样式 */
.minor-card{ .minor-card {
width:265px; width: 265px;
height:187px; height: 187px;
border-radius: 2px; border-radius: 2px;
background: var(--cardBgColor); background: var(--cardBgColor);
padding:20px; padding: 20px;
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
} }
.m-card-title{
.m-card-title {
font-size: 12px; font-size: 12px;
color: var(--minorFontColor); color: var(--minorFontColor);
line-height: 22px; line-height: 22px;
} }
.m-card-title>img{
.m-card-title > img {
cursor: help; cursor: help;
} }
.m-card-main-text{
.m-card-main-text {
font-size: 30px; font-size: 30px;
color: var(--majarFontColor); color: var(--majarFontColor);
line-height: 38px; line-height: 38px;
} }
.m-card-bottom{
.m-card-bottom {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left:0; left: 0;
height:36px; height: 36px;
padding: 0 20px; padding: 0 20px;
font-size: 14px; font-size: 14px;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
.m-card-bottom>span{
.m-card-bottom > span {
display: inline-block; display: inline-block;
border-top: 1px solid #eee; border-top: 1px solid #eee;
width:100%; width: 100%;
line-height: 36px; line-height: 36px;
} }
.m-card-functionzone{
.m-card-functionzone {
height: 70px; height: 70px;
font-size: 14px; font-size: 14px;
color: var(--minorFontColor); color: var(--minorFontColor);
} }
/* 小卡片不同样式 */ /* 小卡片不同样式 */
.svg-icon{ .svg-icon {
width:10px; width: 10px;
height:10px; height: 10px;
margin: 0 6px; margin: 0 6px;
} }
/* 控制图标旋转 */ /* 控制图标旋转 */
.desc-icon{ .desc-icon {
transform: rotate(180deg); transform: rotate(180deg);
} }
.pillar{
height:15px; .pillar {
width:100%; height: 15px;
background:#F0F2F5; width: 100%;
background: #F0F2F5;
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
.pillar>.TodaySchedule{
.pillar > .TodaySchedule {
position: absolute; position: absolute;
height:15px; height: 15px;
left:0; left: 0;
top:0; top: 0;
width:10px; width: 10px;
background: #1890FF; background: #1890FF;
cursor:help; cursor: help;
} }
.pillar>.YesterdayTheNew{
.pillar > .YesterdayTheNew {
position: absolute; position: absolute;
height:26px; height: 26px;
left:30px; left: 30px;
top:50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
width:2px; width: 2px;
background: #1890FF; background: #1890FF;
z-index: 0; z-index: 0;
cursor:help; cursor: help;
} }
/* 中间柱状图 */ /* 中间柱状图 */
.middleEcharts{ .middleEcharts {
width:1200px; width: 1200px;
height:400px; height: 400px;
background: var(--themeColor); background: var(--themeColor);
padding:20px; padding: 20px;
padding-top:0; padding-top: 0;
border-radius: 2px; border-radius: 2px;
} }
.middleEcharts>nav{
height:55px; .middleEcharts > nav {
width:100%; height: 55px;
width: 100%;
background: var(--cardBgColor); background: var(--cardBgColor);
border-bottom: 1px solid var(--borderColor); border-bottom: 1px solid var(--borderColor);
padding:0 20px; padding: 0 20px;
} }
.right-functionzone{
height:55px; .right-functionzone {
width:auto; height: 55px;
width: auto;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.right-functionzone>span{
.right-functionzone > span {
display: inline-block; display: inline-block;
width:40px; width: 40px;
height:55px; height: 55px;
line-height: 55px; line-height: 55px;
cursor: pointer; cursor: pointer;
} }
.showReport{
margin-left:20px; .showReport {
margin-left: 20px;
cursor: pointer; cursor: pointer;
} }
.middleEcharts-container{
height:350px; .middleEcharts-container {
width:100%; height: 350px;
width: 100%;
background: var(--cardBgColor); background: var(--cardBgColor);
padding:20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
#middleEcharts-in{
width:100%; #middleEcharts-in {
height:100%; width: 100%;
height: 100%;
} }
.bottomEcharts{
width:1200px; .bottomEcharts {
width: 1200px;
background: var(--themeColor); background: var(--themeColor);
padding: 20px; padding: 20px;
} }
.bottomEcharts>div{
width:555px; .bottomEcharts > div {
height:523px; width: 555px;
background:var(--cardBgColor); height: 523px;
background: var(--cardBgColor);
border-radius: 2px; border-radius: 2px;
} }
.selectBox{
width:80px; .selectBox {
height:54px; width: 80px;
height: 54px;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
line-height: 55px; line-height: 55px;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
transition: opacity 0.3s; transition: opacity 0.3s;
margin:0 10px; margin: 0 10px;
} }
.selectBox:hover{
.selectBox:hover {
color: var(--borderColorActive); color: var(--borderColorActive);
border-bottom: 2px solid var(--borderColorActive); border-bottom: 2px solid var(--borderColorActive);
opacity: 0.5; opacity: 0.5;
} }
.bottomEcharts .bottomEcharts-title{
height:55px; .bottomEcharts .bottomEcharts-title {
height: 55px;
border-bottom: 1px solid var(--borderColor); border-bottom: 1px solid var(--borderColor);
padding:0 20px; padding: 0 20px;
} }
.bottomEcharts-container{
width:100%; .bottomEcharts-container {
width: 100%;
height: calc(100% - 55px); height: calc(100% - 55px);
padding:20px; padding: 20px;
} }
.bottom-echats-box-wrapper{
height:110px; .bottom-echats-box-wrapper {
height: 110px;
} }
.bottom-echats-box{
width:216px; .bottom-echats-box {
height:auto; width: 216px;
height: auto;
} }
.bottom-echats-box>p{
padding:0 10px; .bottom-echats-box > p {
margin-top:6px; padding: 0 10px;
margin-top: 6px;
} }
.bottom-echats-box>p>span{
.bottom-echats-box > p > span {
vertical-align: middle; vertical-align: middle;
} }
.bottom-echats-box>p>:first-child{
.bottom-echats-box > p > :first-child {
font-size: 24px; font-size: 24px;
margin-right: 24px; margin-right: 24px;
} }
.bottom-echats-box>p>:last-child{
.bottom-echats-box > p > :last-child {
color: var(--minorFontColor); color: var(--minorFontColor);
} }
.bottom-echats-in{
margin-top:10px; .bottom-echats-in {
width:100%; margin-top: 10px;
height:46px; width: 100%;
height: 46px;
} }
.bottom-hot-table{
height:228px; .bottom-hot-table {
margin-top:25px; height: 228px;
overflow-y:scroll; margin-top: 25px;
overflow-y: scroll;
} }
.bottom-hot-table>table{
width:100%; .bottom-hot-table > table {
width: 100%;
border-collapse: collapse; border-collapse: collapse;
} }
.bottom-hot-table tr{
height:38px; .bottom-hot-table tr {
height: 38px;
background: var(--cardBgColor); background: var(--cardBgColor);
border-bottom: 1px solid var(--borderColor); border-bottom: 1px solid var(--borderColor);
} }
.bottom-hot-table td{
padding:0 20px; .bottom-hot-table td {
padding: 0 20px;
} }
.bottom-hot-table>table>thead{
.bottom-hot-table > table > thead {
color: var(--majarFontColor); color: var(--majarFontColor);
} }
.bottom-hot-table>table>thead>tr{
background: #FAFAFA!important; .bottom-hot-table > table > thead > tr {
background: #FAFAFA !important;
} }
.active-color{
color:#1890FF; .active-color {
color: #1890FF;
} }
.bottom-Classifier{
height:85px; .bottom-Classifier {
height: 85px;
} }
.bottom-category{
height:75px; .bottom-category {
width:100%; height: 75px;
width: 100%;
display: flex; display: flex;
justify-content: start; justify-content: start;
align-items: center; align-items: center;
padding-left:20px; padding-left: 20px;
} }
.bottom-category>select{
.bottom-category > select {
margin-right: 10px; margin-right: 10px;
width:100px; width: 100px;
height:25px; height: 25px;
border-radius: 0; border-radius: 0;
} }
.bottom-category>select>option{
width:100px; .bottom-category > select > option {
height:25px; width: 100px;
height: 25px;
} }
.bottom-category-echarts-container{
padding:20px; .bottom-category-echarts-container {
padding: 20px;
} }
.category-echarts-wrapper{
height:352px; .category-echarts-wrapper {
height: 352px;
} }
.category-echarts{
width:250px; .category-echarts {
width:100%; width: 250px;
height:250px; width: 100%;
height: 250px;
} }
.category-echarts-right-detail{
height:352px; .category-echarts-right-detail {
flex:1; height: 352px;
flex: 1;
flex-wrap: wrap; flex-wrap: wrap;
padding:47px 0; padding: 47px 0;
align-content: flex-start; align-content: flex-start;
align-content: center; align-content: center;
} }
.category-echarts-right-detail>div{
width:260px; .category-echarts-right-detail > div {
width: 260px;
padding-left: 40px; padding-left: 40px;
height:22px; height: 22px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom:12px; margin-bottom: 12px;
} }
.category-echarts-right-detail>div>span{
.category-echarts-right-detail > div > span {
display: inline-block; display: inline-block;
width:60px; width: 60px;
overflow:hidden; overflow: hidden;
white-space:nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
font-size: 14px; font-size: 14px;
} }
.category-echarts-right-detail>div>span:nth-child(1){
width:80px; .category-echarts-right-detail > div > span:nth-child(1) {
width: 80px;
} }
.category-echarts-right-detail>div>span:nth-child(2){
color:rgba(0, 0, 0, 0.427450980392157); .category-echarts-right-detail > div > span:nth-child(2) {
color: rgba(0, 0, 0, 0.427450980392157);
} }
.category-echarts-right-detail>div>span:nth-child(3){
.category-echarts-right-detail > div > span:nth-child(3) {
text-align: end; text-align: end;
} }
.circle{
.circle {
display: inline-block; display: inline-block;
width:8px; width: 8px;
height:8px; height: 8px;
border-radius: 50%; border-radius: 50%;
background: white; background: white;
} }
...@@ -569,26 +631,34 @@ ...@@ -569,26 +631,34 @@
<td> <td>
<span>128%</span> <span>128%</span>
<!-- 升 --> <!-- 升 -->
<svg v-if='el%2===0' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="9" viewBox="0 0 30 33"> <svg v-if='el%2===0' xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="9"
viewBox="0 0 30 33">
<metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c142 79.160924, 2017/07/13-01:06:39 "> <x:xmpmeta xmlns:x="adobe:ns:meta/"
x:xmptk="Adobe XMP Core 5.6-c142 79.160924, 2017/07/13-01:06:39 ">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""/> <rdf:Description rdf:about=""/>
</rdf:RDF> </rdf:RDF>
</x:xmpmeta> </x:xmpmeta>
<?xpacket end="w"?></metadata> <?xpacket end="w"?></metadata>
<image id="图层_0" data-name="图层 0" x="1" y="1" width="28" height="32" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA4VBMVEUAAAAAqlUAq1cAqFQAtm0AzGYAqFQAqVUAtlsAqVUAqVUAuV0A/4AAqVYAqFQAv2AA//8AqVQAqVUAqlUAqVYAqFQAv4AAqVYAqFUAqVQAqVQAqFUAqFUAqVYAqVUAqFUAqFQAqFUAqlUAqVYAqVYAqVQAqVQAqVYAqVYAqVQAqVYAqVYAqFUAqVYAqVQAqFUAqlUAqFUAqVUAqVYAqlUArl4AqVUAqVYAqFcAq1gAqVUAqVQAqFQAqVUAs2YAqVUAqFUArl0AqlUAs1kAqFQArlcAqVUAqVUAqVYAqFQAAADh8uU1AAAASXRSTlMAA09bBwWzyQ6swwsCpLwIAZ20BpWtBIz0+/6lhIC44mqce4l0lHOSfYubhoFio5B4/auYbxP5oS9AuqltsQr83BYJFMgmzedKEIfY/QAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfkAxoNKyvrEallAAAA30lEQVQoz+3SyVbCQBAF0BchKBChQQSTKIqKDCqDKOAEIijU//+QVWSgCbBk59vUcM/J6U4CaDEOYnHsiJkgOjzabkaSOKn0NrOOaZlMdtNUjvzkTzawQGFOixEryfaMyHa4utaanYtdlIkur6SrKM2uZXMDQdxKX13Zncw1eIi6TI3Alk9qqgBxL/ODZ49yhpacwUe0RTvSxbrcPRnQED3RZ+ClzzVhYg3VgJfOEK9c3vxvESKMd15/QH3a7ghRhJkbf024fodX0hCY6i8iitH84/6Qf4DZTvz5nS/0+Q+pfDoqy9j1ggAAAABJRU5ErkJggg=="/> <image id="图层_0" data-name="图层 0" x="1" y="1" width="28" height="32"
xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA4VBMVEUAAAAAqlUAq1cAqFQAtm0AzGYAqFQAqVUAtlsAqVUAqVUAuV0A/4AAqVYAqFQAv2AA//8AqVQAqVUAqlUAqVYAqFQAv4AAqVYAqFUAqVQAqVQAqFUAqFUAqVYAqVUAqFUAqFQAqFUAqlUAqVYAqVYAqVQAqVQAqVYAqVYAqVQAqVYAqVYAqFUAqVYAqVQAqFUAqlUAqFUAqVUAqVYAqlUArl4AqVUAqVYAqFcAq1gAqVUAqVQAqFQAqVUAs2YAqVUAqFUArl0AqlUAs1kAqFQArlcAqVUAqVUAqVYAqFQAAADh8uU1AAAASXRSTlMAA09bBwWzyQ6swwsCpLwIAZ20BpWtBIz0+/6lhIC44mqce4l0lHOSfYubhoFio5B4/auYbxP5oS9AuqltsQr83BYJFMgmzedKEIfY/QAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfkAxoNKyvrEallAAAA30lEQVQoz+3SyVbCQBAF0BchKBChQQSTKIqKDCqDKOAEIijU//+QVWSgCbBk59vUcM/J6U4CaDEOYnHsiJkgOjzabkaSOKn0NrOOaZlMdtNUjvzkTzawQGFOixEryfaMyHa4utaanYtdlIkur6SrKM2uZXMDQdxKX13Zncw1eIi6TI3Alk9qqgBxL/ODZ49yhpacwUe0RTvSxbrcPRnQED3RZ+ClzzVhYg3VgJfOEK9c3vxvESKMd15/QH3a7ghRhJkbf024fodX0hCY6i8iitH84/6Qf4DZTvz5nS/0+Q+pfDoqy9j1ggAAAABJRU5ErkJggg=="/>
</svg> </svg>
<!-- 降 --> <!-- 降 -->
<svg v-else xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="9" viewBox="0 0 30 33"> <svg v-else xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="9"
viewBox="0 0 30 33">
<metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c142 79.160924, 2017/07/13-01:06:39 "> <x:xmpmeta xmlns:x="adobe:ns:meta/"
x:xmptk="Adobe XMP Core 5.6-c142 79.160924, 2017/07/13-01:06:39 ">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""/> <rdf:Description rdf:about=""/>
</rdf:RDF> </rdf:RDF>
</x:xmpmeta> </x:xmpmeta>
<?xpacket end="w"?></metadata> <?xpacket end="w"?></metadata>
<image id="图层_0" data-name="图层 0" x="1" width="28" height="32" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA51BMVEUAAADyQzbwQjTxQTXxQTfyQTTxQTTxQjTwQTX/VTnyTUD////xQjXxQTXxQjX/TU3/ZmbwQjXxQjXwQjXzRjrzRDjxQjT/SUn/VVXxQjXxQjbyQzbxQjTxQjXxQzT0QTbxQzXxQjTwQjTwQTXxQzXyQTTxQTTxQjX/gIDxQjXwQjXxQzXwQjXyQzXxQTXyQzXxQjTxQTXwQjXwQjbwQTTyQjXxQTXxQjTxQjbxQzTwQTTwQjXwQjTxQTXwQjX/gEDwQzbxQjT/VVXxQTXwQTX/YEDwQTXxQTTxQjT/STfyRDfwQTQAAADVUJXCAAAAS3RSTlMAJs3nSpjIueMJFAGx+6UKBZ783RZAugcDqW0T+bOhL1v9q5lvYv6jApB4apuGgXOSfYt7iXSUhIBrnIz0la0EnbUGpLwIrMPJDk+GsGe3AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB+QDGg0uJAbZQLEAAADQSURBVCjP7ZHFFsJADEWDyyDFizsUd3eX/P//MDk9hba0W1Zkk/feXUwmAVCVxWqzg1k5EJ2m0IXo/sOfQY8x9DIA5vMHgt9QCIUjUYghYjyhh2KSxylIZ3jLClrIcjzEPEChyHtJ1MAysQqpao2ruqSCDWJN+YEW6TZ7ww75rjJ1j1xfgQNyw89XR+THMpyQnqoXMaNkTnBBask0a1pRtkb003QBSbfEDb5ru9Mvne0Vdjh+n0Q6yex8MTqYeCV2C4JhCVnE+8Ps2OKzkFD7F58HOHvJ70P7AAAAAElFTkSuQmCC"/> <image id="图层_0" data-name="图层 0" x="1" width="28" height="32"
xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA51BMVEUAAADyQzbwQjTxQTXxQTfyQTTxQTTxQjTwQTX/VTnyTUD////xQjXxQTXxQjX/TU3/ZmbwQjXxQjXwQjXzRjrzRDjxQjT/SUn/VVXxQjXxQjbyQzbxQjTxQjXxQzT0QTbxQzXxQjTwQjTwQTXxQzXyQTTxQTTxQjX/gIDxQjXwQjXxQzXwQjXyQzXxQTXyQzXxQjTxQTXwQjXwQjbwQTTyQjXxQTXxQjTxQjbxQzTwQTTwQjXwQjTxQTXwQjX/gEDwQzbxQjT/VVXxQTXwQTX/YEDwQTXxQTTxQjT/STfyRDfwQTQAAADVUJXCAAAAS3RSTlMAJs3nSpjIueMJFAGx+6UKBZ783RZAugcDqW0T+bOhL1v9q5lvYv6jApB4apuGgXOSfYt7iXSUhIBrnIz0la0EnbUGpLwIrMPJDk+GsGe3AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB+QDGg0uJAbZQLEAAADQSURBVCjP7ZHFFsJADEWDyyDFizsUd3eX/P//MDk9hba0W1Zkk/feXUwmAVCVxWqzg1k5EJ2m0IXo/sOfQY8x9DIA5vMHgt9QCIUjUYghYjyhh2KSxylIZ3jLClrIcjzEPEChyHtJ1MAysQqpao2ruqSCDWJN+YEW6TZ7ww75rjJ1j1xfgQNyw89XR+THMpyQnqoXMaNkTnBBask0a1pRtkb003QBSbfEDb5ru9Mvne0Vdjh+n0Q6yex8MTqYeCV2C4JhCVnE+8Ps2OKzkFD7F58HOHvJ70P7AAAAAElFTkSuQmCC"/>
</svg> </svg>
</td> </td>
</tr> </tr>
...@@ -596,7 +666,7 @@ ...@@ -596,7 +666,7 @@
</table> </table>
</div> </div>
<div class="bottom-Classifier flex-center"> <div class="bottom-Classifier flex-center">
<Page :total="40" :page-size-opts="[5,10,20]" size="small" show-elevator show-sizer /> <Page :total="40" :page-size-opts="[5,10,20]" size="small" show-elevator show-sizer/>
</div> </div>
</div> </div>
</div> </div>
...@@ -605,21 +675,21 @@ ...@@ -605,21 +675,21 @@
<h3>销售额类别占比</h3> <h3>销售额类别占比</h3>
</div> </div>
<div class="bottom-category"> <div class="bottom-category">
<select> <i-select placeholder="一级分类" @on-change="changeGoodstype">
<option>一级分类</option> <i-option v-for="category in categoryList" :value="category.goodstypeId">{{category.goodstypeTitle}}
<option>2</option> </i-option>
<option>3</option> </i-select>
</select> <i-select placeholder="二级分类"
<select> @on-change="changeGoodstype2" v-model="category2">
<option>二级分类</option> <i-option v-for="(el,i) in Goodstype2" :key='i'
<option>2</option> :value="el.goodstwotypeId">{{el.goodstwotypeTitle}}
<option>3</option> </i-option>
</select> </i-select>
<select> <i-select placeholder="三级分类" v-model="category3">
<option>三级分类</option> <i-option v-for="(el,i) in Goodstype3" :key='i'
<option>2</option> :value="el.descripitionId">{{el.descripitionName}}
<option>3</option> </i-option>
</select> </i-select>
</div> </div>
<div class="bottom-category-echarts-container"> <div class="bottom-category-echarts-container">
<h3>图标标题</h3> <h3>图标标题</h3>
...@@ -651,5 +721,4 @@ ...@@ -651,5 +721,4 @@
<script src="${rc.contextPath}/js/sys/main.js?_${date.systemTime}"></script> <script src="${rc.contextPath}/js/sys/main.js?_${date.systemTime}"></script>
</html> </html>
\ No newline at end of file
platform-admin/src/main/webapp/js/sys/main.js
浏览文件 @ cd97652d
...@@ -2,6 +2,8 @@ let app = new Vue({ ...@@ -2,6 +2,8 @@ let app = new Vue({
el: '#app', el: '#app',
data() { data() {
return { return {
category2: null,
category3: null,
amount: 0, amount: 0,
orderRate: 0, orderRate: 0,
ForturnoverNumber: 0, ForturnoverNumber: 0,
...@@ -236,7 +238,10 @@ let app = new Vue({ ...@@ -236,7 +238,10 @@ let app = new Vue({
{value: 1548, name: 'Sport', price: 123, itemStyle: {color: '#36CBCB'}} {value: 1548, name: 'Sport', price: 123, itemStyle: {color: '#36CBCB'}}
] ]
} }
] ],
categoryList: [],
Goodstype2: [],
Goodstype3: []
} }
}, },
computed: { computed: {
...@@ -251,6 +256,42 @@ let app = new Vue({ ...@@ -251,6 +256,42 @@ let app = new Vue({
} }
}, },
methods: { methods: {
//获取二级分类
changeGoodstype(id) {
let url = "../tbcfstationitem/queryByItemType?typeId=" + id;
let that = this;
Ajax.request({
url: url,
type: "get",
contentType: "application/json",
successCallback: function (r) {
if (r.code === 0) {
that.Goodstype2 = r.list
// e?setTimeout(()=>{that.changeGoodstype2()},0):void(0);
if (r.list.length === 0) {
that.category2 = null
}
}
}
});
},
changeGoodstype2(id) {
let url = "../tbcfstationitem/queryByItemTypeTwo?typeTwoId=" + id;
let that = this;
Ajax.request({
url: url,
type: "get",
contentType: "application/json",
successCallback: function (r) {
if (r.code === 0) {
that.Goodstype3 = r.descripiton
if (r.descripiton.length === 0) {
that.category3 = null
}
}
}
});
},
templateMethod(url) { templateMethod(url) {
$.get(url, res => { $.get(url, res => {
this.initEchartsMiddleData[0].data = [] this.initEchartsMiddleData[0].data = []
...@@ -687,20 +728,14 @@ let app = new Vue({ ...@@ -687,20 +728,14 @@ let app = new Vue({
} }
}, },
getOrderNum() { getOrderNum() {
let orderNum = 0; $.get('../tbcforder/getOrderSumAmount', res => {
$.get('../tbcforder/getOrderNum', res => { TweenLite.to(this.$data, 1, {ForturnoverNumber: res.amount});
orderNum = res.count
TweenLite.to(this.$data, 1, {ForturnoverNumber: res.count});
}) })
return orderNum;
}, },
getOrderPaidNum() { getOrderPaidNum() {
let orderPaidNum = 0;
$.get('../tbcforder/getOrderNum?status=20', res => { $.get('../tbcforder/getOrderNum?status=20', res => {
orderPaidNum = res.count
TweenLite.to(this.$data, 1, {FrequencyOfPaymentNumber: res.count}); TweenLite.to(this.$data, 1, {FrequencyOfPaymentNumber: res.count});
}) })
return orderPaidNum;
}, },
getOrderRate() { getOrderRate() {
let orderNum = 0; let orderNum = 0;
...@@ -709,7 +744,6 @@ let app = new Vue({ ...@@ -709,7 +744,6 @@ let app = new Vue({
orderNum = res.count orderNum = res.count
$.get('../tbcforder/getOrderNum?status=20', res => { $.get('../tbcforder/getOrderNum?status=20', res => {
orderPaidNum = res.count orderPaidNum = res.count
console.log(orderNum + "---" + orderPaidNum)
this.orderRate = this.Percentage(orderPaidNum, orderNum) this.orderRate = this.Percentage(orderPaidNum, orderNum)
}) })
}) })
...@@ -724,10 +758,16 @@ let app = new Vue({ ...@@ -724,10 +758,16 @@ let app = new Vue({
$.get('../tbcforder/getAverageSales', res => { $.get('../tbcforder/getAverageSales', res => {
this.amount = res.amount; this.amount = res.amount;
}) })
},
getCategory() {
$.get('../tbcfgoodstype/queryAll', res => {
this.categoryList = res.list;
console.log(this.categoryList)
})
} }
}, },
created() { created() {
this.getCategory();
}, },
mounted() { mounted() {
this.initEchartsPV(); this.initEchartsPV();
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论