修改电网一张图
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
<el-card>
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>暂态事件统计</span>
|
||||
<span>技术监督</span>
|
||||
</div>
|
||||
</template>
|
||||
<div :style="boxHeight">
|
||||
|
||||
@@ -230,7 +230,7 @@ defineExpose({ info })
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.boxLeft {
|
||||
background-color: #fff;
|
||||
// background-color: #fff;
|
||||
width: 25%;
|
||||
padding: 10px 0px 10px 10px;
|
||||
font-size: 13px;
|
||||
|
||||
@@ -400,7 +400,7 @@ defineExpose({ info })
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.boxLeft {
|
||||
background-color: #fff;
|
||||
// background-color: #fff;
|
||||
width: 25%;
|
||||
padding: 10px 0px 10px 10px;
|
||||
font-size: 13px;
|
||||
|
||||
@@ -105,7 +105,7 @@ const open = async (row: any) => {
|
||||
num2: item[3],
|
||||
num3: item[4],
|
||||
num4: item[5],
|
||||
num5: item[5],
|
||||
num5: item[5]
|
||||
}
|
||||
})
|
||||
})
|
||||
@@ -139,26 +139,27 @@ const contaminateC = () => {
|
||||
a5++
|
||||
}
|
||||
}
|
||||
console.log('🚀 ~ getPollutionAlarmData ~ a1 / data.length:', a1 / data.length)
|
||||
|
||||
let list = [
|
||||
{
|
||||
value: ((a1 / data.length) * 100).toFixed(2),
|
||||
value: ((a1 / data.length || 0) * 100).toFixed(2),
|
||||
name: `无污染:${a1}座`
|
||||
},
|
||||
{
|
||||
value: ((a2 / data.length) * 100).toFixed(2),
|
||||
value: ((a2 / data.length || 0) * 100).toFixed(2),
|
||||
name: `轻微污染::${a2}座`
|
||||
},
|
||||
{
|
||||
value: ((a3 / data.length) * 100).toFixed(2),
|
||||
value: ((a3 / data.length || 0) * 100).toFixed(2),
|
||||
name: `轻度污染:${a3}座`
|
||||
},
|
||||
{
|
||||
value: ((a4 / data.length) * 100).toFixed(2),
|
||||
value: ((a4 / data.length || 0) * 100).toFixed(2),
|
||||
name: `中度污染:${a4}座`
|
||||
},
|
||||
{
|
||||
value: ((a5 / data.length) * 100).toFixed(2),
|
||||
value: ((a5 / data.length || 0) * 100).toFixed(2),
|
||||
name: `重度污染:${a5}座`
|
||||
}
|
||||
]
|
||||
|
||||
@@ -239,12 +239,12 @@
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- <img
|
||||
<img
|
||||
class="imgL"
|
||||
:style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
|
||||
@click="show = !show"
|
||||
src="@/assets/img/QH.png"
|
||||
/> -->
|
||||
/>
|
||||
|
||||
<!-- 变电站详情 -->
|
||||
<stand ref="standRef" />
|
||||
@@ -409,7 +409,7 @@ defineExpose({ info })
|
||||
.boxLeft {
|
||||
background-color: #fff;
|
||||
width: 100%;
|
||||
padding: 10px 0px 10px 10px;
|
||||
padding: 10px 10px 10px 10px;
|
||||
font-size: 13px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -500,7 +500,7 @@ defineExpose({ info })
|
||||
width: 25%;
|
||||
transition: all 0.3s ease;
|
||||
.boxLeft {
|
||||
padding: 10px 0px 10px 10px;
|
||||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
}
|
||||
:deep(.el-card) {
|
||||
|
||||
@@ -137,12 +137,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <img
|
||||
<img
|
||||
class="imgR"
|
||||
:style="show ? 'transform: rotate(180deg);' : 'transform: rotate(0deg);'"
|
||||
@click="show = !show"
|
||||
src="@/assets/img/QH.png"
|
||||
/> -->
|
||||
/>
|
||||
<!-- 评估 -->
|
||||
<Evaluate ref="evaluateRef" />
|
||||
<!-- 稳态 -->
|
||||
@@ -379,7 +379,7 @@ defineExpose({ info })
|
||||
.boxLeft {
|
||||
background-color: #fff;
|
||||
width: 100%;
|
||||
padding: 10px 0px 10px 10px;
|
||||
padding: 10px 10px 10px 10px;
|
||||
font-size: 13px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -457,7 +457,7 @@ defineExpose({ info })
|
||||
width: 25%;
|
||||
transition: all 0.3s ease;
|
||||
.boxLeft {
|
||||
padding: 10px 0px 10px 10px;
|
||||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user