优化终端运行评价页面

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-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>

View File

@@ -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 += '监测点数' + ':' + '&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 return tips
} }

View File

@@ -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"
> >

View File

@@ -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(

View File

@@ -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>