修改冀北现场反馈问题
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user