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
2025-05-13 15:26:24 +08:00
parent 363c05639b
commit 325aa7d56e
29 changed files with 910 additions and 2075 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/views/pqs/panorama/components/mapL.vue
View File

@@ -13,9 +13,17 @@
<div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
<div class="card">
<span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}：</span>
<span :style="`color: ${item.color[0]}; cursor:pointer`"
@click="LookMap(item.list[4].numOneList, item.list[4].numTwoList, 0)">
{{ item.list[4].numOne }}
<span
:style="`color: ${item.color[0]}; cursor:pointer`"
@click="
LookMap(
item.list?.[item.list.length - 1]?.numOneList,
item.list?.[item.list.length - 1]?.numTwoList,
0
)
"
>
{{ item.list?.[item.list.length - 1]?.numOne }}
</span>
</div>
</div>
@@ -23,8 +31,10 @@
<!-- 监测规模 列表 -->
<div>
<div class="vcl mt5">
<p v-for="(item, i) in vList"
:style="i == 0 ? 'width: 60px' : i == 5 ? 'width: 32px' : 'flex:1'">
<p
v-for="(item, i) in vList"
:style="i == 0 ? 'width: 60px' : i == vList?.length - 1 ? 'width: 32px' : 'flex:1'"
>
{{ item }}
</p>
</div>
@@ -32,14 +42,15 @@
<div v-for="(item, i) in list" class="vcl">
<p style="width: 60px">
{{ item.title }}
<!-- <span style="position: absolute; font-size: 10px; top: -10px; right: -5px; color: #575757">
详情
</span> -->
</p>
<p class="numOne" @click="LookMap(item.list[0].numOneList, item.list[0].numTwoList, 0)">
{{ item.list[0].numOne }}
<p
v-for="(k, i) in vList?.slice(0, vList.length - 2)"
class="numOne"
@click="LookMap(item.list[i].numOneList, item.list[i].numTwoList, 0)"
>
{{ item.list[i]?.numOne }}
</p>
<p class="numOne" @click="LookMap(item.list[1].numOneList, item.list[1].numTwoList, 0)">
<!-- <p class="numOne" @click="LookMap(item.list[1].numOneList, item.list[1].numTwoList, 0)">
{{ item.list[1].numOne }}
</p>
<p class="numOne" @click="LookMap(item.list[2].numOneList, item.list[2].numTwoList, 0)">
@@ -47,9 +58,11 @@
</p>
<p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
{{ item.list[3].numOne }}
</p>
<p style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
@click.stop="open(i)">
</p> -->
<p
style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
@click.stop="open(i)"
>
详情
</p>
</div>
@@ -69,8 +82,11 @@
<img src="@/assets/img/TJ.png" />
{{ item.title }}
</div>
<div class="card-Box" :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
v-for="val in item.children">
<div
class="card-Box"
:style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
v-for="val in item.children"
>
<div>
<span class="line"></span>
<span class="vol">{{ val.title }}</span>
@@ -127,8 +143,12 @@
</div>
</div>
<img class="imgL" :style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
@click="show = !show" src="@/assets/img/QH.png" />
<img
class="imgL"
:style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
@click="show = !show"
src="@/assets/img/QH.png"
/>
<div class="legeng">
<div v-for="item in legengList">
<span :style="`background-color: ${item.color};`"></span>
@@ -333,7 +353,8 @@ const legengList = [
title: '极差'
}
]
const vList = ['', '500kV', '220kV', '110kV', '35kV', '']
const panoramicVoltage: any = dictData.getBasicData('Dev_Voltage_Stand')
const vList = ref(['', '500kV', '220kV', '110kV', '35kV', ''])
const formRow: any = ref({})
const height = mainHeight(30)
const boxHeight = mainHeight(290, 2)
@@ -361,10 +382,14 @@ const info = async (row: any) => {
}
countList.value[0].title = row.areaName
formRow.value = form
vList.value = ['']
// 变电站
getSubLineGiveAnAlarm(form).then(res => {
let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
data[0].data.forEach((item: any) => {
if (item.columnName) vList.value.push(panoramicVoltage.find((v: any) => v.id == item.columnName).name)
})
vList.value.push('')
list.value[0].list = data[0].data
})
// 终端
@@ -385,10 +410,10 @@ const info = async (row: any) => {
}
})
list.value[2].list.push({
numOne: 0,
numOneList: []
})
// list.value[2].list.push({
// numOne: 0,
// numOneList: []
// })
})
// 监测点指标统计
getGridDiagramStatistics(form).then(res => {
@@ -418,7 +443,7 @@ const LookMap = (coutList: object, alarmList: object, key?: any) => {
const GridDiagram = (k: any) => {
emit('GridDiagram', k)
}
onMounted(() => { })
onMounted(() => {})
defineExpose({ info, show })
</script>