From 0ecf7b3bc6d6a008a804d55c859833bf2cf6473a Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期三, 22 十一月 2023 10:06:29 +0800
Subject: [PATCH] 1.增加了有效率异常展示页面 2.风险模型的所属场景和运维商的详细信息，以及1个跳转页面链接 3.飞行巡检页面增加增加地址和运维商的筛选条件 4.飞行巡检页面是最新当日日期时，每类异常右上角增加一个“辅助审核” 5.历史数据管理增加 站点总数
---
src/views/risk_assessment/SiteComprehensiveRskRanking.vue | 93 ++++++++++++++++++++++++++++++++++++++--------
1 files changed, 77 insertions(+), 16 deletions(-)
diff --git a/src/views/risk_assessment/SiteComprehensiveRskRanking.vue b/src/views/risk_assessment/SiteComprehensiveRskRanking.vue
index 8d11b84..7943643 100644
--- a/src/views/risk_assessment/SiteComprehensiveRskRanking.vue
+++ b/src/views/risk_assessment/SiteComprehensiveRskRanking.vue
@@ -6,8 +6,6 @@
import ButtonClick from '@/sfc/ButtonClick.vue'
import { ElMessage } from 'element-plus'
import MonthSelect from '@/sfc/MonthSelect.vue'
-import { useLoadingStore } from '@/stores/loadingStore'
-import { mapStores } from 'pinia'
import riskApi from '@/api/risk/riskApi.js'
import riskValue from '@/utils/risk_estimate_common_function/riskValue.js'
export default {
@@ -15,7 +13,7 @@
AreaAndmonitorType,
ButtonExportExcel,
ButtonClick,
- MonthSelect,
+ MonthSelect
},
data() {
return {
@@ -65,7 +63,50 @@
return { exportToExcel }
},
computed: {
- ...mapStores(useLoadingStore)
+ // 璁＄畻楂樹腑浣庣珯鐐规暟閲�
+ riskGradeNum() {
+ let riskGrade = {}
+ if (this.table) {
+ let highRisk = 0
+ let middleRisk = 0
+ let lowRisk = 0
+ this.table.forEach((item) => {
+ switch (item.riskGrade) {
+ case '楂橀闄�':
+ highRisk++
+ break
+ case '涓闄�':
+ middleRisk++
+ break
+ case '浣庨闄�':
+ lowRisk++
+ break
+ }
+ })
+ riskGrade.high = highRisk
+ riskGrade.middle = middleRisk
+ riskGrade.low = lowRisk
+ }
+ return riskGrade
+ },
+ // 楂樹腑浣庨闄╂瘮渚�
+ riskGradeRate() {
+ let rate = {
+ high:0,
+ middle:0,
+ low:0
+ }
+ if (this.table.length !=0 ) {
+ let num = this.table.length
+ let highGrade = ((this.riskGradeNum.high / num)*100).toFixed(2)
+ let middleGrade = ((this.riskGradeNum.middle / num)*100).toFixed(2)
+ let lowGrade = ((this.riskGradeNum.low / num)*100).toFixed(2)
+ rate.high = highGrade
+ rate.middle = middleGrade
+ rate.low = lowGrade
+ }
+ return rate
+ }
},
mounted() {
//
@@ -112,13 +153,11 @@
this.isNoData = true
return
}
-
+
this.table = riskValue.backComprehensiveRiskTableData(response.data.data)
- console.log('琛�', this.table)
this.queryButton = false
this.isNoData = false
this.loading = false
-
this.$nextTick(() => {
this.$refs.table.sort('riskValue', 'descending')
})
@@ -175,8 +214,8 @@
},
openDetail(row) {
const encodedSiteName = encodeURIComponent(row.siteName)
- this.$router.push(`/detail/${encodedSiteName}/${this.form.month}`)
-
+ let titleName = '绔欑偣椋庨櫓鏁版嵁璇︽儏'
+ this.$router.push(`/detail/${encodedSiteName}/${this.form.month}/${titleName}`)
}
}
}
@@ -184,7 +223,7 @@
<template>
<el-row ref="h1">
- <el-row>
+ <el-col :span="24">
<el-form :inline="true" :model="form">
<el-form-item>
<AreaAndmonitorType></AreaAndmonitorType>
@@ -210,8 +249,19 @@
></ButtonExportExcel>
</el-form-item>
</el-form>
- </el-row>
+ </el-col>
+ <el-col :span="24" class="tag">
+
+ <el-tag type="primary"> 鍙傝瘎绔欑偣鏁�</el-tag><span class="analysis-info">{{ table.length }}</span>
+ <el-tag type="danger"> 楂橀闄╂暟</el-tag> <span class="analysis-info">{{ riskGradeNum.high }} ({{ riskGradeRate.high }}%)</span>
+ <el-tag type="warning"> 涓闄╂暟</el-tag> <span class="analysis-info">{{ riskGradeNum.middle }} ({{ riskGradeRate.middle }}%)</span>
+ <el-tag type="success"> 浣庨闄╂暟</el-tag> <span class="analysis-info">{{ riskGradeNum.low }} ({{ riskGradeRate.low }}%)</span>
+
+
+ </el-col>
</el-row>
+
+
<el-table
ref="table"
@@ -234,14 +284,15 @@
width="55"
show-overflow-tooltip
/>
- <el-table-column prop="siteName" label="绔欑偣鍚嶇О" align="center" show-overflow-tooltip>
+ <el-table-column prop="siteName" label="鐐逛綅鍚嶇О" align="center" show-overflow-tooltip>
<template #default="{ row }">
<el-button type="primary" text class="table-button" @click="openDetail(row)">{{
row.siteName
}}</el-button>
</template>
</el-table-column>
- <el-table-column prop="region" label="鍖哄煙" align="center" width="80" show-overflow-tooltip />
+
+ <el-table-column prop="region" label="鍖哄幙" align="center" width="80" show-overflow-tooltip />
<el-table-column
prop="monitorType"
label="妫�娴嬬被鍨�"
@@ -271,20 +322,20 @@
</el-table-column>
<el-table-column
prop="beginTime"
- label="寮�濮嬫棩鏈�"
+ label="鏃ユ湡"
sortable
align="center"
width="160"
show-overflow-tooltip
/>
- <el-table-column
+ <!-- <el-table-column
prop="endTime"
label="缁撴潫鏃ユ湡"
sortable
align="center"
width="160"
show-overflow-tooltip
- />
+ /> -->
</el-table>
<el-empty v-show="isNoData" :image-size="200" />
</template>
@@ -307,4 +358,14 @@
.el-table {
color: #333333;
}
+.analysis-info {
+ margin-right: 20px;
+}
+.tag{
+ margin: 10px 5px 5px 1px;
+}
+.el-tag {
+ font-size: 14px;
+ vertical-align: baseline;
+}
</style>
--
Gitblit v1.9.3