优化终端运行评价页面
This commit is contained in:
@@ -13,7 +13,7 @@
|
|||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12" class="pd10">
|
<el-col :span="12" class="pd10">
|
||||||
<el-tag style="background: #339966;" class="tag" size="small">5级</el-tag>
|
<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>
|
<el-tag style="background: #3399ff;" class="tag" size="small">4级</el-tag>
|
||||||
<span style="color: #3399ff;" class="text">:良好--(4,4.5]</span>
|
<span style="color: #3399ff;" class="text">:良好--(4,4.5]</span>
|
||||||
<el-tag style="background: #ffcc33;" class="tag" size="small">3级</el-tag>
|
<el-tag style="background: #ffcc33;" class="tag" size="small">3级</el-tag>
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ const open = (row: any,) => {
|
|||||||
var tips = ''
|
var tips = ''
|
||||||
for (var i = 0; i < params.length; i++) {
|
for (var i = 0; i < params.length; i++) {
|
||||||
tips += params[i].name + '</br/>'
|
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
|
return tips
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -28,7 +28,7 @@
|
|||||||
<el-col :span="12" class="pd10" style="position: relative">
|
<el-col :span="12" class="pd10" style="position: relative">
|
||||||
<div class="legend">
|
<div class="legend">
|
||||||
<el-tag style="background: #339966" class="tag" size="small">1级</el-tag>
|
<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>
|
<el-tag style="background: #3399ff" class="tag" size="small">2级</el-tag>
|
||||||
<span style="color: #3399ff" class="text">:轻微污染(1,1.2]</span>
|
<span style="color: #3399ff" class="text">:轻微污染(1,1.2]</span>
|
||||||
<el-tag style="background: #ffcc33" class="tag" size="small">3级</el-tag>
|
<el-tag style="background: #ffcc33" class="tag" size="small">3级</el-tag>
|
||||||
@@ -46,14 +46,14 @@
|
|||||||
<template #header>
|
<template #header>
|
||||||
<div style="cursor: pointer" @click="queryline(item, false)">
|
<div style="cursor: pointer" @click="queryline(item, false)">
|
||||||
<el-tag
|
<el-tag
|
||||||
v-if="item.data == 3.14159 || item.data == 0"
|
v-if="item.data == 3.14159"
|
||||||
style="background: #ccc; color: #fff"
|
style="background: #ccc; color: #fff"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
无
|
无
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<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"
|
style="background: #339966; color: #fff"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
@@ -98,14 +98,14 @@
|
|||||||
@click="queryline(item1, true)"
|
@click="queryline(item1, true)"
|
||||||
>
|
>
|
||||||
<el-tag
|
<el-tag
|
||||||
v-if="item1.data == 3.14159 || item1.data == 0"
|
v-if="item1.data == 3.14159 "
|
||||||
style="background: #ccc; color: #fff"
|
style="background: #ccc; color: #fff"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
无
|
无
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<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"
|
style="background: #339966; color: #fff"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
<el-card v-for="(item, index) in tableStore.table.data" :key="index">
|
<el-card v-for="(item, index) in tableStore.table.data" :key="index">
|
||||||
<template #header>
|
<template #header>
|
||||||
<div style="cursor: pointer;" @click="queryline(item, false)">
|
<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">
|
style="color: #fff; background: #339966" size="small">
|
||||||
优
|
优
|
||||||
</el-tag>
|
</el-tag>
|
||||||
@@ -44,7 +44,7 @@
|
|||||||
style="color: #fff; background: #cc0000" size="small">
|
style="color: #fff; background: #cc0000" size="small">
|
||||||
差
|
差
|
||||||
</el-tag>
|
</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">
|
style="color: #fff; background: #ccc" size="small">
|
||||||
无
|
无
|
||||||
</el-tag>
|
</el-tag>
|
||||||
@@ -55,7 +55,24 @@
|
|||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="card-item" v-for="(item1, index1) in item.children"
|
<div class="card-item" v-for="(item1, index1) in item.children"
|
||||||
:key="index1" @click="queryline(item1, true)">
|
: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">
|
style="background: #ccc; color: #fff" size="small">
|
||||||
无
|
无
|
||||||
</el-tag>
|
</el-tag>
|
||||||
@@ -82,7 +99,7 @@
|
|||||||
<el-tag v-if="2 <= item1.data && item1.data && item1.data !== 3.14159"
|
<el-tag v-if="2 <= item1.data && item1.data && item1.data !== 3.14159"
|
||||||
style="background: #cc0000; color: #fff" size="small">
|
style="background: #cc0000; color: #fff" size="small">
|
||||||
5级
|
5级
|
||||||
</el-tag>
|
</el-tag> -->
|
||||||
<span class="xdf">
|
<span class="xdf">
|
||||||
<el-tooltip :show-arrow="false" :offset="-0" :content="item1.name"
|
<el-tooltip :show-arrow="false" :offset="-0" :content="item1.name"
|
||||||
popper-class="atooltip" placement="bottom-start">
|
popper-class="atooltip" placement="bottom-start">
|
||||||
@@ -252,7 +269,7 @@ const histogram = (res: any) => {
|
|||||||
|
|
||||||
// 定制显示(按顺序)
|
// 定制显示(按顺序)
|
||||||
color: function (params) {
|
color: function (params) {
|
||||||
if (params.value == 0 || params.value == 0.14159) {
|
if ( params.value == 0.14159) {
|
||||||
return '#ccc'
|
return '#ccc'
|
||||||
} else if (params.value >= 90) {
|
} else if (params.value >= 90) {
|
||||||
return new echarts.graphic.LinearGradient(
|
return new echarts.graphic.LinearGradient(
|
||||||
|
|||||||
@@ -82,19 +82,19 @@
|
|||||||
<div class="em1">评价标准:</div>
|
<div class="em1">评价标准:</div>
|
||||||
<div class="em2">
|
<div class="em2">
|
||||||
<span style="color: #00b07d">优秀</span>
|
<span style="color: #00b07d">优秀</span>
|
||||||
完整性 ≥ 98%
|
合格率 ≥ 98%
|
||||||
</div>
|
</div>
|
||||||
<div class="em2">
|
<div class="em2">
|
||||||
<span style="color: #2b7fd3">良好</span>
|
<span style="color: #2b7fd3">良好</span>
|
||||||
95% ≤ 完整性 < 98%
|
95% ≤ 合格率 < 98%
|
||||||
</div>
|
</div>
|
||||||
<div class="em2">
|
<div class="em2">
|
||||||
<span style="color: #ff8c00">一般</span>
|
<span style="color: #ff8c00">一般</span>
|
||||||
90% ≤ 完整性 < 95%
|
90% ≤ 合格率 < 95%
|
||||||
</div>
|
</div>
|
||||||
<div class="em2">
|
<div class="em2">
|
||||||
<span style="color: #c00">较差</span>
|
<span style="color: #c00">较差</span>
|
||||||
完整性 < 90%
|
合格率 < 90%
|
||||||
</div>
|
</div>
|
||||||
<div class="mt10">综合评价方法</div>
|
<div class="mt10">综合评价方法</div>
|
||||||
<div class="em1">权重分配:根据各维度的重要性,分配不同的权重。例如:</div>
|
<div class="em1">权重分配:根据各维度的重要性,分配不同的权重。例如:</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user