同步现场电网一张图代码代码

This commit is contained in:
GGJ
2024-05-22 16:54:54 +08:00
parent 42f8f36547
commit 7768bb3e67
14 changed files with 1185 additions and 627 deletions

View File

@@ -16,22 +16,26 @@
<div class="mt10 TJTop">
<img src="@/assets/img/TJ.png" />
综合评估得分
<span :style="{
color:
assessList.score == 3.14159
? ''
:assessList.score > 4.5
? '#339966'
:assessList.score > 4
? '#3399ff'
:assessList.score > 3
? '#ffcc33'
:assessList.score > 2
? '#ff9900'
:assessList.score > 0
? '#cc0000'
: ''
}">{{assessList.score}}</span>
<span
:style="{
color:
assessList.score == 3.14159
? ''
: assessList.score > 4.5
? '#339966'
: assessList.score > 4
? '#3399ff'
: assessList.score > 3
? '#ffcc33'
: assessList.score > 2
? '#ff9900'
: assessList.score > 0
? '#cc0000'
: ''
}"
>
{{ assessList.score }}
</span>
</div>
<div class="evaluate">
<div v-for="item in assessList.children" style="min-width: 50px">
@@ -79,7 +83,7 @@
<div class="top">
<div class="TJTop">
<img src="@/assets/img/TJ.png" />
监测点越限占比:
监测点越限占比
<span class="num">
{{ harmonicLineRatio == 3.14159 ? '0' : harmonicLineRatio + '%' }}
</span>
@@ -120,8 +124,10 @@
<div class="TJTop">
<img src="@/assets/img/TJ.png" />
<span>
暂态事件严重度
<span class="num">{{ transientNum }}%</span>
严重度 90%:
<span class="num">{{ transientNum[0] }}</span>
  50%:
<span class="num">{{ transientNum[1] }}</span>
</span>
</div>
<el-select v-model="value" style="width: 120px" size="small" @change="transientChange">
@@ -230,6 +236,7 @@ const steadyStateRef = ref()
const formRow: any = ref({})
const temporaryStateRef = ref()
const techniqueRef = ref()
const mun = ref(0)
const options = ref([
{
label: '全指标',
@@ -257,7 +264,7 @@ const options = ref([
}
])
const harmonicType = ref('0')
const transientNum = ref(0)
const transientNum = ref([0, 0])
const options1: any = dictData.getBasicData('Event_Statis').filter(item => {
if (item.code == 'Voltage_Dip' || item.code == 'Voltage_Rise' || item.code == 'Short_Interruptions') {
return item
@@ -326,109 +333,25 @@ const harmonicChange = () => {
item.ratio = item.ratio == 3.14159 ? 0 : item.ratio
return item
})
// harmonicList.value = {
// tooltip: {
// formatter: function (params: any) {
// return params[0].name + ':' + (params[0].value == 3.14159 ? '暂无数据' : params[0].value) + '%<br/>'
// }
// },
// xAxis: {
// name: '%',
// type: 'value',
// max: 100
// },
// legend: {
// show: false
// },
// yAxis: {
// type: 'category',
// data: res.data.childrenList.map((item: any) => item.deptName)
// },
// grid: {
// top: '10px',
// left: '30px',
// right: '30px',
// bottom: '0px'
// },
// options: {
// dataZoom: null,
// series: [
// {
// name: '占比',
// type: 'bar',
// data: res.data.childrenList.map((item: any) => item.ratio),
// label: {
// show: true,
// position: 'right',
// fontSize: 12,
// formatter: function (params: any) {
// return `${params.value == 3.14159 ? '' : params.value}`
// }
// }
// }
// ]
// }
// }
})
}
const transientChange = () => {
getEventLevelEvaluation({ ...formRow.value, ids: [value.value] }).then(res => {
let data = []
transientNum.value = 0
transientNum.value = [0, 0]
if (formRow.value.isUpToGrid == 0) {
data = res.data.info
transientNum.value = res.data.data.toFixed(2)
transientNum.value = res.data.data
} else {
transientNum.value = res.data.gwData.toFixed(2)
transientNum.value = res.data.gwData
data = res.data.gwInfo
}
WTList.value = []
mun.value = Math.max(...data.map((item: any) => item.count)) - 0
data.forEach((item: any) => {
item.count = item.count == 0 ? 0 : Number(((item.count / mun.value) * 100).toFixed(2))
})
WTList.value = data
// WTList.value = {
// tooltip: {
// formatter: function (params: any) {
// return params[0].name + ':' + (params[0].value == 3.14159 ? '暂无数据' : params[0].value) + '%<br/>'
// }
// },
// xAxis: {
// name: '%',
// type: 'value',
// max: 100
// },
// legend: {
// show: false
// },
// yAxis: {
// type: 'category',
// data: data.map((item: any) => item.orgName)
// },
// grid: {
// top: '10px',
// left: '30px',
// right: '30px',
// bottom: '0px'
// },
// options: {
// dataZoom: null,
// series: [
// {
// name: '占比',
// type: 'bar',
// data: data.map((item: any) => item.count),
// label: {
// show: true,
// position: 'right',
// fontSize: 12,
// formatter: function (params: any) {
// return `${params.value}`
// }
// }
// }
// ]
// }
// }
})
}
defineExpose({ info, show })