From a9a3f943efb083de8ed88b293897886b3ef612a2 Mon Sep 17 00:00:00 2001
From: helongyang <647556386@qq.com>
Date: 星期一, 11 八月 2025 17:37:09 +0800
Subject: [PATCH] 功能增添优化
---
代码管理/LargeScreen/CP-Screen/src/views/indexs/left-bottom.vue | 67 +++++++++++++++++++++++++--------
1 files changed, 51 insertions(+), 16 deletions(-)
diff --git "a/\344\273\243\347\240\201\347\256\241\347\220\206/LargeScreen/CP-Screen/src/views/indexs/left-bottom.vue" "b/\344\273\243\347\240\201\347\256\241\347\220\206/LargeScreen/CP-Screen/src/views/indexs/left-bottom.vue"
index 883b65a..e5733df 100644
--- "a/\344\273\243\347\240\201\347\256\241\347\220\206/LargeScreen/CP-Screen/src/views/indexs/left-bottom.vue"
+++ "b/\344\273\243\347\240\201\347\256\241\347\220\206/LargeScreen/CP-Screen/src/views/indexs/left-bottom.vue"
@@ -8,9 +8,6 @@
<div v-else style="color: white; text-align: center; padding-top: 50px">
鏁版嵁鍔犺浇涓�...
</div>
- <div v-if="error" style="color: red; text-align: center; padding-top: 50px">
- 鏁版嵁鍔犺浇澶辫触: {{ error }}
- </div>
</div>
</template>
@@ -58,7 +55,7 @@
itemWidth: 10,
itemHeight: 10,
icon: 'circle',
- data: ['鎴愬搧鍏ュ簱', '鎴愬搧鍑哄簱', '绌烘鍥炴祦', '鎴愬搧鍥炲簱']
+ data: ['鎴愬搧鍏ュ簱', '鎴愬搧鍑哄簱', '鎴愬搧璋冩嫧', '鎴愬搧閫�搴�']
},
grid: {
left: '8%',
@@ -106,15 +103,55 @@
},
},
series: [
- { name: '鎴愬搧鍏ュ簱', type: 'line', data: [] },
- { name: '鎴愬搧鍑哄簱', type: 'line', data: [] },
- { name: '绌烘鍥炴祦', type: 'line', data: [] },
- { name: '鎴愬搧鍥炲簱', type: 'line', data: [] }
+ {
+ name: '鎴愬搧鍏ュ簱',
+ type: 'line',
+ data: [],
+ areaStyle: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ { offset: 0, color: 'rgba(0, 255, 255, 0.3)' },
+ { offset: 1, color: 'rgba(0, 255, 255, 0)' }
+ ])
+ }
+ },
+ {
+ name: '鎴愬搧鍑哄簱',
+ type: 'line',
+ data: [],
+ areaStyle: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ { offset: 0, color: 'rgba(255, 0, 255, 0.3)' },
+ { offset: 1, color: 'rgba(255, 0, 255, 0)' }
+ ])
+ }
+ },
+ {
+ name: '鎴愬搧璋冩嫧',
+ type: 'line',
+ data: [],
+ areaStyle: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ { offset: 0, color: 'rgba(255, 255, 0, 0.3)' },
+ { offset: 1, color: 'rgba(255, 255, 0, 0)' }
+ ])
+ }
+ },
+ {
+ name: '鎴愬搧閫�搴�',
+ type: 'line',
+ data: [],
+ areaStyle: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ { offset: 0, color: 'rgba(0, 255, 0, 0.3)' },
+ { offset: 1, color: 'rgba(0, 255, 0, 0)' }
+ ])
+ }
+ }
]
};
},
async fetchData() {
- this.loading = true;
+ this.loading = true;
this.error = null;
try {
@@ -137,24 +174,22 @@
}
},
updateChart(data) {
-
-
const dates = data.dateRange;
const stats = data.dailyStatistics;
const seriesData = {
'鎴愬搧鍏ュ簱': [],
'鎴愬搧鍑哄簱': [],
- '绌烘鍥炴祦': [],
- '鎴愬搧鍥炲簱': []
+ '鎴愬搧璋冩嫧': [],
+ '鎴愬搧閫�搴�': []
};
// 鏍规嵁瀹為檯鏁版嵁鏍煎紡璋冩暣瀛楁鍚嶏紙灏忓啓寮�澶达級
stats.forEach(day => {
seriesData['鎴愬搧鍏ュ簱'].push(day.inProduct || 0);
seriesData['鎴愬搧鍑哄簱'].push(day.outProduct || 0);
- seriesData['绌烘鍥炴祦'].push(day.emptyProductBack || 0);
- seriesData['鎴愬搧鍥炲簱'].push(day.inProductBack || 0);
+ seriesData['鎴愬搧璋冩嫧'].push(day.emptyProductBack || 0);
+ seriesData['鎴愬搧閫�搴�'].push(day.inProductBack || 0);
});
this.options = {
@@ -183,6 +218,7 @@
</script>
<style lang='scss' scoped>
+/* 鏍峰紡閮ㄥ垎淇濇寔涓嶅彉 */
.user_Overview {
li {
flex: 1;
@@ -219,7 +255,6 @@
}
.allnum {
- // background-image: url("../../assets/img/left_top_lan.png");
&::before {
background-image: url("../../assets/img/left_top_lan.png");
}
--
Gitblit v1.9.3