From 63c0ecf98f3705b4c70e4bafee5f325966a5777b Mon Sep 17 00:00:00 2001
From: guoshipeng <3194674006@qq.com>
Date: Thu, 06 Jul 2023 09:13:54 +0800
Subject: [PATCH] 提交
---
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