同步电网一张图代码

This commit is contained in:
GGJ
2024-05-27 10:37:50 +08:00
parent 05d7200da9
commit e05717790d
16 changed files with 113 additions and 91 deletions

View File

@@ -45,12 +45,12 @@ span:focus {
box-sizing: border-box;
border-bottom: 1px solid #e8e8e8;
}
.el-dialog__body {
padding: 16px;
max-height: 80vh;
box-sizing: border-box;
overflow-y: auto;
}
// .el-dialog__body {
// padding: 16px;
// max-height: 80vh;
// box-sizing: border-box;
// overflow-y: auto;
// }
.el-dialog__footer {
padding: 16px;
box-sizing: border-box;

View File

@@ -73,9 +73,10 @@ const onClickSubMenu = (menu: RouteRecordRaw) => {
flex-shrink: 0;
}
.is-active > .icon {
color: var(--el-menu-active-color) !important;
color: v-bind('config.getColorVal("menuActiveColor")') !important;
}
.el-menu-item.is-active {
background-color: v-bind('config.getColorVal("menuActiveBackground")');
color: v-bind('config.getColorVal("menuActiveColor")');
}
</style>

View File

@@ -31,10 +31,7 @@
}
.el-dialog {
padding: 0px !important;
.el-dialog__body{
max-height: 60vh;
overflow-y: auto;
}
.el-dialog__footer {
padding: 15px;
box-shadow: var(--el-box-shadow);
@@ -43,6 +40,11 @@
bottom: 0;
}
}
.el-dialog__body {
max-height: 60vh;
overflow-y: auto;
padding: 10px;
}
.el-dialog__header {
background: var(--el-color-primary);
padding: 15px;
@@ -56,15 +58,13 @@
}
.el-dialog__headerbtn:hover {
.el-icon {
color:#409EFF;
color: #409eff;
}
}
.el-dialog__title {
color: var(--el-color-white);
}
}
.el-table {
@@ -83,10 +83,6 @@
padding: 5px 11px;
}
.el-dialog__body {
padding: 10px;
}
/* dialog滚动条-s */
.el-overlay-dialog,
.el-tabs__content,

View File

@@ -326,4 +326,7 @@ defineExpose({ info, show })
color: #2dcd28;
}
}
:deep(.el-dialog__body) {
max-height: none !important;
}
</style>

View File

@@ -608,4 +608,7 @@ defineExpose({ info, show })
margin-bottom: 1px;
}
}
:deep(.el-dialog__body) {
max-height: none !important;
}
</style>

View File

@@ -27,7 +27,6 @@
<vxe-column field="unbalanceAssessData" title="评估得分" :formatter="formatter" />
<vxe-column field="unbalanceQualifyData" title="指标合格率(%)" :formatter="formatter" />
</vxe-colgroup>
</vxe-table>
</div>
<div style="height: 300px; margin-top: 10px">
@@ -100,4 +99,8 @@ const formatter = (row: any) => {
defineExpose({ open })
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
:deep(.el-dialog__body) {
max-height: none !important;
}
</style>

View File

@@ -121,28 +121,16 @@ const contaminateC = () => {
}
for (let i = 0; i < data.length; i++) {
if (data[i] >= 2) {
a5++
++a5
} else if (data[i] >= 1.6 && data[i] < 2) {
a4++
++a4
} else if (data[i] >= 1.2 && data[i] < 1.6) {
a3++
++a3
} else if (data[i] >= 1 && data[i] < 1.2) {
a4++
++a2
} else if (data[i] >= 0 && data[i] < 1) {
a1++
++a1
}
// if (data[i] >= 0 || data[i] < 1) {
// a1++
// } else if (data[i] >= 1 || data[i] < 1.2) {
// a2++
// } else if (data[i] >= 1.2 || data[i] < 1.6) {
// a3++
// } else if (data[i] >= 1.6 || data[i] < 2) {
// a4++
// } else if (data[i] >= 2) {
// a5++
// }
}
// console.log('🚀 ~ getPollutionAlarmData ~ a1 / data.length:', a1 / data.length)
@@ -275,7 +263,7 @@ const contaminateC = () => {
num2: item[3],
num3: item[4],
num4: item[5],
num5: item[5]
num5: item[6]
}
})
})
@@ -369,4 +357,7 @@ defineExpose({ open })
margin-right: 3%;
}
}
:deep(.el-dialog__body) {
max-height: none !important;
}
</style>

View File

@@ -313,4 +313,7 @@ defineExpose({ open })
// color: var(--el-color-primary) !important;
// }
}
:deep(.el-dialog__body) {
max-height: none !important;
}
</style>

View File

@@ -90,4 +90,7 @@ const open = async (row: any) => {
defineExpose({ open })
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
:deep(.el-dialog__body) {
max-height: none !important;
}</style>

View File

@@ -16,7 +16,7 @@
</vxe-colgroup>
</vxe-table>
</div>
<div style="height: 250px; margin-top: 10px; display: flex">
<div style="margin-top: 10px; display: flex">
<!--
-->
<div class="statistics-main">
@@ -135,16 +135,19 @@ defineExpose({ open })
</script>
<style lang="scss" scoped>
.statistics-main {
height: 300px;
// height: 300px;
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr;
.statistics-box {
height: 300px;
// height: 300px;
// display: flex;
display: grid;
grid-template-columns: 2fr 1fr;
}
}
:deep(.el-dialog__body) {
max-height: none !important;
}
</style>

View File

@@ -252,4 +252,7 @@ defineExpose({ open })
:deep(.el-table thead) {
color: #000;
}
:deep(.el-dialog__body) {
max-height: none !important;
}
</style>

View File

@@ -51,18 +51,18 @@
}}
</span>
</el-descriptions-item>
<el-descriptions-item label="频率偏差">{{ TargetData.flickerAllTime }}</el-descriptions-item>
<el-descriptions-item label="电压偏差">{{ TargetData.freqDevOvertime }}</el-descriptions-item>
<el-descriptions-item label="频率偏差">{{ TargetData.freqDevOvertime }}</el-descriptions-item>
<el-descriptions-item label="电压偏差">{{ TargetData.voltageDevOvertime }}</el-descriptions-item>
<el-descriptions-item label="谐波电流">{{ TargetData.iharmOvertime }}</el-descriptions-item>
<el-descriptions-item label="负序电流">{{ TargetData.inegOvertime }}</el-descriptions-item>
<el-descriptions-item label="间谐波电压">{{ TargetData.inuharmOvertime }}</el-descriptions-item>
<el-descriptions-item label="电压总谐波畸变率">
{{ TargetData.uaberranceOvertime }}
</el-descriptions-item>
<el-descriptions-item label="闪变">{{ TargetData.ubalanceOvertime }}</el-descriptions-item>
<el-descriptions-item label="闪变">{{ TargetData.flickerOvertime }}</el-descriptions-item>
<el-descriptions-item label="谐波电压">{{ TargetData.uharmOvertime }}</el-descriptions-item>
<el-descriptions-item width="140px" label="三相电压不平衡度">
{{ TargetData.voltageDevOvertime }}
{{ TargetData.ubalanceOvertime }}
</el-descriptions-item>
</el-descriptions>
</el-col>
@@ -486,9 +486,9 @@ const open = async (id: string) => {
flag += res.data[k]
}
}
console.log('🚀 ~ getGridDiagramTargetData ~ flag:', flag)
// console.log('🚀 ~ getGridDiagramTargetData ~ flag:', flag)
if (IntegrityNum.value <= 0) {
if (IntegrityNum.value == 0) {
num = 2 //完整性告警
} else {
if (flag > 0) {

View File

@@ -526,7 +526,7 @@ const addLayer = () => {
class="state"
style="background-color: ${data.comFlag == 0 ? '#ff0000' : '#3ab34a'};"
>
${data.comFlag == 0 ? '停运' : '在'}
${data.comFlag == 0 ? '中断' : '在线'}
</span>
</div>
<div class="info">

View File

@@ -510,4 +510,7 @@ defineExpose({ info, show })
:deep(.el-table thead) {
color: #000;
}
:deep(.el-dialog__body) {
max-height: none !important;
}
</style>

View File

@@ -4,7 +4,8 @@
<!-- 综合评估 -->
<div style="height: 110px">
<div class="title">
<span>综合评估
<span>
综合评估
<el-popover placement="right" :width="150" trigger="hover">
<template #reference>
<WarningFilled class="WarningFilled" />
@@ -21,7 +22,6 @@
<span style="color: #cc0000">极差[1 , 2]</span>
</div>
</el-popover>
</span>
<span class="info" @click="open(0)">
详情
@@ -139,15 +139,21 @@
</div>
<div :style="boxHeight" class="boxR">
<div class="top">
<div>
<div class="TJTop">
<img src="@/assets/img/TJ.png" />
<span>暂降严重度:</span>
</div>
<div class="ml22" style="font-size: 12px">
<span>
严重度 90%:
<span class="num">{{ transientNum[0] }}</span>
  50%:
幅值低于90%:
<span class="num">{{ transientNum[0] }}  </span>
幅值低于50%:
<span class="num">{{ transientNum[1] }}</span>
</span>
</div>
</div>
<el-select v-model="value" style="width: 120px" size="small" @change="transientChange">
<el-option v-for="item in options1" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
@@ -503,4 +509,7 @@ defineExpose({ info, show })
:deep(.el-progress__text) {
font-size: 0.8rem !important ;
}
:deep(.el-dialog__body) {
max-height: none !important;
}
</style>

View File

@@ -220,4 +220,5 @@ onMounted(() => {
background-color: var(--el-button-hover-bg-color);
outline: 0;
}
</style>