Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

同步电网一张图代码

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/bpmnProcessDesigner/package/theme/element-variables.scss
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;

3
src/layouts/admin/components/menus/menuTree.vue
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>

26
src/styles/element.scss
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;
@@ -54,17 +56,15 @@
color: var(--el-color-white);
}
}
.el-dialog__headerbtn:hover{
.el-icon{
color:#409EFF;
.el-dialog__headerbtn:hover {
.el-icon {
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,
@@ -209,10 +205,10 @@
opacity: 0.6;
}
.sgmap-ctrl-bottom-left{
.sgmap-ctrl-bottom-left {
display: none !important;
}
.el-drawer__header{
.el-drawer__header {
margin-bottom: 0 !important;
}

3
src/views/pqs/qualityInspeection/panorama/components/cityMapL.vue
View File

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

3
src/views/pqs/qualityInspeection/panorama/components/cityMapR.vue
View File

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

47
src/views/pqs/qualityInspeection/panorama/components/details/evaluate.vue
View File

@@ -7,27 +7,26 @@
<vxe-column field="assessData" title="综合评估得分" :formatter="formatter" />
<vxe-column field="qualifyData" title="指标合格率(%)" :formatter="formatter" />
<vxe-colgroup title="电压偏差">
<vxe-column field="vdevAssessData" title="评估得分" :formatter="formatter" />
<vxe-column field="vdevQualifyData" title="指标合格率(%)" :formatter="formatter" />
</vxe-colgroup>
<vxe-colgroup title="频率偏差">
<vxe-column field="freqAssessData" title="评估得分" :formatter="formatter" />
<vxe-column field="freqQualifyData" title="指标合格率(%)" :formatter="formatter" />
</vxe-colgroup>
<vxe-colgroup title="电压总谐波畸变率">
<vxe-column field="harmAssessData" title="评估得分" :formatter="formatter" />
<vxe-column field="harmQualifyData" title="指标合格率(%)" :formatter="formatter" />
</vxe-colgroup>
<vxe-colgroup title="电压闪变">
<vxe-column field="flickerAssessData" title="评估得分" :formatter="formatter" />
<vxe-column field="flickerQualifyData" title="指标合格率(%)" :formatter="formatter" />
</vxe-colgroup>
<vxe-colgroup title="三相电压不平衡度">
<vxe-column field="unbalanceAssessData" title="评估得分" :formatter="formatter" />
<vxe-column field="unbalanceQualifyData" title="指标合格率(%)" :formatter="formatter" />
</vxe-colgroup>
<vxe-colgroup title="电压偏差">
<vxe-column field="vdevAssessData" title="评估得分" :formatter="formatter" />
<vxe-column field="vdevQualifyData" title="指标合格率(%)" :formatter="formatter" />
</vxe-colgroup>
<vxe-colgroup title="频率偏差">
<vxe-column field="freqAssessData" title="评估得分" :formatter="formatter" />
<vxe-column field="freqQualifyData" title="指标合格率(%)" :formatter="formatter" />
</vxe-colgroup>
<vxe-colgroup title="电压总谐波畸变率">
<vxe-column field="harmAssessData" title="评估得分" :formatter="formatter" />
<vxe-column field="harmQualifyData" title="指标合格率(%)" :formatter="formatter" />
</vxe-colgroup>
<vxe-colgroup title="电压闪变">
<vxe-column field="flickerAssessData" title="评估得分" :formatter="formatter" />
<vxe-column field="flickerQualifyData" title="指标合格率(%)" :formatter="formatter" />
</vxe-colgroup>
<vxe-colgroup title="三相电压不平衡度">
<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>

27
src/views/pqs/qualityInspeection/panorama/components/details/stand.vue
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>

3
src/views/pqs/qualityInspeection/panorama/components/details/steadyState.vue
View File

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

5
src/views/pqs/qualityInspeection/panorama/components/details/technique.vue
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>

9
src/views/pqs/qualityInspeection/panorama/components/details/temporaryState.vue
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>

3
src/views/pqs/qualityInspeection/panorama/components/details/terminal.vue
View File

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

12
src/views/pqs/qualityInspeection/panorama/components/line/info.vue
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) {

2
src/views/pqs/qualityInspeection/panorama/components/map.vue
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">

3
src/views/pqs/qualityInspeection/panorama/components/mapL.vue
View File

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

29
src/views/pqs/qualityInspeection/panorama/components/mapR.vue
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 class="TJTop">
<img src="@/assets/img/TJ.png" />
<span>
严重度　90%:
<span class="num">{{ transientNum[0] }}</span>
　 50%:
<span class="num">{{ transientNum[1] }}</span>
</span>
<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%:
<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>

11
src/views/pqs/qualityInspeection/panorama/index.vue
View File

@@ -94,7 +94,7 @@ const form: any = ref({
const height = mainHeight(10)
// 获取区域名称
const changeValue = (e: any) => {
// mapRef.value.locatePositions(e)
// mapRef.value.locatePositions(e)
form.value.orgNo = e.data.id //list.filter((item: any) => item.code == e.orgId)[0]?.id || dictData.state.area[0].id
options.value[0].name = e.data.areaName
@@ -118,12 +118,12 @@ const infoShow = (e: boolean) => {
}
// 地图控制图层
const LookMap = (row: any, key?: any) => {
// mapRef.value.addMarkers({ ...row, type: 1 }, key)
// mapRef.value.addMarkers({ ...row, type: 1 }, key)
}
//区域统计展示切换
const GridDiagram = (k?: number) => {
// mapRef.value.radiusPop(k)
// mapRef.value.flyTo({ coordinate: [116.84428600000001, 40.57707185292256] }, 6.709267680647425)
// mapRef.value.radiusPop(k)
// mapRef.value.flyTo({ coordinate: [116.84428600000001, 40.57707185292256] }, 6.709267680647425)
}
const info = () => {
form.value.startTime = datePickerRef.value.timeValue[0]
@@ -133,7 +133,7 @@ const info = () => {
form.value.type = datePickerRef.value.interval
// mapRef.value.grids(form.value)
// mapRef.value.grids(form.value)
if (control.value == 1) {
mapLRef.value.info(form.value)
mapRRef.value.info(form.value)
@@ -220,4 +220,5 @@ onMounted(() => {
background-color: var(--el-button-hover-bg-color);
outline: 0;
}
</style>