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

修改台账管理页面

Browse Source
This commit is contained in:
GGJ
2025-04-14 09:26:23 +08:00
parent ec9b4e12a6
commit f41f7ed16d
4 changed files with 140 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
src/views/pqs/harmonicMonitoring/area/TransientEventList/index.vue
View File

@@ -7,39 +7,74 @@
<el-input v-model="tableStore.table.params.searchValue" placeholder="输入关键字筛选" />
</el-form-item>
<el-form-item label="统计类型:">
<el-select v-model="tableStore.table.params.statisticalType" value-key="id"
placeholder="请选择统计类型">
<el-option v-for="item in classificationData" :key="item.id" :label="item.name"
:value="item"></el-option>
<el-select
v-model="tableStore.table.params.statisticalType"
value-key="id"
placeholder="请选择统计类型"
>
<el-option
v-for="item in classificationData"
:key="item.id"
:label="item.name"
:value="item"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="电压等级:">
<el-select v-model="tableStore.table.params.scale" multiple collapse-tags clearable
value-key="id" placeholder="请选择电压等级">
<el-option v-for="item in voltageleveloption" :key="item.id" :label="item.name"
:value="item"></el-option>
<el-select
v-model="tableStore.table.params.scale"
multiple
collapse-tags
clearable
value-key="id"
placeholder="请选择电压等级"
>
<el-option
v-for="item in voltageleveloption"
:key="item.id"
:label="item.name"
:value="item"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="终端厂家:">
<el-select v-model="tableStore.table.params.manufacturer" multiple collapse-tags clearable
value-key="id" placeholder="请选择终端厂家">
<el-option v-for="item in terminaloption" :key="item.id" :label="item.name"
:value="item"></el-option>
<el-select
v-model="tableStore.table.params.manufacturer"
multiple
collapse-tags
clearable
value-key="id"
placeholder="请选择终端厂家"
>
<el-option
v-for="item in terminaloption"
:key="item.id"
:label="item.name"
:value="item"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="干扰源类型:">
<el-select v-model="tableStore.table.params.loadType" multiple collapse-tags clearable
value-key="id" placeholder="请选择干扰源类型">
<el-option v-for="item in interfereoption" :key="item.id" :label="item.name"
:value="item"></el-option>
<el-select
v-model="tableStore.table.params.loadType"
multiple
collapse-tags
clearable
value-key="id"
placeholder="请选择干扰源类型"
>
<el-option
v-for="item in interfereoption"
:key="item.id"
:label="item.name"
:value="item"
></el-option>
</el-select>
</el-form-item>
</template>
</TableHeader>
<Table ref="tableRef" />
</div>
<div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="!view">
<waveForm ref="waveFormRef" senior :boxoList="boxoList" :wp="wp" @backbxlb="backbxlb" />
@@ -80,16 +115,33 @@ const tableStore = new TableStore({
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ field: 'startTime', title: '暂降发生时刻', minWidth: "150" },
{ field: 'lineName', title: '监测点名称',minWidth: "90" },
{ field: 'gdName', title: '供电公司',minWidth: "90" },
{ field: 'subName', title: '变电站',minWidth: "150" },
{ field: 'ip', title: '网络参数',minWidth: "90" },
{ field: 'scale', title: '电压等级' ,minWidth: "90"},
{ field: 'advanceType', title: '暂降类型',minWidth: "90" },
{ field: 'advanceReason', title: '暂降原因' ,minWidth: "90",},
{ field: 'startTime', title: '暂降发生时刻', minWidth: '150' },
{ field: 'lineName', title: '监测点名称', minWidth: '90' },
{ field: 'gdName', title: '供电公司', minWidth: '90' },
{ field: 'subName', title: '变电站', minWidth: '150' },
{ field: 'ip', title: '网络参数', minWidth: '90' },
{ field: 'scale', title: '电压等级', minWidth: '90' },
{
field: 'eventType', title: '暂态统计类型',minWidth: "100", formatter: (row: any) => {
field: 'advanceType',
title: '暂降类型',
minWidth: '90',
formatter: (row: any) => {
return row.cellValue || '其他'
}
},
{
field: 'advanceReason',
title: '暂降原因',
minWidth: '90',
formatter: (row: any) => {
return row.cellValue || '其他'
}
},
{
field: 'eventType',
title: '暂态统计类型',
minWidth: '100',
formatter: (row: any) => {
return eventList.filter(item => item.id === row.cellValue)[0]?.name
}
},
@@ -99,20 +151,24 @@ const tableStore = new TableStore({
// }
// },
{
field: 'featureAmplitude', title: '暂降幅值(%)',minWidth: "90", formatter: (row: any) => {
field: 'featureAmplitude',
title: '暂降幅值(%)',
minWidth: '90',
formatter: (row: any) => {
return (row.cellValue * 100).toFixed(2)
}
},
{
field: 'eventDescribe', title: '暂降深度(%)',minWidth: "90", formatter: (row: any) => {
field: 'eventDescribe',
title: '暂降深度(%)',
minWidth: '90',
formatter: (row: any) => {
let data: any = (100 - row.row.featureAmplitude * 100).toFixed(2)
return data >= 0 ? data : '/'
}
},
{ field: 'duration', title: '持续时间(s)' ,minWidth: "80",},
{ field: 'duration', title: '持续时间(s)', minWidth: '80' },
{
title: '操作',
@@ -130,9 +186,9 @@ const tableStore = new TableStore({
render: 'basicButton',
click: async row => {
view.value = false
setTimeout(() => {
waveFormRef.value.open(row)
},100)
setTimeout(() => {
waveFormRef.value.open(row)
}, 100)
// row.loading = true
// boxoList.value = row
// await getMonitorEventAnalyseWave({ id: row.eventId, systemType: 0 })
@@ -163,7 +219,7 @@ const tableStore = new TableStore({
}
],
loadCallback: () => { }
loadCallback: () => {}
})
tableStore.table.params.searchValue = ''
tableStore.table.params.statisticalType = classificationData.filter(item => item.name == '电网拓扑')[0]
@@ -183,9 +239,6 @@ onMounted(() => {
tableStore.index()
})
const backbxlb = () => {
view.value = true
view2.value = false