|
@@ -8,11 +8,10 @@
|
|
|
:key="index"
|
|
:key="index"
|
|
|
@click="$util.pageTo(item)"
|
|
@click="$util.pageTo(item)"
|
|
|
>
|
|
>
|
|
|
- <div class="val">
|
|
|
|
|
|
|
+ <div :class="['val',{'show-link':item.url ? true : false}]">
|
|
|
<div class="left">
|
|
<div class="left">
|
|
|
<i :class="item.icon"></i>
|
|
<i :class="item.icon"></i>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
<div class="right">
|
|
<div class="right">
|
|
|
<p>{{ item.name }}</p>
|
|
<p>{{ item.name }}</p>
|
|
|
<p>{{ item.val }}</p>
|
|
<p>{{ item.val }}</p>
|
|
@@ -39,15 +38,10 @@
|
|
|
</div>
|
|
</div>
|
|
|
<!-- entry -->
|
|
<!-- entry -->
|
|
|
<div class="card entry-wrap">
|
|
<div class="card entry-wrap">
|
|
|
- <div class="card-title">运营快捷入口</div>
|
|
|
|
|
|
|
+ <div class="card-title">快捷操作</div>
|
|
|
<div class="card-body">
|
|
<div class="card-body">
|
|
|
<div class="entry-list-wrap">
|
|
<div class="entry-list-wrap">
|
|
|
- <div
|
|
|
|
|
- class="list"
|
|
|
|
|
- v-for="(item, index) in entryData"
|
|
|
|
|
- :key="index"
|
|
|
|
|
- @click="$util.pageTo(item)"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div class="list" v-for="(item, index) in entryData" :key="index" @click="$util.pageTo(item)">
|
|
|
<div class="icon-wrap">
|
|
<div class="icon-wrap">
|
|
|
<i class="iconfont" :class="[item.icon]"></i>
|
|
<i class="iconfont" :class="[item.icon]"></i>
|
|
|
</div>
|
|
</div>
|
|
@@ -58,7 +52,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
<!-- income -->
|
|
<!-- income -->
|
|
|
<div class="card card-income">
|
|
<div class="card card-income">
|
|
|
- <div class="card-title">收入统计</div>
|
|
|
|
|
|
|
+ <div class="card-title">最近7天收入</div>
|
|
|
<div class="card-body">
|
|
<div class="card-body">
|
|
|
<div class="echart-left-wrap">
|
|
<div class="echart-left-wrap">
|
|
|
<div>
|
|
<div>
|
|
@@ -71,7 +65,6 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="echart-wrap">
|
|
<div class="echart-wrap">
|
|
|
- <div class="echart-tit">最近七天收入</div>
|
|
|
|
|
<trend-echart ref="incomeEchart" :chartData="incomeData.list"></trend-echart>
|
|
<trend-echart ref="incomeEchart" :chartData="incomeData.list"></trend-echart>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -95,7 +88,7 @@
|
|
|
<trend-echart ref="visitorEchart" :chartData="visitorData.list"></trend-echart>
|
|
<trend-echart ref="visitorEchart" :chartData="visitorData.list"></trend-echart>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- </div> -->
|
|
|
|
|
|
|
+ </div>-->
|
|
|
<!-- allTotal -->
|
|
<!-- allTotal -->
|
|
|
<div class="card all-total-wrap">
|
|
<div class="card all-total-wrap">
|
|
|
<div class="card-title">总览</div>
|
|
<div class="card-title">总览</div>
|
|
@@ -140,28 +133,30 @@ export default {
|
|
|
{
|
|
{
|
|
|
name: '访问量',
|
|
name: '访问量',
|
|
|
icon: 'el-icon-s-data',
|
|
icon: 'el-icon-s-data',
|
|
|
- val: 0
|
|
|
|
|
|
|
+ val: '-'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '新客户',
|
|
name: '新客户',
|
|
|
icon: 'el-icon-s-custom',
|
|
icon: 'el-icon-s-custom',
|
|
|
- val: 0
|
|
|
|
|
|
|
+ val: '-',
|
|
|
|
|
+ url: '/member/list'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '新粉丝',
|
|
name: '新粉丝',
|
|
|
icon: 'el-icon-user',
|
|
icon: 'el-icon-user',
|
|
|
- val: 0
|
|
|
|
|
|
|
+ val: '-',
|
|
|
|
|
+ url: '/member/list?type=1'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '收入',
|
|
name: '收入',
|
|
|
icon: 'el-icon-s-marketing',
|
|
icon: 'el-icon-s-marketing',
|
|
|
- val: '¥0.00',
|
|
|
|
|
- url: '/admin/assets/list'
|
|
|
|
|
|
|
+ val: '¥0.00'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '订单',
|
|
name: '订单',
|
|
|
icon: 'el-icon-s-order',
|
|
icon: 'el-icon-s-order',
|
|
|
- val: 0
|
|
|
|
|
|
|
+ val: '-',
|
|
|
|
|
+ url: '/order/list?status=-1'
|
|
|
}
|
|
}
|
|
|
],
|
|
],
|
|
|
// 待处理
|
|
// 待处理
|
|
@@ -177,7 +172,7 @@ export default {
|
|
|
url: '/order/list?status=2'
|
|
url: '/order/list?status=2'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- name: '已完结订单',
|
|
|
|
|
|
|
+ name: '已完成订单',
|
|
|
val: 0,
|
|
val: 0,
|
|
|
url: '/order/list?status=5'
|
|
url: '/order/list?status=5'
|
|
|
},
|
|
},
|
|
@@ -186,7 +181,6 @@ export default {
|
|
|
val: 0,
|
|
val: 0,
|
|
|
url: '/order/list?status=1'
|
|
url: '/order/list?status=1'
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
{
|
|
{
|
|
|
name: '全部订单',
|
|
name: '全部订单',
|
|
|
val: 0,
|
|
val: 0,
|
|
@@ -310,11 +304,13 @@ export default {
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
// total
|
|
// total
|
|
|
- this.totalData[0].val = res.todayData.visit;
|
|
|
|
|
- this.totalData[1].val = `¥${res.todayData.income || 0.0}`;
|
|
|
|
|
- this.totalData[2].val = res.todayData.order;
|
|
|
|
|
- this.totalData[3].val = res.todayData.user;
|
|
|
|
|
- this.totalData[4].val = res.todayData.fans;
|
|
|
|
|
|
|
+ this.totalData[0].val = res.todayData.visit > 0 ? res.todayData.visit : '-';
|
|
|
|
|
+ this.totalData[1].val = res.todayData.user > 0 ? res.todayData.user : '-';
|
|
|
|
|
+ this.totalData[2].val = res.todayData.fans > 0 ? res.todayData.fans : '-';
|
|
|
|
|
+ this.totalData[3].val = `¥${
|
|
|
|
|
+ res.todayData.income > 0 ? res.todayData.income : '-'
|
|
|
|
|
+ }`;
|
|
|
|
|
+ this.totalData[4].val = res.todayData.order > 0 ? res.todayData.order : '-';
|
|
|
// pending
|
|
// pending
|
|
|
this.pendingData[0].val = res.asset.unPayOrder;
|
|
this.pendingData[0].val = res.asset.unPayOrder;
|
|
|
this.pendingData[1].val = res.asset.sendingOrder;
|
|
this.pendingData[1].val = res.asset.sendingOrder;
|
|
@@ -357,8 +353,8 @@ export default {
|
|
|
.card-title {
|
|
.card-title {
|
|
|
color: #000;
|
|
color: #000;
|
|
|
padding: 20px 20px 0 20px;
|
|
padding: 20px 20px 0 20px;
|
|
|
- font-size:15px;
|
|
|
|
|
- font-weight:bold;
|
|
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.card-body {
|
|
.card-body {
|
|
@@ -420,6 +416,9 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ .show-link {
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -436,7 +435,7 @@ export default {
|
|
|
margin-bottom: 18px;
|
|
margin-bottom: 18px;
|
|
|
border-bottom: 1px solid $borderColor;
|
|
border-bottom: 1px solid $borderColor;
|
|
|
padding-bottom: 6px;
|
|
padding-bottom: 6px;
|
|
|
- font-size:13px;
|
|
|
|
|
|
|
+ font-size: 13px;
|
|
|
&:nth-child(3n) {
|
|
&:nth-child(3n) {
|
|
|
margin-right: 0;
|
|
margin-right: 0;
|
|
|
}
|
|
}
|
|
@@ -452,12 +451,12 @@ export default {
|
|
|
.entry-wrap {
|
|
.entry-wrap {
|
|
|
.entry-list-wrap {
|
|
.entry-list-wrap {
|
|
|
@include disFlex(center, space-between);
|
|
@include disFlex(center, space-between);
|
|
|
- padding: 0 20px;
|
|
|
|
|
|
|
+ padding: 0 32px;
|
|
|
color: $fontColor2;
|
|
color: $fontColor2;
|
|
|
.list {
|
|
.list {
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
|
- font-size:14px;
|
|
|
|
|
|
|
+ font-size: 14px;
|
|
|
&:hover {
|
|
&:hover {
|
|
|
color: $mainColor;
|
|
color: $mainColor;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
@@ -480,13 +479,13 @@ export default {
|
|
|
.list {
|
|
.list {
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
|
- font-size:14px;
|
|
|
|
|
|
|
+ font-size: 14px;
|
|
|
// &:hover {
|
|
// &:hover {
|
|
|
// color: $mainColor;
|
|
// color: $mainColor;
|
|
|
// cursor: pointer;
|
|
// cursor: pointer;
|
|
|
// }
|
|
// }
|
|
|
.num {
|
|
.num {
|
|
|
- font-size: 24px;
|
|
|
|
|
|
|
+ font-size: 20px;
|
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -502,14 +501,14 @@ export default {
|
|
|
margin-top: 20px;
|
|
margin-top: 20px;
|
|
|
color: $fontColor2;
|
|
color: $fontColor2;
|
|
|
padding-left: 10px;
|
|
padding-left: 10px;
|
|
|
- font-size:14px;
|
|
|
|
|
|
|
+ font-size: 14px;
|
|
|
text-align: left;
|
|
text-align: left;
|
|
|
& > div:first-child {
|
|
& > div:first-child {
|
|
|
margin-bottom: 50px;
|
|
margin-bottom: 50px;
|
|
|
}
|
|
}
|
|
|
.num {
|
|
.num {
|
|
|
color: #333;
|
|
color: #333;
|
|
|
- font-size: 26px;
|
|
|
|
|
|
|
+ font-size: 20px;
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|