From 6e229822c315f85465d27f2c411e0c9382acf7f5 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Thu, 26 Oct 2023 13:39:14 +0800
Subject: [PATCH] fix:实时风场图点击弹窗修改

---
 src/components/Wind/realTimeLocal/excellentProportion.vue |   60 +++++++++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 41 insertions(+), 19 deletions(-)

diff --git a/src/components/Wind/realTimeLocal/excellentProportion.vue b/src/components/Wind/realTimeLocal/excellentProportion.vue
index 9a4a061..4780d6a 100644
--- a/src/components/Wind/realTimeLocal/excellentProportion.vue
+++ b/src/components/Wind/realTimeLocal/excellentProportion.vue
@@ -1,15 +1,32 @@
 <template>
   <div class="excellent_proportion">
     <div class="excellent_top header_excellent">
-      <img class="pie_img" :src="require('@/assets/images/regionalOverview/pieChart.png')" alt="">
-      <span class="proportion_title"><span v-if="timeArea">������������������({{ timeArea }})</span><span v-else>������������������</span></span>
-      <img class="open" :src="require('@/assets/images/regionalOverview/open.png')" alt="" style="cursor:pointer" @click="jumpLevelStatistic">
+      <img
+        class="pie_img"
+        :src="require('@/assets/images/regionalOverview/pieChart.png')"
+        alt=""
+      />
+      <span class="proportion_title"
+        ><span v-if="timeArea">������������������({{ timeArea }})</span
+        ><span v-else>������������������</span></span
+      >
+      <img
+        class="open"
+        :src="require('@/assets/images/regionalOverview/open.png')"
+        alt=""
+        style="cursor: pointer"
+        @click="jumpLevelStatistic"
+      />
     </div>
     <div class="proportion_pie" v-if="this.timeArea">
       <pie-chart-new :datas="data" :save="false" />
     </div>
     <div v-else style="width: 100%">
-      <el-empty style="width: 100%" :image-size="60" description="���������������"></el-empty>
+      <el-empty
+        style="width: 100%"
+        :image-size="60"
+        description="���������������"
+      ></el-empty>
     </div>
   </div>
 </template>
@@ -22,14 +39,13 @@
   data() {
     return {
       timeArea: '',
-      data: []
+      data: [],
     }
   },
   created() {
     this.queryPieChartOfPollutionLevel()
   },
-  mounted() {
-  },
+  mounted() {},
   methods: {
     // ���������������������������������������������
     queryPieChartOfPollutionLevel() {
@@ -38,9 +54,9 @@
         method: 'get',
         params: {
           regionCode: this.$store.state.regionCode,
-          year: new Date().getFullYear()
-        }
-      }).then(res => {
+          year: new Date().getFullYear(),
+        },
+      }).then((res) => {
         if (res.code === 0) {
           this.timeArea = res.data.time
           this.data = res.data.values.map((item) => {
@@ -49,17 +65,23 @@
             const levelIndex = item.pollution
             let level = ''
             switch (levelIndex) {
-              case '0': level = '���'
+              case '0':
+                level = '���'
                 break
-              case '1': level = '���'
+              case '1':
+                level = '���'
                 break
-              case '2': level = '������������'
+              case '2':
+                level = '������������'
                 break
-              case '3': level = '������������'
+              case '3':
+                level = '������������'
                 break
-              case '4': level = '������������'
+              case '4':
+                level = '������������'
                 break
-              case '5': level = '������������'
+              case '5':
+                level = '������������'
             }
             newMap.name = level + ': ' + item.proportion
             return newMap
@@ -70,8 +92,8 @@
     // ������������
     jumpLevelStatistic() {
       this.$router.push({ path: '/analyse/analyse/levelStatistic' })
-    }
-  }
+    },
+  },
 }
 </script>
 
@@ -94,7 +116,7 @@
 .header_excellent {
   position: relative;
   height: 40px;
-  background-color: #F8F7F7;
+  background-color: #f8f7f7;
   .pie_img {
     position: absolute;
     top: 10px;

--
Gitblit v1.8.0