同步现场代码

This commit is contained in:
GGJ
2024-06-05 13:28:58 +08:00
parent 709ddc143b
commit 32ef1cc47f
6 changed files with 31 additions and 28 deletions

View File

@@ -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;
} }

View File

@@ -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;
} }

View File

@@ -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({

View File

@@ -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 {

View File

@@ -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;

View File

@@ -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;
} }