Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

同步现场代码

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

59
src/views/pqs/qualityInspeection/panorama/components/details/evaluate.vue
View File

@@ -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)
@@ -194,7 +238,6 @@ const analysis = (e: any) => {
list[num].push(val.score == 3.14159 ? null : val.score) list[num].push(val.score == 3.14159 ? null : val.score)
}) })
}) })
list.forEach((item: any, i: any) => { list.forEach((item: any, i: any) => {
picEChart.value.options.series.push({ picEChart.value.options.series.push({

14
src/views/pqs/qualityInspeection/panorama/components/details/steadyState.vue
View File

@@ -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 = []

12
src/views/pqs/qualityInspeection/panorama/components/details/temporaryState.vue
View File

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

2
src/views/pqs/qualityInspeection/panorama/components/mapL.vue
View File

@@ -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)">

11
src/views/pqs/qualityInspeection/panorama/components/mapR.vue
View File

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