联调二级评估页面

This commit is contained in:
guanj
2025-08-11 16:13:51 +08:00
parent 8d613f7a57
commit aa3dbb6c5d
22 changed files with 864 additions and 474 deletions

View File

@@ -1,19 +1,21 @@
<template>
<div class="default-main">
<div v-show="addedShow">
<TableHeader datePicker ref="TableHeaderRef">
<TableHeader datePicker showExport ref="TableHeaderRef">
<template #select>
<el-form-item label="评估类型">
<el-select v-model="tableStore.table.params.evaluateType" clearable placeholder="请选择评估类型">
<el-select
v-model="tableStore.table.params.evaluateType"
clearable
placeholder="请选择评估类型"
>
<el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
</template>
<template #operation>
<el-button icon="el-icon-Setting" type="primary" @click="configuration">承载能力评估策略</el-button>
<el-button icon="el-icon-Plus" type="primary" @click="addAssess">
新增承载能力评估
</el-button>
<el-button icon="el-icon-Setting" type="primary" @click="configuration">评估策略配置</el-button>
<el-button icon="el-icon-Plus" type="primary" @click="addAssess">新增评估</el-button>
</template>
</TableHeader>
<Table ref="tableRef" />
@@ -26,7 +28,11 @@
<el-tab-pane label="光伏电站承载能力评估" name="1" v-if="code == null || code == 1">
<photovoltaic :rowList="rowList" />
</el-tab-pane>
<el-tab-pane label="充电站、电加热负荷、电气化铁路承载能力评估" name="2" v-if="code == null || code == 2">
<el-tab-pane
label="充电站、电加热负荷、电气化铁路承载能力评估"
name="2"
v-if="code == null || code == 2"
>
<charge :rowList="rowList" />
</el-tab-pane>
</el-tabs>
@@ -67,13 +73,20 @@ const tableStore: any = new TableStore({
method: 'POST',
column: [
{
title: '序号',
width: '80',
formatter: (row: any) => {
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ field: 'userName', title: '用户名称' },
{
field: 'evaluateType',
title: '评估类型',
formatter: (row: any) => {
return uesrList.filter(item => item.id == row.cellValue)[0].name
}
},
{
field: 'lineName',
title: '配变台区',
@@ -82,48 +95,42 @@ const tableStore: any = new TableStore({
return row.cellValue ? row.cellValue : '/'
}
},
{
field: 'evaluateType',
title: '评估类型',
formatter: (row: any) => {
return uesrList.filter(item => item.id == row.cellValue)[0].name
}
},
{ field: 'userName', title: '预评估用户' },
{
field: 'reslutLevel',
title: '评估结果',
type: 'html',
formatter: (row: any) => {
// 1-安全2-III级预警3-II级预警4-I 级预警,5-禁止接入
return `<span style="color: ${row.cellValue == 1
? '#339966'
: row.cellValue == 2
? '#00BFF5'
return `<span style="color: ${
row.cellValue == 1
? '#2E7D32' // 深绿色 - 安全
: row.cellValue == 2
? '#0288D1' // 深蓝色 - III级预警
: row.cellValue == 3
? '#FFBF00'
: row.cellValue == 4
? '#Ff6600'
: row.cellValue == 5
? '#ff0000'
: row.cellValue == 6
? '#07CCCA'
: ''
}">${row.cellValue == 1
? '#F57C00' // 橙色 - II级预警
: row.cellValue == 4
? '#E64A19' // 深橙色 - I级预警
: row.cellValue == 5
? '#C62828' // 深红色 - 禁止接入
: row.cellValue == 6
? '#00897B' // 深青色 - 允许接入
: ''
}">${
row.cellValue == 1
? '安全'
: row.cellValue == 2
? 'III级预警'
: row.cellValue == 3
? 'II级预警'
: row.cellValue == 4
? 'I 级预警'
: row.cellValue == 5
? '禁止接入'
: row.cellValue == 6
? '允许接入'
: ''}</span>`
? 'III级预警'
: row.cellValue == 3
? 'II级预警'
: row.cellValue == 4
? 'I 级预警'
: row.cellValue == 5
? '禁止接入'
: row.cellValue == 6
? '允许接入'
: ''
}</span>`
}
},
{ field: 'evaluateDate', title: '评估日期' },
@@ -150,7 +157,7 @@ const tableStore: any = new TableStore({
},
{
name: 'del',
text: '删除',
text: '禁止接入',
type: 'danger',
icon: 'el-icon-Delete',
render: 'confirmButton',
@@ -171,7 +178,7 @@ const tableStore: any = new TableStore({
}
],
loadCallback: () => { }
loadCallback: () => {}
})
tableStore.table.params.evaluateType = ''
tableStore.table.params.id = dictData.state.area[0].id