优化终端运行评价页面
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -29,7 +29,7 @@ const open = (row: any,) => {
|
||||
var tips = ''
|
||||
for (var i = 0; i < params.length; i++) {
|
||||
tips += params[i].name + '</br/>'
|
||||
tips += '监测点数' + ':' + ' ' + ' ' + (params[i].value == 0.14159 ? '暂无数据' : params[i].value) + '</br/>'
|
||||
tips += '污染值' + ':' + ' ' + ' ' + (params[i].value == 0.14159 ? '暂无数据' : params[i].value) + '</br/>'
|
||||
}
|
||||
return tips
|
||||
}
|
||||
|
||||
@@ -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"
|
||||
>
|
||||
|
||||
@@ -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(
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user