同步现场代码

This commit is contained in:
GGJ
2024-06-05 17:01:09 +08:00
parent 471ce2a4b8
commit f5cadce4fe
5 changed files with 71 additions and 27 deletions

View File

@@ -6,8 +6,7 @@
<vxe-column field="deptName" title="地市" />
<vxe-column field="assessLevel" title="综合评估结论">
<template #default="scope">
<span
class="conclusion"
<!-- class="conclusion"
:class="
scope.row.assessLevel == '特质'
? 'background1'
@@ -16,15 +15,17 @@
: scope.row.assessLevel == '极差'
? 'background3'
: ''
"
" -->
<span
>
{{ scope.row.assessLevel }}
{{ scope.row.assessData }}
</span>
</template>
</vxe-column>
<vxe-column field="qualifyData" title="指标合格率(%)" />
<vxe-colgroup title="评估结论">
<!-- <vxe-colgroup title="评估结论">
<vxe-column field="vdevAssessLevel" title="电压偏差">
<template #default="scope">
<span
@@ -119,8 +120,7 @@
</span>
</template>
</vxe-column>
<!-- <vxe-column field="unbalanceQualifyData" title="指标合格率(%)" /> -->
</vxe-colgroup>
</vxe-colgroup> -->
</vxe-table>
</div>
<div style="height: 300px; margin-top: 10px; position: relative" v-loading="loading">
@@ -165,6 +165,50 @@ const analysis = (e: any) => {
title: {
text: '各地市综合评估趋势对比'
},
// tooltip: {
// formatter: function (params: any) {
// // console.log(123, params)
// var tips = ''
// for (var i = 0; i < params.length; i++) {
// console.log('🚀 ~ getAssessTrend ~ params[i].value:', params[i].value)
// tips +=
// params[i].seriesName +
// ':' +
// `<span style="color:${
// params[i].value > 4.5
// ? ''
// : params[i].value > 4
// ? ''
// : params[i].value > 3
// ? ''
// : params[i].value > 2
// ? '#97017e'
// : params[i].value > 0
// ? '#cc0000'
// : ''
// }">
// ${
// params[i].value > 4.5
// ? '优质'
// : params[i].value > 4
// ? '良好'
// : params[i].value > 3
// ? '一般'
// : params[i].value > 2
// ? '较差'
// : params[i].value > 0
// ? '极差'
// : ''
// }
// </span>` +
// '</br>'
// }
// return tips
// }
// },
xAxis: {
name: '时间',
data: res.data[0].children.map((item: any) => item.dataTime)
@@ -195,7 +239,6 @@ const analysis = (e: any) => {
})
})
list.forEach((item: any, i: any) => {
picEChart.value.options.series.push({
name: time[i],

View File

@@ -50,19 +50,19 @@
<div class="title">
<span>区域稳态电能质量水平评估</span>
</div>
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="360px" :data="tableData">
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="365px" :data="tableData">
<vxe-column field="deptName" title="区域" />
<vxe-column field="onlineNum" title="在线监测点数量(个)" />
<vxe-column field="overNum" title="超标监测点数量(个)" />
<vxe-column field="overRatio" title="超标监测点占比(%)" />
<vxe-column sortable field="onlineNum" title="在线监测点数量(个)" />
<vxe-column sortable field="overNum" title="超标监测点数量(个)" />
<vxe-column sortable field="overRatio" title="超标监测点占比(%)" />
<vxe-colgroup :title="item" v-for="(item, i) in title">
<vxe-column title="超标监测点数 ">
<vxe-column title="监测点数 " field="overNum">
<template #default="scope">
<span>{{ scope.row.list[i].overNum }}</span>
</template>
</vxe-column>
<vxe-column title="超标天数">
<vxe-column title="天数" field="overDay">
<template #default="scope">
<span>{{ scope.row.list[i].overDay }}</span>
</template>
@@ -100,7 +100,7 @@ const url: any = [
new URL(`@/assets/img/SB.png`, import.meta.url)
]
const tableData: any = ref([])
const title = ['电压偏差', '频率偏差', '电压总谐波畸变率', '闪变', '三相电压不平衡度']
const title = ['电压偏差(超标)', '频率偏差(超标)', '电压总谐波畸变率(超标)', '闪变(超标)', '三相电压不平衡度(超标)']
const echart = (row: any) => {
let maxList: any = []

View File

@@ -5,14 +5,14 @@
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="360px" :data="tableData">
<vxe-column field="name" title="区域" />
<vxe-column field="sagTimes" title="暂降次数" />
<vxe-column field="swellTimes" title="暂升次数" />
<vxe-column field="interruptTimes" title="短时中断次数" />
<vxe-column sortable field="sagTimes" title="暂降次数" />
<vxe-column sortable field="swellTimes" title="暂升次数" />
<vxe-column sortable field="interruptTimes" title="短时中断次数" />
<vxe-colgroup title="暂态严重度占比">
<vxe-column field="rate20" title="SARFI-90" />
<vxe-column field="rate20" title="SARFI-50" />
<vxe-column field="rate90" title="SARFI-20" />
<vxe-column sortable field="rate20" title="SARFI-90" />
<vxe-column sortable field="rate20" title="SARFI-50" />
<vxe-column sortable field="rate90" title="SARFI-20" />
</vxe-colgroup>
</vxe-table>
</div>

View File

@@ -77,7 +77,7 @@
</div>
<div class="num">
<div @click="LookMap(val.numList, [], 0)">
总数:
投运:
<span>{{ val.num }}</span>
</div>
<div @click="LookMap(val.onLineNumList, [], 0)">

View File

@@ -52,7 +52,8 @@
: ''
}"
>
{{ assessList.level }}
{{ assessList.score }}
<!-- {{ assessList.level }} -->
</span>
</div>
<div class="evaluate">
@@ -80,7 +81,7 @@
: ''
}"
>
{{ item.level }}
{{ item.score }}
</div>
</div>
</div>
@@ -206,15 +207,15 @@
</el-col>
<el-col :span="11" class="col pt10" :offset="0.5">
<div>
<span>异常问题总数</span>
<span>工单总是</span>
<span style="color: #2dcd28">0</span>
</div>
<div>
<span style="width: 120px">关联工单数</span>
<span style="width: 120px">处理工单数</span>
<span style="color: #81b337">0</span>
</div>
<div>
<span style="width: 120px"> 工单转换</span>
<span style="width: 120px"> 工单处置</span>
<span style="color: #338dff">0%</span>
</div>
</el-col>