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-14 18:28:27 +08:00
parent 25f5272967
commit 91ab15ecab
27 changed files with 1449 additions and 916 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,12 +20,22 @@
<el-col :span="12" class="cor">
<img :src="item.img[0]" />
{{ item.titleT[0] }}：
<span :style="`color: ${item.color[0]}`">{{ item.list[4].numOne }}</span>
<span
:style="`color: ${item.color[0]}; cursor: pointer;`"
@click="LookMap(item.list[4].numOneList, 0)"
>
{{ item.list[4].numOne }}
</span>
</el-col>
<el-col :span="12" class="cor">
<img :src="item.img[1]" />
{{ item.titleT[1] }}：
<span :style="`color: ${item.color[1]}`">{{ item.list[4].numTwo }}</span>
<span
:style="`color: ${item.color[1]}; cursor: pointer;`"
@click="LookMap(item.list[4].numTwoList, 1)"
>
{{ item.list[4].numTwo }}
</span>
</el-col>
</el-row>
</div>
@@ -36,11 +46,11 @@
<span class="vol">500kV</span>
</div>
<div class="num">
<div>
<div @click="LookMap(item.list[0].numOneList, 0)">
{{ item.titleT[0] }}:
<span :style="`color: ${item.color[0]}`">{{ item.list[0].numOne }}</span>
</div>
<div>
<div @click="LookMap(item.list[0].numTwoList, 1)">
{{ item.titleT[1] }}:
<span :style="`color: ${item.color[1]}`">{{ item.list[0].numTwo }}</span>
</div>
@@ -52,11 +62,11 @@
<span class="vol">220kV</span>
</div>
<div class="num">
<div>
<div @click="LookMap(item.list[1].numOneList, 0)">
{{ item.titleT[0] }}:
<span :style="`color: ${item.color[0]}`">{{ item.list[1].numOne }}</span>
</div>
<div>
<div @click="LookMap(item.list[1].numTwoList, 1)">
{{ item.titleT[1] }}:
<span :style="`color: ${item.color[1]}`">{{ item.list[1].numTwo }}</span>
</div>
@@ -68,11 +78,11 @@
<span class="vol">110kV</span>
</div>
<div class="num">
<div>
<div @click="LookMap(item.list[2].numOneList, 0)">
{{ item.titleT[0] }}:
<span :style="`color: ${item.color[0]}`">{{ item.list[2].numOne }}</span>
</div>
<div>
<div @click="LookMap(item.list[2].numTwoList, 1)">
{{ item.titleT[1] }}:
<span :style="`color: ${item.color[1]}`">{{ item.list[2].numTwo }}</span>
</div>
@@ -84,11 +94,11 @@
<span class="vol">350kV</span>
</div>
<div class="num">
<div>
<div @click="LookMap(item.list[3].numOneList, 0)">
{{ item.titleT[0] }}:
<span :style="`color: ${item.color[0]}`">{{ item.list[3].numOne }}</span>
</div>
<div>
<div @click="LookMap(item.list[3].numTwoList, 1)">
{{ item.titleT[1] }}:
<span :style="`color: ${item.color[1]}`">{{ item.list[3].numTwo }}</span>
</div>
@@ -123,7 +133,7 @@ import stand from './details/stand.vue'
import terminal from './details/terminal.vue'
import point from './details/point.vue'
import { getSubLineGiveAnAlarm, getGridDiagramMonitor, getGridDiagramDev } from '@/api/device-boot/panorama'
const emit = defineEmits(['LookMap'])
const dictData = useDictData()
const show = ref(false)
const standRef = ref()
@@ -138,23 +148,33 @@ const list: any = ref([
list: [
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
}
]
},
@@ -166,23 +186,33 @@ const list: any = ref([
list: [
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
}
]
},
@@ -194,23 +224,33 @@ const list: any = ref([
list: [
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
},
{
numOne: 0,
numTwo: 0
numTwo: 0,
numOneList: [],
numTwoList: []
}
]
}
@@ -263,6 +303,15 @@ const info = (row: any) => {
})
})
}
// 点击
const LookMap = (row: object, num: number) => {
console.log('🚀 ~ LookMap ~ row:', row)
let form = {
coutList: num == 0 ? row : [],
alarmList: num == 1 ? row : []
}
emit('LookMap', form)
}
onMounted(() => {})
defineExpose({ info, show })
</script>
@@ -280,10 +329,12 @@ defineExpose({ info, show })
.cardBox {
display: flex;
flex-wrap: wrap;
.card {
margin-top: 10px;
width: 48%;
margin-right: 2%;
.cor {
display: flex;
align-items: center;
@@ -330,6 +381,9 @@ defineExpose({ info, show })
grid-template-columns: 1fr 1fr;
font-size: 12px;
color: #6d6d6d;
div {
cursor: pointer;
}
span {
font-size: 14px;
font-weight: 550;