修改冀北现场反馈问题

This commit is contained in:
GGJ
2025-12-15 09:33:34 +08:00
parent d30b8247cf
commit 9f5b2ecc46
28 changed files with 700 additions and 468 deletions

View File

@@ -4,34 +4,7 @@
<!-- 综合评估 -->
<div style="height: 110px">
<div class="title">
<span>
区域污染水平评估
<el-popover placement="right" :width="190" trigger="hover">
<template #reference>
<WarningFilled class="WarningFilled" />
</template>
<div class="text">
<span style="color: #00b07d">无污染0</span>
<br />
<span style="color: #3399ff">轻微污染(0 , 100]</span>
<br />
<span style="color: #ffcc33">轻度污染(100 , 1000]</span>
<br />
<span style="color: #ff9900">中度污染(1000 , 10000]</span>
<br />
<span style="color: #a52a2a">重度污染(10000</span>
</div>
</el-popover>
<el-switch
v-model="heat"
class="ml5"
@change="changeHeat"
size="small"
inline-prompt
active-text="热力图"
inactive-text="热力图"
/>
</span>
<span>稳态电能质量水平评估</span>
<span class="info" @click="open(0)">
详情
<ArrowRight style="width: 12px" />
@@ -41,29 +14,33 @@
<img src="@/assets/img/FGX.png" />
</div>
<div class="mt10 TJTop">
<!-- <img src="@/assets/img/TJ.png" />
综合评估得分
<span
:style="{
color:
assessList.score == 3.14159
? ''
: assessList.score > 4.5
? '#339966'
: assessList.score > 4
? '#2b7fd3'
: assessList.score > 3
? '#ffcc33'
: assessList.score > 2
? '#97017e'
: assessList.score > 0
? '#A52a2a'
: ''
}"
>
{{ assessList.score == 3.14159 ? '/' : assessList.score }}
</span> -->
<img src="@/assets/img/TJ.png" />
区域污染水平评估
<el-popover placement="right" :width="190" trigger="hover">
<template #reference>
<WarningFilled class="WarningFilled ml5 " />
</template>
<div class="text">
<span style="color: #00b07d">无污染0</span>
<br />
<span style="color: #3399ff">轻微污染(0 , 100]</span>
<br />
<span style="color: #ffcc33">轻度污染(100 , 1000]</span>
<br />
<span style="color: #ff9900">中度污染(1000 , 10000]</span>
<br />
<span style="color: #a52a2a">重度污染(10000</span>
</div>
</el-popover>
<el-switch
v-model="heat"
class="ml5"
@change="changeHeat"
size="small"
inline-prompt
active-text="热力图"
inactive-text="热力图"
/>
</div>
<div class="evaluate">
<div v-for="item in assessList" style="min-width: 60px">
@@ -89,16 +66,16 @@
</div>
<!-- 稳态电能质量水平评估 -->
<div>
<div class="title">
<!-- <div class="title">
<span>稳态电能质量水平评估</span>
<span class="info" @click="open(1)">
详情
<ArrowRight style="width: 12px" />
</span>
</div>
<div style="display: flex" class="mt2">
</div> -->
<!-- <div style="display: flex" class="mt2">
<img src="@/assets/img/FGX.png" />
</div>
</div> -->
<div :style="boxHeight" class="boxR">
<div class="top">
<div class="TJTop">
@@ -386,10 +363,10 @@ const open = (e: number) => {
techniqueRef.value.open(formRow.value)
}
}
const changeHeat = (e:any) => {
const changeHeat = (e: any) => {
emit('changeHeat', e)
}
const setColor = (val:any) => {
const setColor = (val: any) => {
return val == 3.14159
? ''
: val > 10000
@@ -404,7 +381,7 @@ const setColor = (val:any) => {
? '#00B07D'
: ''
}
const setVal = (val:any) => {
const setVal = (val: any) => {
return val == 3.14159
? '/'
: val > 10000
@@ -511,14 +488,15 @@ defineExpose({ info, show })
cursor: pointer;
color: #757575;
}
.WarningFilled {
width: 12px;
font-weight: 500;
cursor: pointer;
}
}
.WarningFilled {
width: 12px;
font-weight: 500;
cursor: pointer;
}
.TJTop {
display: flex;
align-items: center;
img {
height: 1.2rem;
width: 1.2rem;
@@ -526,7 +504,7 @@ defineExpose({ info, show })
}
}
.evaluate {
margin: 10px 0;
margin: 5px 0 10px 0;
display: flex;
justify-content: space-around;
text-align: center;