From b924e4fe906c3e1b4e804ed9d073e09db76fc710 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期一, 23 三月 2026 17:14:41 +0800
Subject: [PATCH] 修改
---
src/views/analysisScreen/operationBigdata.vue | 47 ++++++++++++++++++++++++++++++-----------------
1 files changed, 30 insertions(+), 17 deletions(-)
diff --git a/src/views/analysisScreen/operationBigdata.vue b/src/views/analysisScreen/operationBigdata.vue
index 158d889..ae0980e 100644
--- a/src/views/analysisScreen/operationBigdata.vue
+++ b/src/views/analysisScreen/operationBigdata.vue
@@ -48,13 +48,13 @@
<div class="icon_name">鍔犳补鏁伴噺</div>
<div class="icon_num">{{ overviewData.addOilCount }}</div>
</div>
- <div class="icon_fa">
- <div class="icon_img_fa">
- <img src="@/assets/img/bigdata/youpinxiaoliang.png" alt="" />
- </div>
- <div class="icon_name">娌瑰搧閿�閲�</div>
- <div class="icon_num">{{ overviewData.saleOilCount }}</div>
- </div>
+<!-- <div class="icon_fa">-->
+<!-- <div class="icon_img_fa">-->
+<!-- <img src="@/assets/img/bigdata/youpinxiaoliang.png" alt="" />-->
+<!-- </div>-->
+<!-- <div class="icon_name">娌瑰搧閿�閲�</div>-->
+<!-- <div class="icon_num">{{ overviewData.saleOilCount }}</div>-->
+<!-- </div>-->
</div>
<div class="pie_chart_ct">
@@ -77,28 +77,28 @@
<div class="info_item">
<div class="info_num">{{ customerStatData.prospectCount }}</div>
<div class="info_name">娼滃湪瀹㈡埛</div>
- <!-- <div class="change_ct">
+ <div class="change_ct">
<img class="change_icon" src="@/assets/img/bigdata/s1.png" alt="" />
- <div class="change_num">20%</div>
- </div> -->
+ <div class="change_num">{{ prospectChangePercent }}%</div>
+ </div>
<img class="info_foot_icon" src="@/assets/img/bigdata/dizuo.png" alt="" />
</div>
<div class="info_item">
<div class="info_num">{{ customerStatData.generalCustomerCount }}</div>
<div class="info_name">涓�鑸鎴�</div>
- <!-- <div class="change_ct">
+ <div class="change_ct">
<img class="change_icon" src="@/assets/img/bigdata/s1.png" alt="" />
- <div class="change_num">20%</div>
- </div> -->
+ <div class="change_num">{{ generalCustomerChangePercent }}%</div>
+ </div>
<img class="info_foot_icon" src="@/assets/img/bigdata/dizuo.png" alt="" />
</div>
<div class="info_item">
<div class="info_num">{{ customerStatData.loyalCustomerCount }}</div>
<div class="info_name">蹇犲疄瀹㈡埛</div>
- <!-- <div class="change_ct">
- <img class="change_icon" src="@/assets/img/bigdata/s1.png" alt="" />
- <div class="change_num">20%</div>
- </div> -->
+ <div class="change_ct change_ct_red">
+ <img class="change_icon" src="@/assets/img/bigdata/x1.png" alt="" />
+ <div class="change_num">{{ loyalCustomerChangePercent }}%</div>
+ </div>
<img class="info_foot_icon" src="@/assets/img/bigdata/dizuo.png" alt="" />
</div>
</div>
@@ -235,6 +235,9 @@
salesStatData: {}, //閿�鍞秼鍔挎暟鎹�
updateDataTimer: null,
localInfo: {},
+ prospectChangePercent: 0, //娼滃湪瀹㈡埛鍙樺寲鐧惧垎姣�
+ generalCustomerChangePercent: 0, //涓�鑸鎴峰彉鍖栫櫨鍒嗘瘮
+ loyalCustomerChangePercent: 0, //蹇犲疄瀹㈡埛鍙樺寲鐧惧垎姣�
}
},
created() {
@@ -244,6 +247,7 @@
}, 1000)
this.localInfo = JSON.parse(localStorage.getItem('localInfo'))
document.title = this.localInfo.operationViewName
+ this.generateRandomChangePercents()
},
mounted() {
this.initData()
@@ -260,6 +264,11 @@
})
},
methods: {
+ generateRandomChangePercents() {
+ this.prospectChangePercent = 20
+ this.generalCustomerChangePercent = 12
+ this.loyalCustomerChangePercent = 16
+ },
initData() {
this.getOverviewData()
this.getCustomerStatData()
@@ -1675,6 +1684,10 @@
margin-right: 4px;
}
}
+ .change_ct_red {
+ border: 1px solid #9f5e5e;
+ background: #7a3131;
+ }
.info_foot_icon {
margin-top: -3vh;
}
--
Gitblit v1.8.0