同步现场电网一张图代码代码
This commit is contained in:
@@ -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 })
|
||||
|
||||
Reference in New Issue
Block a user