修改电网一张图

This commit is contained in:
GGJ
2024-04-30 11:18:41 +08:00
parent 6f34458256
commit 83a5446b3c
13 changed files with 276 additions and 281 deletions

View File

@@ -4,7 +4,7 @@
<el-card>
<template #header>
<div class="card-header">
<span>暂态事件统计</span>
<span>技术监督</span>
</div>
</template>
<div :style="boxHeight">

View File

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

View File

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

View File

@@ -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}`
}
]

View File

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

View File

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