同步现场代码
This commit is contained in:
@@ -302,7 +302,7 @@ defineExpose({ info, show })
|
|||||||
|
|
||||||
.show {
|
.show {
|
||||||
width: 0px;
|
width: 0px;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.1s ease;
|
||||||
.boxLeft {
|
.boxLeft {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -581,7 +581,7 @@ defineExpose({ info, show })
|
|||||||
}
|
}
|
||||||
.show {
|
.show {
|
||||||
width: 0px;
|
width: 0px;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.1s ease;
|
||||||
.boxLeft {
|
.boxLeft {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -194,7 +194,7 @@ const analysis = (e: any) => {
|
|||||||
list[num].push(val.score == 3.14159 ? null : val.score)
|
list[num].push(val.score == 3.14159 ? null : val.score)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
console.log('🚀 ~ getAssessTrend ~ mun:', mun)
|
|
||||||
|
|
||||||
list.forEach((item: any, i: any) => {
|
list.forEach((item: any, i: any) => {
|
||||||
picEChart.value.options.series.push({
|
picEChart.value.options.series.push({
|
||||||
|
|||||||
@@ -3,7 +3,9 @@
|
|||||||
<DatePicker ref="datePickerRef" style="display: none" />
|
<DatePicker ref="datePickerRef" style="display: none" />
|
||||||
<el-page-header :icon="ArrowLeft" @back="emit('back')">
|
<el-page-header :icon="ArrowLeft" @back="emit('back')">
|
||||||
<template #content>
|
<template #content>
|
||||||
<span class="text-large font-600 mr-3">{{ dropList.lineName }}详情</span>
|
<span style="font-size: 16px">{{ dropList.lineName }}详情 </span>
|
||||||
|
<span style="font-weight: 500">最新时间:</span>
|
||||||
|
<span style="color: var(--color-primary-default)">{{ dropList.updateTime }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-page-header>
|
</el-page-header>
|
||||||
<el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
|
<el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
|
||||||
@@ -114,11 +116,11 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row style="width: 96%" v-for="(item, i) in evaluationData" class="row pb4 pt3">
|
<el-row style="width: 96%" v-for="(item, i) in evaluationData" class="row pb4 pt3">
|
||||||
<el-col :span="14" style="display: flex">
|
<el-col :span="14" style="display: flex; align-items: center">
|
||||||
<img :src="url[i]" />
|
<img :src="url[i]" />
|
||||||
<span style="line-height: 20px">{{ item.targetName }}</span>
|
<span style="line-height: 20px">{{ item.targetName }}</span>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="10" style="display: flex">
|
<el-col :span="10" style="display: flex; align-items: center">
|
||||||
<div style="width: 100%">
|
<div style="width: 100%">
|
||||||
评估得分:
|
评估得分:
|
||||||
<span
|
<span
|
||||||
@@ -668,6 +670,7 @@ defineExpose({ open })
|
|||||||
.evaluationData {
|
.evaluationData {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: repeat(5, auto);
|
grid-template-rows: repeat(5, auto);
|
||||||
|
height: 87%;
|
||||||
.row {
|
.row {
|
||||||
margin: 4px 2% 0;
|
margin: 4px 2% 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -693,7 +696,6 @@ defineExpose({ open })
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
line-height: 20px;
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.background1 {
|
.background1 {
|
||||||
|
|||||||
@@ -52,7 +52,7 @@
|
|||||||
<p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
|
<p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
|
||||||
{{ item.list[3].numOne }}
|
{{ item.list[3].numOne }}
|
||||||
</p>
|
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -70,7 +70,7 @@
|
|||||||
<img src="@/assets/img/TJ.png" />
|
<img src="@/assets/img/TJ.png" />
|
||||||
{{ item.title }}
|
{{ item.title }}
|
||||||
</div>
|
</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>
|
<div>
|
||||||
<span class="line"></span>
|
<span class="line"></span>
|
||||||
<span class="vol">{{ val.title }}</span>
|
<span class="vol">{{ val.title }}</span>
|
||||||
@@ -94,7 +94,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 监测点指标统计 -->
|
<!-- 监测点指标统计 -->
|
||||||
<div :style="`height:calc(${boxHeight.height} - 50px)`">
|
<div :style="`height:calc(${boxHeight.height} - 55px)`">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<span>监测运行统计</span>
|
<span>监测运行统计</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -102,7 +102,7 @@
|
|||||||
<img src="@/assets/img/FGX.png" />
|
<img src="@/assets/img/FGX.png" />
|
||||||
</div>
|
</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 class="card-Box" v-for="item in linList">
|
||||||
<div>
|
<div>
|
||||||
<span class="line"></span>
|
<span class="line"></span>
|
||||||
@@ -281,17 +281,17 @@ const countList: any = ref([
|
|||||||
title: '冀北',
|
title: '冀北',
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
title: '电网测监测点',
|
title: '电网侧监测点',
|
||||||
num: 0,
|
num: 0,
|
||||||
onLineNum: 0,
|
onLineNum: 0,
|
||||||
integrityRate: 0
|
integrityRate: 0
|
||||||
},
|
},
|
||||||
{ title: '非电网测监测点', num: 0, onLineNum: 0, integrityRate: 0 }
|
{ title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '上送国网',
|
title: '上送国网',
|
||||||
children: [{ title: '电网测监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
|
children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
const linList: any = ref([
|
const linList: any = ref([
|
||||||
@@ -367,9 +367,9 @@ const info = async (row: any) => {
|
|||||||
})
|
})
|
||||||
// 监测点指标统计
|
// 监测点指标统计
|
||||||
getGridDiagramStatistics(form).then(res => {
|
getGridDiagramStatistics(form).then(res => {
|
||||||
countList.value[0].children[0] = { title: '电网测监测点', ...res.data.data[0] }
|
countList.value[0].children[0] = { title: '电网侧监测点', ...res.data.data[0] }
|
||||||
countList.value[0].children[1] = { title: '非电网测监测点', ...res.data.data[1] }
|
countList.value[0].children[1] = { title: '非电网侧监测点', ...res.data.data[1] }
|
||||||
countList.value[1].children[0] = { title: '电网测监测点', ...res.data.gwData[0] }
|
countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] }
|
||||||
})
|
})
|
||||||
// 监测运行统计
|
// 监测运行统计
|
||||||
getGridDiagramRunData(form).then(res => {
|
getGridDiagramRunData(form).then(res => {
|
||||||
@@ -401,7 +401,7 @@ defineExpose({ info, show })
|
|||||||
.boxLeft {
|
.boxLeft {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 10px 10px 10px 10px;
|
// padding: 10px 10px 10px 10px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -470,15 +470,18 @@ defineExpose({ info, show })
|
|||||||
}
|
}
|
||||||
|
|
||||||
.card-Box {
|
.card-Box {
|
||||||
display: grid;
|
// display: grid;
|
||||||
grid-template-rows: 1fr 1fr;
|
// grid-template-rows: 1fr 1fr;
|
||||||
|
display: flex;
|
||||||
align-items: center;
|
flex-direction: column;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
// align-items: center;
|
||||||
margin: 0 5px 5px;
|
margin: 0 5px 5px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: #edededc0;
|
background-color: #edededc0;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
max-height: 80px;
|
min-height: 60px;
|
||||||
|
max-height: 120px;
|
||||||
.line {
|
.line {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 0.5rem;
|
width: 0.5rem;
|
||||||
@@ -494,10 +497,7 @@ defineExpose({ info, show })
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
grid-template-columns: 1fr 1fr 1.5fr;
|
grid-template-columns: 1fr 1fr 1.5fr;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin-top: 5px;
|
|
||||||
|
|
||||||
div {
|
|
||||||
}
|
|
||||||
span {
|
span {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
@@ -508,7 +508,8 @@ defineExpose({ info, show })
|
|||||||
.BoxA {
|
.BoxA {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
grid-template-rows: 80px;
|
grid-template-rows: 1fr 1fr;
|
||||||
|
// grid-template-rows: 80px;
|
||||||
.num {
|
.num {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
@@ -553,7 +553,7 @@ defineExpose({ info, show })
|
|||||||
}
|
}
|
||||||
.show {
|
.show {
|
||||||
width: 0px;
|
width: 0px;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.1s ease;
|
||||||
.boxLeft {
|
.boxLeft {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user