优化终端运行评价页面

This commit is contained in:
GGJ
2025-05-22 11:04:42 +08:00
parent a869989dba
commit 2a6b9a37d2
5 changed files with 33 additions and 16 deletions

View File

@@ -13,7 +13,7 @@
<el-row>
<el-col :span="12" class="pd10">
<el-tag style="background: #339966;" class="tag" size="small">5</el-tag>
<span style="color: #339966;" class="text">::优秀--(4.5,5]</span>
<span style="color: #339966;" class="text">:优秀--(4.5,5]</span>
<el-tag style="background: #3399ff;" class="tag" size="small">4</el-tag>
<span style="color: #3399ff;" class="text">:良好--(4,4.5]</span>
<el-tag style="background: #ffcc33;" class="tag" size="small">3</el-tag>

View File

@@ -29,7 +29,7 @@ const open = (row: any,) => {
var tips = ''
for (var i = 0; i < params.length; i++) {
tips += params[i].name + '</br/>'
tips += '监测点数' + ':' + '&nbsp' + '&nbsp' + (params[i].value == 0.14159 ? '暂无数据' : params[i].value) + '</br/>'
tips += '污染值' + ':' + '&nbsp' + '&nbsp' + (params[i].value == 0.14159 ? '暂无数据' : params[i].value) + '</br/>'
}
return tips
}

View File

@@ -28,7 +28,7 @@
<el-col :span="12" class="pd10" style="position: relative">
<div class="legend">
<el-tag style="background: #339966" class="tag" size="small">1</el-tag>
<span style="color: #339966" class="text">:无污染(0,1]</span>
<span style="color: #339966" class="text">:无污染[0,1]</span>
<el-tag style="background: #3399ff" class="tag" size="small">2</el-tag>
<span style="color: #3399ff" class="text">:轻微污染(1,1.2]</span>
<el-tag style="background: #ffcc33" class="tag" size="small">3</el-tag>
@@ -46,14 +46,14 @@
<template #header>
<div style="cursor: pointer" @click="queryline(item, false)">
<el-tag
v-if="item.data == 3.14159 || item.data == 0"
v-if="item.data == 3.14159"
style="background: #ccc; color: #fff"
size="small"
>
</el-tag>
<el-tag
v-if="0 < item.data && item.data < 1 && item.data !== 3.14159"
v-if="0 <= item.data && item.data < 1 && item.data !== 3.14159"
style="background: #339966; color: #fff"
size="small"
>
@@ -98,14 +98,14 @@
@click="queryline(item1, true)"
>
<el-tag
v-if="item1.data == 3.14159 || item1.data == 0"
v-if="item1.data == 3.14159 "
style="background: #ccc; color: #fff"
size="small"
>
</el-tag>
<el-tag
v-if="0 < item1.data && item1.data < 1 && item1.data !== 3.14159"
v-if="0 <= item1.data && item1.data < 1 && item1.data !== 3.14159"
style="background: #339966; color: #fff"
size="small"
>

View File

@@ -32,7 +32,7 @@
<el-card v-for="(item, index) in tableStore.table.data" :key="index">
<template #header>
<div style="cursor: pointer;" @click="queryline(item, false)">
<el-tag v-if="item.data < 60 && item.data > 0"
<el-tag v-if="item.data < 60 && item.data >= 0"
style="color: #fff; background: #339966" size="small">
</el-tag>
@@ -44,7 +44,7 @@
style="color: #fff; background: #cc0000" size="small">
</el-tag>
<el-tag v-if="item.data == 3.14159 || item.data == 0"
<el-tag v-if="item.data == 3.14159 "
style="color: #fff; background: #ccc" size="small">
</el-tag>
@@ -55,7 +55,24 @@
<div class="card-content">
<div class="card-item" v-for="(item1, index1) in item.children"
:key="index1" @click="queryline(item1, true)">
<el-tag v-if="item1.data == 3.14159 || item1.data == 0"
<el-tag v-if="item1.data < 60 && item1.data >= 0"
style="color: #fff; background: #339966" size="small">
</el-tag>
<el-tag v-if="60 <= item1.data && item1.data < 90"
style="color: #fff; background: #ffcc33" size="small">
</el-tag>
<el-tag v-if="90 <= item1.data && item1.data"
style="color: #fff; background: #cc0000" size="small">
</el-tag>
<el-tag v-if="item1.data == 3.14159 "
style="color: #fff; background: #ccc" size="small">
</el-tag>
<!-- <el-tag v-if="item1.data == 3.14159 || item1.data == 0"
style="background: #ccc; color: #fff" size="small">
</el-tag>
@@ -82,7 +99,7 @@
<el-tag v-if="2 <= item1.data && item1.data && item1.data !== 3.14159"
style="background: #cc0000; color: #fff" size="small">
5
</el-tag>
</el-tag> -->
<span class="xdf">
<el-tooltip :show-arrow="false" :offset="-0" :content="item1.name"
popper-class="atooltip" placement="bottom-start">
@@ -252,7 +269,7 @@ const histogram = (res: any) => {
// 定制显示(按顺序)
color: function (params) {
if (params.value == 0 || params.value == 0.14159) {
if ( params.value == 0.14159) {
return '#ccc'
} else if (params.value >= 90) {
return new echarts.graphic.LinearGradient(

View File

@@ -82,19 +82,19 @@
<div class="em1">评价标准</div>
<div class="em2">
<span style="color: #00b07d">优秀</span>
 完整性 98%
 合格率 98%
</div>
<div class="em2">
<span style="color: #2b7fd3">良好</span>
 95% 完整性 < 98%
 95% 合格率 < 98%
</div>
<div class="em2">
<span style="color: #ff8c00">一般</span>
 90% 完整性 < 95%
 90% 合格率 < 95%
</div>
<div class="em2">
<span style="color: #c00">较差</span>
 完整性 < 90%
 合格率 < 90%
</div>
<div class="mt10">综合评价方法</div>
<div class="em1">权重分配:根据各维度的重要性分配不同的权重例如:</div>