From f448e32f59f12ff028bf421a5f6311f4c64694a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E7=88=B1=E5=AD=A6=E4=B9=A0=E7=9A=84=E7=9F=B3?=
 =?UTF-8?q?=E5=90=8C=E5=AD=A6?= <2936013465@qq.com>
Date: Thu, 14 Nov 2024 21:07:57 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=A4=A7=E5=B1=8F=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF1.4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/datav/Gobal.vue | 27 +++++++++++----------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/views/datav/Gobal.vue b/src/views/datav/Gobal.vue
index ca77f00..c98e45d 100644
--- a/src/views/datav/Gobal.vue
+++ b/src/views/datav/Gobal.vue
@@ -34,7 +34,7 @@
             </datav-card>
             <datav-card title="业务类型占比">
               <v-charts
-                  style="height: 340px"
+                  style="height: 360px;"
                   :option="zfbaPieOption"
                   autoresize
               />
@@ -114,13 +114,14 @@
                 <datav-chart-bar-pro
                     :data="tcwtlist"
                     size="small"
+                    :color="colors"
                 />
               </el-scrollbar>
             </datav-card>
 
             <datav-card title="问题类型占比">
               <v-charts
-                  style="height: 350px"
+                  style="height: 360px;"
                   :option="wtlxPieOption"
                   autoresize
               />
@@ -265,18 +266,7 @@ const option = ref({
 
 // endregion
 
-/**
- * gobalTempMapVoList.value.map(item => ({
- *         name: item.name,
- *         value: item.totalPro,
- *         todaysum: item.totalPro,
- *         allsum: item.supervisePro,
- *         completed: item.caseVerifyPro,
- *         completedrate: item.mailPro,
- *         resolvedrate: item.policePro
- *       }))
- * @type {Ref<UnwrapRef<{yAxis: {splitLine: {lineStyle: {color: string}, show: boolean}, type: string}, xAxis: {data: *[], type: string, boundaryGap: boolean}, series: [{areaStyle: {color: LinearGradient}, lineStyle: {color: string, width: number}, data: *[], label: {show: boolean}, type: string, smooth: boolean}], tooltip: {axisPointer: {label: {backgroundColor: string}, type: string}, trigger: string}}>, UnwrapRef<{yAxis: {splitLine: {lineStyle: {color: string}, show: boolean}, type: string}, xAxis: {data: *[], type: string, boundaryGap: boolean}, series: [{areaStyle: {color: LinearGradient}, lineStyle: {color: string, width: number}, data: *[], label: {show: boolean}, type: string, smooth: boolean}], tooltip: {axisPointer: {label: {backgroundColor: string}, type: string}, trigger: string}}> | {yAxis: {splitLine: {lineStyle: {color: string}, show: boolean}, type: string}, xAxis: {data: *[], type: string, boundaryGap: boolean}, series: [{areaStyle: {color: LinearGradient}, lineStyle: {color: string, width: number}, data: *[], label: {show: boolean}, type: string, smooth: boolean}], tooltip: {axisPointer: {label: {backgroundColor: string}, type: string}, trigger: string}}>}
- */
+
 // region问题趋势线状图
 const proTrend = ref({
   grid: {
@@ -337,10 +327,14 @@ const proTrend = ref({
   ],
 });
 
-const years = ref(['2024', '2023']); // 年份列表
-const selectedYear = ref('2024年'); // 当前选中的年份
+const years = ref(['2024', '2023', '2022']); // 年份列表
+const selectedYear = ref('2024'); // 当前选中的年份
 const handleCommand = (year) => {
   selectedYear.value = year; // 更新当前选中的年份
+  getGobalRecentlyTrendByMonth(year).then(res => {
+    proTrend.value.xAxis.data = res.monthList;
+    proTrend.value.series[0].data = res.totalList;
+  });
 };
 
 // endregion
@@ -546,6 +540,7 @@ const colors = [
   padding-top: 6px;
   padding-left: 20px;
   width: 90px;
+  color: #fff;
 }