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-12-12 09:26:56 +08:00
parent b36f765d07
commit 46c55d48ec
38 changed files with 1489 additions and 1370 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -13,8 +13,10 @@
<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)">
<span
:style="`color: ${item.color[0]}; cursor:pointer`"
@click="LookMap(item.list[4].numOneList, item.list[4].numTwoList, 0)"
>
{{ item.list[4].numOne }}
</span>
</div>
@@ -23,8 +25,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 == 5 ? 'width: 32px' : 'flex:1'"
>
{{ item }}
</p>
</div>
@@ -48,8 +52,10 @@
<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
style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
@click.stop="open(i)"
>
详情
</p>
</div>
@@ -66,28 +72,37 @@
<div :style="`height:calc(${boxHeight.height} + 20px);overflow-y: auto;`">
<div v-for="item in countList">
<div class="title mt5" style="font-weight: 500">
<img src="@/assets/img/TJ.png" />
{{ item.title }}
<!-- <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 mt10"
:style="`height:calc((${boxHeight.height} - 20px )/ 2);`"
v-for="val in item.children"
>
<div>
<span class="line"></span>
<span class="vol">{{ val.title }}</span>
</div>
<div class="num">
<div class="num num1">
<div @click="LookMap(val.numList, [], 0)">
投运:
<span>{{ val.num }}</span>
</div>
<div @click="LookMap(val.onLineNumList, [], 0)">
在线:
<span style="color: #2dcd28">{{ val.onLineNum }}</span>
</div>
<div>
数据完整性:
<span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
</div>
<div>
在线率:
<span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
</div>
</div>
</div>
</div>
@@ -117,7 +132,7 @@
</div>
<div>
{{ item.title[2] }}:
<span style="color: #A52a2a" @click="LookMap([], item.lineListTwo, 1)">
<span style="color: #a52a2a" @click="LookMap([], item.lineListTwo, 1)">
{{ item.lineNumTwo || 0 }}
</span>
</div>
@@ -127,8 +142,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>
@@ -290,7 +309,7 @@ const countList: any = ref([
},
{ title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }
]
},
}
// {
// title: '上送网公司',
// children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
@@ -418,7 +437,7 @@ const LookMap = (coutList: object, alarmList: object, key?: any) => {
const GridDiagram = (k: any) => {
emit('GridDiagram', k)
}
onMounted(() => { })
onMounted(() => {})
defineExpose({ info, show })
</script>
@@ -537,7 +556,7 @@ defineExpose({ info, show })
background-color: #edededc0;
border-radius: 10px;
min-height: 60px;
max-height: 120px;
// max-height: 120px;
.line {
display: inline-block;
@@ -562,6 +581,19 @@ defineExpose({ info, show })
font-weight: 550;
}
}
.num1 {
grid-template-columns: 1fr 1fr; /* 核心：改为2列，均分宽度 */
grid-template-rows: auto auto;
gap: 8px; /* 可选：子元素间距，提升美观度 */
div {
display: flex;
padding-left: 20px;
// justify-content: center;
span {
margin-left: 5px;
}
}
}
}
.BoxA {