|
|
@@ -26,11 +26,11 @@
|
|
|
</div>
|
|
|
<div class="info-list">
|
|
|
<div class="info-list-name">新客户</div>
|
|
|
- <div class="info-list-value">{{ $util.numberFormat(data.todayData.fans) || 0 }}</div>
|
|
|
+ <div class="info-list-value">{{ $util.numberFormat(data.todayData.user) || 0 }}</div>
|
|
|
</div>
|
|
|
<div class="info-list">
|
|
|
<div class="info-list-name">支出</div>
|
|
|
- <div class="info-list-value">{{ $util.numberFormat(data.todayData.user) || 0 }}</div>
|
|
|
+ <div class="info-list-value">{{ $util.numberFormat(data.todayData.expend) || 0 }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -66,17 +66,25 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
<!-- 客户按钮 -->
|
|
|
- <div class="module-com tabs-wrap">
|
|
|
- <div class="tabs-list" v-for="(item, index) in tabsData" :key="index">
|
|
|
- <div @click="goToItem(item)">
|
|
|
- <div class="tabs-img">
|
|
|
- <img :src="item.img" alt mode="widthFix" />
|
|
|
+ <view class="module-com">
|
|
|
+ <view class="tabs-head_bx">
|
|
|
+ <image @click="pageTo({url:'/admin/billing/index'})" :src="cgSrc" mode="widthFix"></image>
|
|
|
+ <image @click="pageTo({url:'/admin/billing/index'})" :src="kdSrc" mode="widthFix"></image>
|
|
|
+ </view>
|
|
|
+ <div class="tabs-wrap">
|
|
|
+ <div class="tabs-list" v-for="(item, index) in tabsData" :key="index">
|
|
|
+ <div @click="pageTo(item)">
|
|
|
+ <div class="tabs-img">
|
|
|
+ <img :src="item.img" alt mode="widthFix" />
|
|
|
+ </div>
|
|
|
+ <div class="tabs-name">{{ item.name }}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="tabs-name">{{ item.name }}</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+
|
|
|
<!-- 总览 -->
|
|
|
<div class="module-com total-wrap">
|
|
|
<div class="total-tit">总览</div>
|
|
|
@@ -195,22 +203,62 @@ export default {
|
|
|
// },
|
|
|
{
|
|
|
name: "库存预警",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/mds.png`,
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/kcyj.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "改价",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/gj.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "调拨出库",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/dbck.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "调拨入库",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/dbrk.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "花材管理",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "客户欠款",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/khqk.png`,
|
|
|
url: "/admin/staff/list"
|
|
|
},
|
|
|
{
|
|
|
name: "员工",
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-6.png`,
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/yggl.png`,
|
|
|
url: "/admin/staff/list"
|
|
|
},
|
|
|
{
|
|
|
name: "门店",
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-6.png`,
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/shop.png`,
|
|
|
url: "/admin/shop/list"
|
|
|
},
|
|
|
{
|
|
|
name: "邀请开店",
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-511.png`,
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/yqyl.png`,
|
|
|
+ url: "/admin/interest/my-invite"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "邀请开店",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/khlb.png`,
|
|
|
+ url: "/admin/interest/my-invite"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "邀请开店",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/jyzk.png`,
|
|
|
+ url: "/admin/interest/my-invite"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "全部",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/qball.png`,
|
|
|
url: "/admin/interest/my-invite"
|
|
|
},
|
|
|
// {
|
|
|
@@ -227,30 +275,32 @@ export default {
|
|
|
// 总览
|
|
|
totalData: [
|
|
|
{
|
|
|
- name: "会员数",
|
|
|
+ name: "客户数",
|
|
|
value: 0
|
|
|
},
|
|
|
- {
|
|
|
- name: "粉丝数",
|
|
|
+ {
|
|
|
+ name: "会员数",
|
|
|
value: 0
|
|
|
},
|
|
|
- {
|
|
|
- name: "客户数",
|
|
|
+ {
|
|
|
+ name: "总访问量",
|
|
|
value: 0
|
|
|
},
|
|
|
{
|
|
|
name: "总收入(元)",
|
|
|
value: 0
|
|
|
},
|
|
|
- {
|
|
|
- name: "总访问量",
|
|
|
+ {
|
|
|
+ name: "总支出(元)",
|
|
|
value: 0
|
|
|
},
|
|
|
{
|
|
|
- name: "剩余短信",
|
|
|
+ name: "短信数",
|
|
|
value: 0
|
|
|
}
|
|
|
- ]
|
|
|
+ ],
|
|
|
+ cgSrc:`${this.$constant.imgUrl}/ghs/home/cg.png`,
|
|
|
+ kdSrc:`${this.$constant.imgUrl}/ghs/home/kd.png`
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -283,21 +333,18 @@ export default {
|
|
|
});
|
|
|
consoleIndex().then(res => {
|
|
|
this.data = res.data;
|
|
|
- const { asset } = res.data;
|
|
|
+ const { asset, todayData} = res.data;
|
|
|
if (!this.$util.isEmpty(asset)) {
|
|
|
// 订单总览
|
|
|
- this.orderData[0].value = asset.unPayOrder;
|
|
|
- this.orderData[1].value = asset.unSendOrder;
|
|
|
- this.orderData[2].value = asset.sendingOrder;
|
|
|
- this.orderData[3].value = asset.unNoticeOrder;
|
|
|
- this.orderData[4].value = asset.finishOrder;
|
|
|
- this.orderData[5].value = asset.totalOrder;
|
|
|
+ this.orderData[0].value = asset.unSendOrder;
|
|
|
+ this.orderData[1].value = asset.sendingOrder;
|
|
|
+ this.orderData[2].value = todayData.order;
|
|
|
// 总览数据
|
|
|
- this.totalData[0].value = asset.totalMember;
|
|
|
- this.totalData[1].value = asset.totalFans;
|
|
|
- this.totalData[2].value = asset.totalUser;
|
|
|
+ this.totalData[0].value = asset.totalUser;
|
|
|
+ this.totalData[1].value = asset.totalMember;
|
|
|
+ this.totalData[2].value = asset.totalVisit;
|
|
|
this.totalData[3].value = asset.totalIncome;
|
|
|
- this.totalData[4].value = asset.totalVisit;
|
|
|
+ this.totalData[4].value = asset.totalExpend;
|
|
|
this.totalData[5].value = asset.remainSmsNum;
|
|
|
}
|
|
|
});
|
|
|
@@ -320,9 +367,9 @@ export default {
|
|
|
type: 2
|
|
|
});
|
|
|
},
|
|
|
- goToItem(item) {
|
|
|
- this.$util.pageTo(item);
|
|
|
- }
|
|
|
+ // goToItem(item) {
|
|
|
+ // this.$util.pageTo(item);
|
|
|
+ // }
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
@@ -454,6 +501,11 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.tabs-head_bx {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 20px 15px;
|
|
|
+}
|
|
|
// tabs
|
|
|
.tabs-wrap {
|
|
|
padding: 40px 10px;
|