diff --git a/fuintAdmin/src/assets/images/telindex.png b/fuintAdmin/src/assets/images/telindex.png new file mode 100644 index 000000000..27b9037c4 Binary files /dev/null and b/fuintAdmin/src/assets/images/telindex.png differ diff --git a/fuintAdmin/src/assets/images/zdy.png b/fuintAdmin/src/assets/images/zdy.png new file mode 100644 index 000000000..f78d00191 Binary files /dev/null and b/fuintAdmin/src/assets/images/zdy.png differ diff --git a/fuintAdmin/src/views/shopowner.vue b/fuintAdmin/src/views/shopowner.vue index 5cc3a2a8b..957cb5945 100644 --- a/fuintAdmin/src/views/shopowner.vue +++ b/fuintAdmin/src/views/shopowner.vue @@ -2,16 +2,15 @@
-
+
- -
-
核心数据
+
核心数据
{{ storeTotal.allAmount || 0 }}
@@ -45,12 +44,22 @@
-
数据看板
-
近一周
+
数据看板
+ +
近一周
+ + 今日 + 昨日 + 近一周 + 近一月 + 近一周 + +
+
自定义
-
油品销售金额(元)/交易笔数
+
油品销售金额(元)/交易笔数
{{ storeAmount.oilAmount || 0 }}/{{ storeAmount.oilNum || 0 }}
-
会员充值金额(元)/充值笔数
+
会员充值金额(元)/充值笔数
{{ storeAmount.userRechargeAmount || 0 }}/{{ storeAmount.userRechargeNum || 0 }}
-
便利店销售金额(元)/交易笔数
+
便利店销售金额(元)/交易笔数
{{ storeAmount.minimartAmount || 0 }}/{{ storeAmount.minimartNum || 0 }}
-
积分商城销售金额(元)/兑换笔数
+
积分商城销售金额(元)/兑换笔数
{{ storeAmount.pointMallAmount || 0 }}/{{ storeAmount.pointMallNum || 0 }}
@@ -105,57 +114,114 @@
-
-
硬件设备
-
- - - - -
- +
+
+
硬件设备
+ + + +
+
+
+
+ +
+
{{ item.name }}
-
{{ item.name }}
+
-
数据展示
+
+
油品交易分析
+ +
近一周
+ + 今日 + 昨日 + 近一周 + 近一月 + 近一周 + +
+
自定义
+
+ + +
+
-
员工排行
+
员工排行 +
近一周
+ + 今日 + 昨日 + 近一周 + 近一月 + 近一周 + +
排名
员工姓名
-
会员充值金额(元)
-
油品销售金额(元)
-
总销售额(元)
+
会员充值金额
+
油品销售金额
+
总销售额
-
-
{{index +1}}
-
{{ item.realName }}
-
{{item.cardSum}}
-
{{item.oilSum}}
-
{{item.totalSum}}
+
+
+
{{index +1}}
+
{{ item.realName }}
+
{{item.cardSum}}
+
{{item.oilSum}}
+
{{item.totalSum}}
+
+
-
数据统计
-
- {{item}} +
数据统计
+ +
近一周
+ + 今日 + 昨日 + 近一周 + 近一月 + 近一周 + +
+
自定义
+
+ +
- -
+
@@ -178,6 +244,8 @@ export default { props:["accountId"], data(){ return{ + xShow:false, + timeShow:false, form: {}, timeList:[ "今日", @@ -860,17 +928,17 @@ export default { height: 380px; box-sizing: border-box; padding: 15px; - overflow: auto; - scrollbar-width: none; + + } .san-box{ width: 24%; - height: 120px; + height: 100px; box-sizing: border-box; border-radius: 8px; background: #fe8c4a; - margin: 15px 0px; - margin-right: 15px; + margin: 15px auto; + box-sizing: border-box; padding: 20px 40px; } @@ -900,37 +968,53 @@ export default { overflow: hidden; //超出部分隐藏 text-overflow: ellipsis; //文本溢出显示省略号 font-size: 14px; - color: #777777; + color: #333; margin: 14px auto; } .h-tt{ font-size: 16px; color: #333333; font-weight: bold; - margin-right: 40px; + display: flex; + justify-content: space-between; } .q-anniu{ width: 80px; height: 26px; - background: #FF9655; + background: #FF9655 !important; border-radius: 4px 4px 4px 4px; display: flex; align-items: center; justify-content: center; - color: #fff; + color: #fff !important; + font-size: 12px; cursor: pointer; margin-right: 20px; } +.h-anniu{ + width: 80px; + height: 26px; + background: #fafafa; + border-radius: 4px 4px 4px 4px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + margin-right: 20px; + font-weight: 400; + font-size: 12px; + color: #555555; +} .k-box{ - width: 220px; + width: 24%; height: 68px; background: #FFFFFF; border-radius: 8px; border: 1px solid #e1e0e0; box-sizing: border-box; + margin: 0 auto; padding: 10px; - margin-right: 10px; } .num-size{ font-weight: bold; @@ -1003,6 +1087,7 @@ export default { box-sizing: border-box; padding: 10px; display: flex; + font-size: 14px; justify-content: space-between; margin: 10px auto; div{ @@ -1012,12 +1097,13 @@ export default { } .hang-box{ border-radius: 8px; + font-size: 14px; width: 100%; box-sizing: border-box; - padding: 10px; + padding: 5px; display: flex; justify-content: space-between; - margin: 10px auto; + margin: 0px auto; div{ width: 20%; text-align: center;