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 | 60 ++++++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 40 insertions(+), 20 deletions(-)
diff --git a/src/views/analysisScreen/operationBigdata.vue b/src/views/analysisScreen/operationBigdata.vue
index 5c6c829..ae0980e 100644
--- a/src/views/analysisScreen/operationBigdata.vue
+++ b/src/views/analysisScreen/operationBigdata.vue
@@ -1,7 +1,8 @@
<template>
<div>
<div class="content">
- <div class="header_ct">{{ localInfo.operationViewName }}</div>
+ <div class="header_ct"><span class="blue-text">{{ localInfo.operationViewName }}</span>
+ 鍙鍖栧ぇ灞�</div>
<div class="tab_page">
<div class="operation">杩愯惀鏁版嵁鍒嗘瀽</div>
<div class="alarm" @click="goAlarmPage">鍛婅鏁版嵁鍒嗘瀽</div>
@@ -47,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">
@@ -76,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>
@@ -186,8 +187,8 @@
<div class="block monthly_sales_statis">
<div class="block_title">
<div>
- <span class="blue_text">閿�鍞�</span>
- <span>瓒嬪娍</span>
+ <span class="blue_text">鏈堝害閿�鍞�</span>
+ <span>缁熻</span>
</div>
</div>
<img class="title_line" src="@/assets/img/bigdata/daoh.png" alt="" />
@@ -234,6 +235,9 @@
salesStatData: {}, //閿�鍞秼鍔挎暟鎹�
updateDataTimer: null,
localInfo: {},
+ prospectChangePercent: 0, //娼滃湪瀹㈡埛鍙樺寲鐧惧垎姣�
+ generalCustomerChangePercent: 0, //涓�鑸鎴峰彉鍖栫櫨鍒嗘瘮
+ loyalCustomerChangePercent: 0, //蹇犲疄瀹㈡埛鍙樺寲鐧惧垎姣�
}
},
created() {
@@ -243,6 +247,7 @@
}, 1000)
this.localInfo = JSON.parse(localStorage.getItem('localInfo'))
document.title = this.localInfo.operationViewName
+ this.generateRandomChangePercents()
},
mounted() {
this.initData()
@@ -259,6 +264,11 @@
})
},
methods: {
+ generateRandomChangePercents() {
+ this.prospectChangePercent = 20
+ this.generalCustomerChangePercent = 12
+ this.loyalCustomerChangePercent = 16
+ },
initData() {
this.getOverviewData()
this.getCustomerStatData()
@@ -274,8 +284,10 @@
//鑾峰彇杩愯惀姒傚喌鏁版嵁
getOverviewData() {
getAction('/jyz/operationData/overview', {}).then((res) => {
+ console.log('杩愯惀姒傚喌鏁版嵁')
console.log(res)
this.overviewData = res.result
+
this.setTurnInRateChart()
this.setRefuelingRateChart()
})
@@ -1367,6 +1379,10 @@
text-align: center;
font-size: 40px;
color: #fff;
+ .blue-text {
+ color: #5a81f9;
+ }
+
}
.tab_page {
display: flex;
@@ -1668,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