同步现场代码
This commit is contained in:
@@ -6,8 +6,7 @@
|
|||||||
<vxe-column field="deptName" title="地市" />
|
<vxe-column field="deptName" title="地市" />
|
||||||
<vxe-column field="assessLevel" title="综合评估结论">
|
<vxe-column field="assessLevel" title="综合评估结论">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span
|
<!-- class="conclusion"
|
||||||
class="conclusion"
|
|
||||||
:class="
|
:class="
|
||||||
scope.row.assessLevel == '特质'
|
scope.row.assessLevel == '特质'
|
||||||
? 'background1'
|
? 'background1'
|
||||||
@@ -16,15 +15,17 @@
|
|||||||
: scope.row.assessLevel == '极差'
|
: scope.row.assessLevel == '极差'
|
||||||
? 'background3'
|
? 'background3'
|
||||||
: ''
|
: ''
|
||||||
"
|
" -->
|
||||||
|
<span
|
||||||
|
|
||||||
>
|
>
|
||||||
{{ scope.row.assessLevel }}
|
{{ scope.row.assessData }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="qualifyData" title="指标合格率(%)" />
|
<vxe-column field="qualifyData" title="指标合格率(%)" />
|
||||||
|
|
||||||
<vxe-colgroup title="评估结论">
|
<!-- <vxe-colgroup title="评估结论">
|
||||||
<vxe-column field="vdevAssessLevel" title="电压偏差">
|
<vxe-column field="vdevAssessLevel" title="电压偏差">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span
|
<span
|
||||||
@@ -119,8 +120,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<!-- <vxe-column field="unbalanceQualifyData" title="指标合格率(%)" /> -->
|
</vxe-colgroup> -->
|
||||||
</vxe-colgroup>
|
|
||||||
</vxe-table>
|
</vxe-table>
|
||||||
</div>
|
</div>
|
||||||
<div style="height: 300px; margin-top: 10px; position: relative" v-loading="loading">
|
<div style="height: 300px; margin-top: 10px; position: relative" v-loading="loading">
|
||||||
@@ -165,6 +165,50 @@ const analysis = (e: any) => {
|
|||||||
title: {
|
title: {
|
||||||
text: '各地市综合评估趋势对比'
|
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: {
|
xAxis: {
|
||||||
name: '时间',
|
name: '时间',
|
||||||
data: res.data[0].children.map((item: any) => item.dataTime)
|
data: res.data[0].children.map((item: any) => item.dataTime)
|
||||||
@@ -195,7 +239,6 @@ const analysis = (e: any) => {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
list.forEach((item: any, i: any) => {
|
list.forEach((item: any, i: any) => {
|
||||||
picEChart.value.options.series.push({
|
picEChart.value.options.series.push({
|
||||||
name: time[i],
|
name: time[i],
|
||||||
|
|||||||
@@ -50,19 +50,19 @@
|
|||||||
<div class="title">
|
<div class="title">
|
||||||
<span>区域稳态电能质量水平评估</span>
|
<span>区域稳态电能质量水平评估</span>
|
||||||
</div>
|
</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="deptName" title="区域" />
|
||||||
<vxe-column field="onlineNum" title="在线监测点数量(个)" />
|
<vxe-column sortable field="onlineNum" title="在线监测点数量(个)" />
|
||||||
<vxe-column field="overNum" title="超标监测点数量(个)" />
|
<vxe-column sortable field="overNum" title="超标监测点数量(个)" />
|
||||||
<vxe-column field="overRatio" title="超标监测点占比(%)" />
|
<vxe-column sortable field="overRatio" title="超标监测点占比(%)" />
|
||||||
|
|
||||||
<vxe-colgroup :title="item" v-for="(item, i) in title">
|
<vxe-colgroup :title="item" v-for="(item, i) in title">
|
||||||
<vxe-column title="超标监测点数 ">
|
<vxe-column title="监测点数 " field="overNum">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ scope.row.list[i].overNum }}</span>
|
<span>{{ scope.row.list[i].overNum }}</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column title="超标天数">
|
<vxe-column title="天数" field="overDay">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ scope.row.list[i].overDay }}</span>
|
<span>{{ scope.row.list[i].overDay }}</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -100,7 +100,7 @@ const url: any = [
|
|||||||
new URL(`@/assets/img/SB.png`, import.meta.url)
|
new URL(`@/assets/img/SB.png`, import.meta.url)
|
||||||
]
|
]
|
||||||
const tableData: any = ref([])
|
const tableData: any = ref([])
|
||||||
const title = ['电压偏差', '频率偏差', '电压总谐波畸变率', '闪变', '三相电压不平衡度']
|
const title = ['电压偏差(超标)', '频率偏差(超标)', '电压总谐波畸变率(超标)', '闪变(超标)', '三相电压不平衡度(超标)']
|
||||||
|
|
||||||
const echart = (row: any) => {
|
const echart = (row: any) => {
|
||||||
let maxList: any = []
|
let maxList: any = []
|
||||||
|
|||||||
@@ -5,14 +5,14 @@
|
|||||||
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="360px" :data="tableData">
|
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="360px" :data="tableData">
|
||||||
<vxe-column field="name" title="区域" />
|
<vxe-column field="name" title="区域" />
|
||||||
|
|
||||||
<vxe-column field="sagTimes" title="暂降次数" />
|
<vxe-column sortable field="sagTimes" title="暂降次数" />
|
||||||
<vxe-column field="swellTimes" title="暂升次数" />
|
<vxe-column sortable field="swellTimes" title="暂升次数" />
|
||||||
<vxe-column field="interruptTimes" title="短时中断次数" />
|
<vxe-column sortable field="interruptTimes" title="短时中断次数" />
|
||||||
|
|
||||||
<vxe-colgroup title="暂态严重度占比">
|
<vxe-colgroup title="暂态严重度占比">
|
||||||
<vxe-column field="rate20" title="SARFI-90" />
|
<vxe-column sortable field="rate20" title="SARFI-90" />
|
||||||
<vxe-column field="rate20" title="SARFI-50" />
|
<vxe-column sortable field="rate20" title="SARFI-50" />
|
||||||
<vxe-column field="rate90" title="SARFI-20" />
|
<vxe-column sortable field="rate90" title="SARFI-20" />
|
||||||
</vxe-colgroup>
|
</vxe-colgroup>
|
||||||
</vxe-table>
|
</vxe-table>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -77,7 +77,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="num">
|
<div class="num">
|
||||||
<div @click="LookMap(val.numList, [], 0)">
|
<div @click="LookMap(val.numList, [], 0)">
|
||||||
总数:
|
投运:
|
||||||
<span>{{ val.num }}</span>
|
<span>{{ val.num }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div @click="LookMap(val.onLineNumList, [], 0)">
|
<div @click="LookMap(val.onLineNumList, [], 0)">
|
||||||
|
|||||||
@@ -52,7 +52,8 @@
|
|||||||
: ''
|
: ''
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
{{ assessList.level }}
|
{{ assessList.score }}
|
||||||
|
<!-- {{ assessList.level }} -->
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="evaluate">
|
<div class="evaluate">
|
||||||
@@ -80,7 +81,7 @@
|
|||||||
: ''
|
: ''
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
{{ item.level }}
|
{{ item.score }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -206,15 +207,15 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="11" class="col pt10" :offset="0.5">
|
<el-col :span="11" class="col pt10" :offset="0.5">
|
||||||
<div>
|
<div>
|
||||||
<span>异常问题总数：</span>
|
<span>工单总是</span>
|
||||||
<span style="color: #2dcd28">0个</span>
|
<span style="color: #2dcd28">0个</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span style="width: 120px">已关联工单数：</span>
|
<span style="width: 120px">已处理工单数：</span>
|
||||||
<span style="color: #81b337">0个</span>
|
<span style="color: #81b337">0个</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span style="width: 120px"> 工单转换率：</span>
|
<span style="width: 120px"> 工单处置率：</span>
|
||||||
<span style="color: #338dff">0%</span>
|
<span style="color: #338dff">0%</span>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|||||||
Reference in New Issue
Block a user