修改冀北问题
This commit is contained in:
@@ -1,57 +1,62 @@
|
||||
<!-- 暂态 -->
|
||||
<template>
|
||||
<el-dialog draggable title="暂态电能质量水平评估统计" v-model="dialogVisible" width="1400px">
|
||||
<div>
|
||||
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="360px" :data="tableData">
|
||||
<vxe-column field="name" title="区域" />
|
||||
<div v-loading="loading">
|
||||
<div>
|
||||
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="360px" :data="tableData">
|
||||
<vxe-column field="name" title="区域" />
|
||||
|
||||
<vxe-column sortable field="sagTimes" title="暂降次数">
|
||||
<template #default="{ row }">
|
||||
<span class="text-style" @click="transientOpen(row.sagTimesIds, row.name, '暂降')">
|
||||
{{ row.sagTimes }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column sortable field="swellTimes" title="暂升次数">
|
||||
<template #default="{ row }">
|
||||
<span class="text-style" @click="transientOpen(row.swellTimesIds, row.name, '暂升')">
|
||||
{{ row.swellTimes }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column sortable field="interruptTimes" title="短时中断次数">
|
||||
<template #default="{ row }">
|
||||
<span class="text-style" @click="transientOpen(row.interruptTimesIds, row.name, '短时中断')">
|
||||
{{ row.interruptTimes }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-colgroup title="暂态严重度占比">
|
||||
<vxe-column sortable field="rate90" title="SARFI-90" />
|
||||
<vxe-column sortable field="rate50" title="SARFI-50" />
|
||||
<vxe-column sortable field="rate20" title="SARFI-20" />
|
||||
</vxe-colgroup>
|
||||
</vxe-table>
|
||||
</div>
|
||||
<div style="margin-top: 10px; display: flex">
|
||||
<!--
|
||||
<vxe-column sortable field="sagTimes" title="暂降次数">
|
||||
<template #default="{ row }">
|
||||
<span class="text-style" @click="transientOpen(row.sagTimesIds, row.name, '暂降')">
|
||||
{{ row.sagTimes }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column sortable field="swellTimes" title="暂升次数">
|
||||
<template #default="{ row }">
|
||||
<span class="text-style" @click="transientOpen(row.swellTimesIds, row.name, '暂升')">
|
||||
{{ row.swellTimes }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column sortable field="interruptTimes" title="短时中断次数">
|
||||
<template #default="{ row }">
|
||||
<span
|
||||
class="text-style"
|
||||
@click="transientOpen(row.interruptTimesIds, row.name, '短时中断')"
|
||||
>
|
||||
{{ row.interruptTimes }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-colgroup title="暂态严重度占比">
|
||||
<vxe-column sortable field="rate90" title="SARFI-90" />
|
||||
<vxe-column sortable field="rate50" title="SARFI-50" />
|
||||
<vxe-column sortable field="rate20" title="SARFI-20" />
|
||||
</vxe-colgroup>
|
||||
</vxe-table>
|
||||
</div>
|
||||
<div style="margin-top: 10px; display: flex">
|
||||
<!--
|
||||
-->
|
||||
<div class="statistics-main">
|
||||
<div class="statistics-box">
|
||||
<MyEChart style="height: 250px" :options="picEChart" />
|
||||
<div class="statistics-main">
|
||||
<div class="statistics-box">
|
||||
<MyEChart style="height: 250px" :options="picEChart" />
|
||||
|
||||
<el-table size="small" height="250px" :data="descentData">
|
||||
<el-table-column prop="name" label="暂降原因" width="80px" align="center" />
|
||||
<el-table-column prop="value" label="暂降次数" width="80px" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
<el-table size="small" height="250px" :data="descentData">
|
||||
<el-table-column prop="name" label="暂降原因" width="80px" align="center" />
|
||||
<el-table-column prop="value" label="暂降次数" width="80px" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div class="statistics-box">
|
||||
<MyEChart style="height: 250px" :options="picEChart1" />
|
||||
<el-table size="small" height="250px" :data="resembleData">
|
||||
<el-table-column prop="name" label="暂降类型" width="80px" align="center" />
|
||||
<el-table-column prop="value" label="暂降次数" width="80px" align="center" />
|
||||
</el-table>
|
||||
<div class="statistics-box">
|
||||
<MyEChart style="height: 250px" :options="picEChart1" />
|
||||
<el-table size="small" height="250px" :data="resembleData">
|
||||
<el-table-column prop="name" label="暂降类型" width="80px" align="center" />
|
||||
<el-table-column prop="value" label="暂降次数" width="80px" align="center" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -73,11 +78,20 @@ const descentData = ref([])
|
||||
const resembleData = ref([])
|
||||
const picEChart = ref({})
|
||||
const picEChart1 = ref({})
|
||||
const loading = ref(false)
|
||||
const open = async (row: any) => {
|
||||
getEventDetailByList({ ...row, deviceInfoParam: row }).then((res: any) => {
|
||||
const [year, , day] = row.startTime.split('-')
|
||||
dialogVisible.value = true
|
||||
loading.value = true
|
||||
getEventDetailByList({
|
||||
...row,
|
||||
deviceInfoParam: row,
|
||||
searchBeginTime: `${year}-01-${day}`,
|
||||
startTime: `${year}-01-${day}`
|
||||
}).then((res: any) => {
|
||||
tableData.value = res.data
|
||||
})
|
||||
getEventReason(row).then(res => {
|
||||
await getEventReason({ ...row, searchBeginTime: `${year}-01-${day}`, startTime: `${year}-01-${day}` }).then(res => {
|
||||
descentData.value = res.data.reason
|
||||
resembleData.value = res.data.type
|
||||
picEChart.value = {
|
||||
@@ -147,7 +161,7 @@ const open = async (row: any) => {
|
||||
}
|
||||
}
|
||||
})
|
||||
dialogVisible.value = true
|
||||
loading.value = false
|
||||
}
|
||||
// 查看详情
|
||||
const transientOpen = (row: any, name: string, type: string) => {
|
||||
|
||||
Reference in New Issue
Block a user