表格标题调整

This commit is contained in:
2025-05-13 15:22:05 +08:00
parent 60cdff21b6
commit 363c05639b
5 changed files with 29 additions and 30 deletions

View File

@@ -18,7 +18,7 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-DataAnalysis" @click="rankingClick(null, true)"> <el-button type="primary" icon="el-icon-DataAnalysis" @click="rankingClick(null, true)">
排名前10监测点 污染最大10监测点
</el-button> </el-button>
</el-form-item> </el-form-item>
</template> </template>

View File

@@ -11,7 +11,7 @@
> >
<div v-if="!voltageLevelFlag"> <div v-if="!voltageLevelFlag">
<vxe-column field="name" title="名称" min-width="150"></vxe-column> <vxe-column field="name" title="名称" min-width="150"></vxe-column>
<vxe-column field="onlineCount" title="在线监测点数" min-width="120"> <vxe-column field="onlineCount" title="在监测点数" min-width="120">
<template #default="scope"> <template #default="scope">
{{ scope.row.onlineCount == 3.14159 ? '暂无数据' : scope.row.onlineCount }} {{ scope.row.onlineCount == 3.14159 ? '暂无数据' : scope.row.onlineCount }}
</template> </template>
@@ -21,16 +21,16 @@
{{ scope.row.overLineCount == 3.14159 ? '暂无数据' : scope.row.overLineCount }} {{ scope.row.overLineCount == 3.14159 ? '暂无数据' : scope.row.overLineCount }}
</template> </template>
</vxe-column> </vxe-column>
<vxe-column field="averageOverDay" min-width="120" title="平均超标天数"> <vxe-column field="ratio" title="超标测点占比(%)">
<template #default="scope">
{{ scope.row.averageOverDay == 3.14159 ? '暂无数据' : scope.row.averageOverDay }}
</template>
</vxe-column>
<vxe-column field="ratio" title="超标占比(%)">
<template #default="scope"> <template #default="scope">
{{ scope.row.ratio == 3.14159 ? '暂无数据' : scope.row.ratio }} {{ scope.row.ratio == 3.14159 ? '暂无数据' : scope.row.ratio }}
</template> </template>
</vxe-column> </vxe-column>
<vxe-column field="averageOverDay" min-width="120" title="平均超标天数(天/点)">
<template #default="scope">
{{ scope.row.averageOverDay == 3.14159 ? '暂无数据' : scope.row.averageOverDay }}
</template>
</vxe-column>
<vxe-column field="warningFreq" title="告警频次"> <vxe-column field="warningFreq" title="告警频次">
<template #default="scope"> <template #default="scope">
{{ scope.row.warningFreq == 3.14159 ? '暂无数据' : scope.row.warningFreq }} {{ scope.row.warningFreq == 3.14159 ? '暂无数据' : scope.row.warningFreq }}
@@ -39,7 +39,7 @@
</div> </div>
<div v-else> <div v-else>
<vxe-column field="name" title="名称" min-width="150"></vxe-column> <vxe-column field="name" title="名称" min-width="150"></vxe-column>
<vxe-column field="overDays" title="超标天数"></vxe-column> <vxe-column field="overDays" title="平均超标天数"></vxe-column>
<vxe-colgroup title="各指标超标次数"> <vxe-colgroup title="各指标超标次数">
<vxe-column field="overThreeTimes" title="3次"> <vxe-column field="overThreeTimes" title="3次">
<template #default="scope"> <template #default="scope">

View File

@@ -51,8 +51,6 @@
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</div> </div>
</template> </template>
<div class="card-content"> <div class="card-content">
<div class="card-item" v-for="(item1, index1) in item.children" <div class="card-item" v-for="(item1, index1) in item.children"
@@ -105,26 +103,27 @@
<div class="tall"> <div class="tall">
<vxe-table height="auto" auto-resize :data="dataList" v-bind="defaultAttribute"> <vxe-table height="auto" auto-resize :data="dataList" v-bind="defaultAttribute">
<vxe-column field="name" title="名称"></vxe-column> <vxe-column field="name" title="名称"></vxe-column>
<vxe-column field="onlineCount" title="在线监测点数(个)"> <vxe-column field="onlineCount" title="在监测点数(个)">
<template #default="scope"> <template #default="scope">
{{ scope.row.onlineCount == 3.14159 ? '暂无数据' : scope.row.onlineCount == 0 ? '/' : scope.row.onlineCount }} {{ scope.row.onlineCount == 3.14159 ? '暂无数据' : scope.row.onlineCount }}
</template> </template>
</vxe-column> </vxe-column>
<vxe-column field="overLineCount" title="超标监测点数(个)"> <vxe-column field="overLineCount" title="超标监测点数(个)">
<template #default="scope"> <template #default="scope">
{{ scope.row.overLineCount == 3.14159 ? '暂无数据' : scope.row.overLineCount == 0 ? '/': scope.row.overLineCount }} {{ scope.row.overLineCount == 3.14159 ? '暂无数据' : scope.row.overLineCount }}
</template>
</vxe-column>
<vxe-column field="averageOverDay" title="平均超标天数(天)">
<template #default="scope">
{{ scope.row.averageOverDay == 3.14159 ? '暂无数据' : scope.row.averageOverDay == 0 ?'/' : scope.row.averageOverDay }}
</template> </template>
</vxe-column> </vxe-column>
<vxe-column field="ratio" title="监测点超标占比(%)"> <vxe-column field="ratio" title="监测点超标占比(%)">
<template #default="scope"> <template #default="scope">
{{ scope.row.ratio == 3.14159 ? '暂无数据' : scope.row.ratio == 0 ? '/' : scope.row.ratio }} {{ scope.row.lineRatio == 3.14159 ? '暂无数据' : scope.row.lineRatio }}
</template> </template>
</vxe-column> </vxe-column>
<vxe-column field="averageOverDay" title="平均超标天数(天/点)">
<template #default="scope">
{{ scope.row.averageOverDay == 3.14159 ? '暂无数据' : scope.row.averageOverDay }}
</template>
</vxe-column>
</vxe-table> </vxe-table>
</div> </div>

View File

@@ -77,7 +77,7 @@ const tableStore = new TableStore({
{ field: 'harmVolOverDay', title: '谐波电压超标天数', minWidth: "180px", }, { field: 'harmVolOverDay', title: '谐波电压超标天数', minWidth: "180px", },
{ field: 'harmCurOverDay', title: '谐波电流超标天数', minWidth: "180px", }, { field: 'harmCurOverDay', title: '谐波电流超标天数', minWidth: "180px", },
{ {
title: '各次谐波电压含有率(%)', title: '各次谐波电压含有率超标天数',
children: [ children: [
{ field: 'overVolThreeTimes', title: '3次', minWidth: "80px", }, { field: 'overVolThreeTimes', title: '3次', minWidth: "80px", },
{ field: 'overVolFiveTimes', title: '5次', minWidth: "80px", }, { field: 'overVolFiveTimes', title: '5次', minWidth: "80px", },
@@ -91,7 +91,7 @@ const tableStore = new TableStore({
], ],
}, },
{ {
title: '各次谐波电流幅值(A)', title: '各次谐波电流幅值超标天数',
children: [ children: [
{ field: 'overCurThreeTimes', title: '3次', minWidth: "80px", }, { field: 'overCurThreeTimes', title: '3次', minWidth: "80px", },
{ field: 'overCurFiveTimes', title: '5次', minWidth: "80px", }, { field: 'overCurFiveTimes', title: '5次', minWidth: "80px", },

View File

@@ -70,7 +70,7 @@ const tableStore = new TableStore({
{ {
title: '频率偏差超标情况', title: '频率偏差超标情况',
children: [ children: [
{ field: 'frequencyMonitorNumber', title: '超标点数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'frequencyMonitorNumber', title: '超标点数()', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'frequencyBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'frequencyBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'frequencyOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'frequencyOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
], ],
@@ -78,7 +78,7 @@ const tableStore = new TableStore({
{ {
title: '电压偏差超标情况', title: '电压偏差超标情况',
children: [ children: [
{ field: 'voltageMonitorNumber', title: '超标点数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'voltageMonitorNumber', title: '超标点数()', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'voltageBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'voltageBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'voltageOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'voltageOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
], ],
@@ -86,7 +86,7 @@ const tableStore = new TableStore({
{ {
title: '谐波电压超标情况', title: '谐波电压超标情况',
children: [ children: [
{ field: 'harmonicVoltageMonitorNumber', title: '超标点数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'harmonicVoltageMonitorNumber', title: '超标点数()', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'harmonicVoltageBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'harmonicVoltageBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'harmonicVoltageOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'harmonicVoltageOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
], ],
@@ -94,7 +94,7 @@ const tableStore = new TableStore({
{ {
title: '谐波电流超标情况', title: '谐波电流超标情况',
children: [ children: [
{ field: 'harmonicCurrentMonitorNumber', title: '超标点数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'harmonicCurrentMonitorNumber', title: '超标点数()', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'harmonicCurrentBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'harmonicCurrentBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'harmonicCurrentOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'harmonicCurrentOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
], ],
@@ -102,7 +102,7 @@ const tableStore = new TableStore({
{ {
title: '三相电压不平衡度超标情况', title: '三相电压不平衡度超标情况',
children: [ children: [
{ field: 'threePhaseVoltageMonitorNumber', title: '超标点数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'threePhaseVoltageMonitorNumber', title: '超标点数()', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'threePhaseVoltageBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'threePhaseVoltageBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'threePhaseVoltageOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'threePhaseVoltageOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
], ],
@@ -110,7 +110,7 @@ const tableStore = new TableStore({
{ {
title: '闪变超标情况', title: '闪变超标情况',
children: [ children: [
{ field: 'flickerMonitorNumber', title: '超标点数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'flickerMonitorNumber', title: '超标点数()', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'flickerBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'flickerBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'flickerOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'flickerOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
], ],
@@ -118,7 +118,7 @@ const tableStore = new TableStore({
{ {
title: '负序电流超标情况', title: '负序电流超标情况',
children: [ children: [
{ field: 'negativeMonitorNumber', title: '超标点数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'negativeMonitorNumber', title: '超标点数()', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'negativeBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'negativeBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'negativeOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'negativeOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
], ],
@@ -126,7 +126,7 @@ const tableStore = new TableStore({
{ {
title: '间谐波电压超标情况', title: '间谐波电压超标情况',
children: [ children: [
{ field: 'interHarmonicMonitorNumber', title: '超标点数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'interHarmonicMonitorNumber', title: '超标点数()', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'interHarmonicBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'interHarmonicBiLi', title: '超标占比(%)', minWidth: '120px', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
{ field: 'interHarmonicOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } }, { field: 'interHarmonicOverDayBiLi', title: '平均超标天数(天/点)', minWidth: "200px", formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue } },
], ],