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

监测点评估添加字段

Browse Source
This commit is contained in:
guanj
2026-07-17 11:17:38 +08:00
parent 6c70a776a0
commit 7f1c3e31c0
3 changed files with 84 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/table/defaultAttribute.ts
View File

@@ -11,7 +11,7 @@ export const defaultAttribute: VxeTableProps = {
scrollX: { scrollToLeftOnChange: true },
scrollY: { enabled: false },
// 注意：全局不要默认开启 treeConfig，会与 stripe 冲突；树表在页面自行配置
customConfig: { enabled: true, allowFixed: true, storage: true, showFooter: false, immediate: true ,mode:'default'},
customConfig: { enabled: true, allowFixed: true, storage: false, showFooter: false, immediate: true ,mode:'default'},
showOverflow: 'tooltip',
showHeaderOverflow: false
}

12
src/components/table/index.vue
View File

@@ -9,10 +9,10 @@
ref="tableRef"
height="auto"
:key="key"
:id="getTableId()"
:data="tableStore.table.data"
v-loading="tableStore.table.loading"
v-bind="tableBindProps"
:id="getTableId()"
@checkbox-all="selectChangeEvent"
@checkbox-change="selectChangeEvent"
@cell-click="onCellClick"
@@ -105,9 +105,17 @@ const props = withDefaults(defineProps<Props>(), {
})
const attrs = useAttrs()
const tableBindProps = computed(() => {
const enableStorage = props.showCustomColumn || !!tableStore?.table?.customColumnInHeader
const baseCustomConfig = (defaultAttribute.customConfig || {}) as Record<string, any>
const attrsCustomConfig = ((attrs.customConfig as Record<string, any>) || {}) as Record<string, any>
return Object.assign({}, defaultAttribute, attrs, {
showOverflow: props.showOverflow,
showHeaderOverflow: false
showHeaderOverflow: false,
customConfig: {
...baseCustomConfig,
...attrsCustomConfig,
storage: enableStorage ? true : !!attrsCustomConfig.storage
}
})
})
const onCellClick: VxeTableEvents.CellClick<any> = params => {

83
src/views/pqs/harmonicMonitoring/detailed/pollutionReport/components/MonitoringPointTab.vue
View File

@@ -47,6 +47,14 @@
</template>
<template #operation>
<el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出</el-button>
<el-button
class="ml10"
icon="el-icon-Setting"
@mousedown="onCustomColumnMousedown"
@click="openCustomColumn"
>
列设置
</el-button>
</template>
</TableHeader>
@@ -57,6 +65,7 @@
auto-resize
:data="tableStore.table.data"
v-bind="defaultAttribute"
:id="tableId"
:height="tableHeight"
resizable
show-overflow
@@ -71,8 +80,7 @@
min-width="150"
></vxe-column>
<vxe-column field="devName" title="终端名称" align="center" min-width="120"></vxe-column>
<!-- <vxe-column field="devType" title="终端型号" align="center" min-width="150"></vxe-column> -->
<!-- <vxe-column field="loginTime" title="投运时间" align="center" min-width="120"></vxe-column> -->
<vxe-column field="devType" title="终端型号" align="center" min-width="150"></vxe-column>
<vxe-column
field="lineName"
title="监测点名称"
@@ -80,19 +88,51 @@
min-width="150"
:formatter="formatMonitorId"
></vxe-column>
<!-- <vxe-column field="powerFlag" title="监测位置" align="center" min-width="100"></vxe-column> -->
<!-- <vxe-column field="lineVoltage" title="监测点电压等级" align="center" min-width="120"></vxe-column> -->
<!-- <vxe-column field="loadType" title="干扰源类型" align="center" min-width="120"></vxe-column> -->
<!-- <vxe-column field="objName" title="监测对象名称" align="center" min-width="150" :formatter="formatMonitorId"></vxe-column> -->
<!-- <vxe-column field="interval" title="统计间隔" align="center" min-width="100" :formatter="formatMonitorId"></vxe-column> -->
<!-- <vxe-column field="onlineRate" title="在线率(%)" align="center" min-width="100"></vxe-column> -->
<!-- <vxe-column field="integrity" title="完整率(%)" align="center" min-width="100"></vxe-column> -->
<vxe-column
field="objName"
title="监测对象名称"
align="center"
min-width="150"
:formatter="formatMonitorId"
></vxe-column>
<vxe-column field="subVoltage" title="变电站电压等级" align="center" min-width="120"></vxe-column>
<vxe-column field="lineVoltage" title="监测点电压等级" align="center" min-width="120"></vxe-column>
<vxe-column field="powerFlag" title="用户性质" align="center" min-width="100"></vxe-column>
<vxe-column field="loadType" title="干扰源类型" align="center" min-width="120"></vxe-column>
<vxe-column field="loginTime" title="投运时间" align="center" min-width="120"></vxe-column>
<vxe-column field="runFlag" title="运行状态" align="center" min-width="100">
<template #default="{ row }">
<el-tag v-if="row.runFlag === '投运'" type="success" :disable-transitions="true" size="small">
投运
</el-tag>
<el-tag v-if="row.runFlag === '检修'" type="warning" :disable-transitions="true" size="small">
检修
</el-tag>
<el-tag v-if="row.runFlag === '停运'" type="danger" :disable-transitions="true" size="small">
停运
</el-tag>
</template>
</vxe-column>
<vxe-column
field="interval"
title="统计间隔"
align="center"
min-width="100"
:formatter="formatMonitorId"
></vxe-column>
<vxe-column
field="harmonicValue"
:title="harmonicValueTitle"
align="center"
min-width="120"
></vxe-column>
<vxe-column field="onlineRate" title="在线率(%)" align="center" min-width="100"></vxe-column>
<vxe-column field="integrity" title="完整率(%)" align="center" min-width="100"></vxe-column>
<!-- <vxe-column field="upCounts" title="暂升次数(次)" align="center" min-width="100"></vxe-column> -->
<!-- <vxe-column field="downCounts" title="电压暂降(次)" align="center" min-width="100"></vxe-column> -->
<!-- <vxe-column field="breakCounts" title="短时中断(次)" align="center" min-width="100"></vxe-column> -->
@@ -138,6 +178,7 @@ const options = dictData.getBasicData('Pollution_Calc')
const tableHeight = ref(500)
const tableRef = ref()
const tableHeaderRef = ref()
const tableId = 'pollution-monitoring-point-report'
const selectedArea = ref()
const areOptions: any = dictData.state.area
@@ -145,6 +186,28 @@ const allData = ref<PollutionItem[]>([])
const searchKeyword = ref('')
const harmonicValueTitle = ref('谐波电压污染值')
let customColumnVisibleOnPress = false
const onCustomColumnMousedown = () => {
const table = tableRef.value as any
if (!table) return
customColumnVisibleOnPress = table.getCustomVisible?.() ?? !!table.reactData?.customStore?.visible
if (table.reactData?.customStore) {
table.reactData.customStore.activeBtn = true
}
}
const openCustomColumn = () => {
const table = tableRef.value as any
if (!table) return
if (table.reactData?.customStore) {
table.reactData.customStore.activeBtn = false
}
if (customColumnVisibleOnPress) {
table.closeCustom?.()
} else {
table.openCustom?.()
}
}
const cascaderProps = {
label: 'name',
value: 'id',
@@ -244,6 +307,7 @@ const updateTotal = computed(() => {
const tableStore = new TableStore({
url: '/harmonic-boot/PollutionSubstation/downPollutionLineCalc',
method: 'POST',
filename: '监测点评估',
column: [],
beforeSearchFun: () => {
delete tableStore.table.params.deptIndex
@@ -293,7 +357,6 @@ tableStore.table.params.isUpToGrid = 0
tableStore.table.params.type = 1
const handleStatisticalTypeChange = (newVal: { id: any }) => {
if (newVal) {
tableStore.table.params.statisticalType = newVal
tableStore.table.params.ids = [newVal.id]