同步现场代码
This commit is contained in:
@@ -52,7 +52,7 @@
|
||||
<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" @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>
|
||||
</div>
|
||||
</div>
|
||||
@@ -70,7 +70,7 @@
|
||||
<img src="@/assets/img/TJ.png" />
|
||||
{{ item.title }}
|
||||
</div>
|
||||
<div class="card-Box" 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>
|
||||
@@ -94,7 +94,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 监测点指标统计 -->
|
||||
<div :style="`height:calc(${boxHeight.height} - 50px)`">
|
||||
<div :style="`height:calc(${boxHeight.height} - 55px)`">
|
||||
<div class="title">
|
||||
<span>监测运行统计</span>
|
||||
</div>
|
||||
@@ -102,7 +102,7 @@
|
||||
<img src="@/assets/img/FGX.png" />
|
||||
</div>
|
||||
|
||||
<div :style="`height:calc(${boxHeight.height} - 80px);overflow-y: auto;`" class="BoxA mt10">
|
||||
<div :style="`height:calc(${boxHeight.height} - 100px);overflow-y: auto;`" class="BoxA mt10">
|
||||
<div class="card-Box" v-for="item in linList">
|
||||
<div>
|
||||
<span class="line"></span>
|
||||
@@ -281,17 +281,17 @@ const countList: any = ref([
|
||||
title: '冀北',
|
||||
children: [
|
||||
{
|
||||
title: '电网测监测点',
|
||||
title: '电网侧监测点',
|
||||
num: 0,
|
||||
onLineNum: 0,
|
||||
integrityRate: 0
|
||||
},
|
||||
{ title: '非电网测监测点', num: 0, onLineNum: 0, integrityRate: 0 }
|
||||
{ title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '上送国网',
|
||||
children: [{ title: '电网测监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
|
||||
children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
|
||||
}
|
||||
])
|
||||
const linList: any = ref([
|
||||
@@ -367,9 +367,9 @@ const info = async (row: any) => {
|
||||
})
|
||||
// 监测点指标统计
|
||||
getGridDiagramStatistics(form).then(res => {
|
||||
countList.value[0].children[0] = { title: '电网测监测点', ...res.data.data[0] }
|
||||
countList.value[0].children[1] = { title: '非电网测监测点', ...res.data.data[1] }
|
||||
countList.value[1].children[0] = { title: '电网测监测点', ...res.data.gwData[0] }
|
||||
countList.value[0].children[0] = { title: '电网侧监测点', ...res.data.data[0] }
|
||||
countList.value[0].children[1] = { title: '非电网侧监测点', ...res.data.data[1] }
|
||||
countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] }
|
||||
})
|
||||
// 监测运行统计
|
||||
getGridDiagramRunData(form).then(res => {
|
||||
@@ -401,7 +401,7 @@ defineExpose({ info, show })
|
||||
.boxLeft {
|
||||
background-color: #fff;
|
||||
width: 100%;
|
||||
padding: 10px 10px 10px 10px;
|
||||
// padding: 10px 10px 10px 10px;
|
||||
border-radius: 5px;
|
||||
font-size: 13px;
|
||||
overflow: hidden;
|
||||
@@ -470,15 +470,18 @@ defineExpose({ info, show })
|
||||
}
|
||||
|
||||
.card-Box {
|
||||
display: grid;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
|
||||
align-items: center;
|
||||
// display: grid;
|
||||
// grid-template-rows: 1fr 1fr;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
// align-items: center;
|
||||
margin: 0 5px 5px;
|
||||
padding: 10px;
|
||||
background-color: #edededc0;
|
||||
border-radius: 10px;
|
||||
max-height: 80px;
|
||||
min-height: 60px;
|
||||
max-height: 120px;
|
||||
.line {
|
||||
display: inline-block;
|
||||
width: 0.5rem;
|
||||
@@ -494,10 +497,7 @@ defineExpose({ info, show })
|
||||
text-align: center;
|
||||
grid-template-columns: 1fr 1fr 1.5fr;
|
||||
font-size: 14px;
|
||||
margin-top: 5px;
|
||||
|
||||
div {
|
||||
}
|
||||
span {
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
@@ -508,7 +508,8 @@ defineExpose({ info, show })
|
||||
.BoxA {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: 80px;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
// grid-template-rows: 80px;
|
||||
.num {
|
||||
margin-left: 10px;
|
||||
display: grid;
|
||||
|
||||
Reference in New Issue
Block a user