From 4427240765bea364f1588e14e59329bbfadbaa20 Mon Sep 17 00:00:00 2001
From: dengzedong <dengzedong@email>
Date: 星期二, 11 三月 2025 13:39:54 +0800
Subject: [PATCH] element-plus 版本升级到2.9.2 模型编辑页面下拉列表替换为 虚拟化选择器，解决页面dom加载压力过大页面卡顿
---
src/views/model/sche/model/ScheduleModelForm.vue | 91 ++++++++++++++++++++-------------------------
1 files changed, 40 insertions(+), 51 deletions(-)
diff --git a/src/views/model/sche/model/ScheduleModelForm.vue b/src/views/model/sche/model/ScheduleModelForm.vue
index 5cdf9e9..fe9722d 100644
--- a/src/views/model/sche/model/ScheduleModelForm.vue
+++ b/src/views/model/sche/model/ScheduleModelForm.vue
@@ -1,5 +1,5 @@
<template>
- <Dialog v-model="dialogVisible" :title="dialogTitle" width="60%">
+ <Dialog v-model="dialogVisible" :title="dialogTitle" width="75%">
<el-form
ref="formRef"
v-loading="formLoading"
@@ -138,34 +138,24 @@
label="参数名称"
align="center">
<template #default="scope">
- <el-select v-if="scope.row.modelparamtype === 'NormalItem'"
+ <el-select-v2 v-if="scope.row.modelparamtype === 'NormalItem'"
v-model="scope.row.modelparamid"
+ :options="modelparamListMap['NormalItem'] || []"
placeholder="请选择"
+ :props="{value:'value',label:'label',options:'children'}"
+ clearable
filterable
- style="width: 100%">
- <el-option-group
- v-for="group in modelparamListMap['NormalItem']"
- :key="group.value"
- :label="group.label"
- >
- <el-option
- v-for="item in group.children"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- />
- </el-option-group>
- </el-select>
- <el-select v-else
+ :fit-input-width="false"
+ />
+ <el-select-v2 v-else
v-model="scope.row.modelparamid"
+ :options="modelparamListMap[scope.row.modelparamtype] || []"
+ placeholder="请选择"
+ :props="{value:'id',label:'name'}"
+ clearable
filterable
- placeholder="请选择">
- <el-option
- v-for="(item, index) in modelparamListMap[scope.row.modelparamtype]"
- :key="index"
- :label="item.name"
- :value="item.id"/>
- </el-select>
+ :fit-input-width="false"
+ />
</template>
</el-table-column>
<el-table-column
@@ -267,10 +257,10 @@
style="width: 100%; margin-top: 5px;">
<el-table-column prop="resultKey" label="输出key" align="center" min-width="100">
<template #default="scope">
- <el-input size="mini" v-model="scope.row.resultKey" style="width:100%;height:100%"/>
+ <el-input size="small" v-model="scope.row.resultKey" style="width:100%;height:100%"/>
</template>
</el-table-column>
- <el-table-column prop="resultType" label="数据类型" align="center" min-width="150">
+ <el-table-column prop="resultType" label="数据类型" align="center" width="150">
<template #default="scope">
<el-select v-model="scope.row.resultType" placeholder="请选择">
<el-option
@@ -282,17 +272,17 @@
</el-select>
</template>
</el-table-column>
- <el-table-column prop="resultPort" label="角标1" align="center" min-width="100">
+ <el-table-column prop="resultPort" label="角标1" align="center" width="100">
<template #default="scope">
- <el-input-number :min="0" clearable controls-position="right" size="mini" v-model="scope.row.resultPort" style="width:100%;height:100%"/>
+ <el-input-number :min="0" clearable controls-position="right" size="small" v-model="scope.row.resultPort" style="width:100%;height:100%"/>
</template>
</el-table-column>
- <el-table-column prop="resultIndex" label="角标2" align="center" min-width="100">
+ <el-table-column prop="resultIndex" label="角标2" align="center" width="100">
<template #default="scope">
- <el-input-number :min="0" clearable controls-position="right" size="mini" v-model="scope.row.resultIndex" style="width:100%;height:100%"/>
+ <el-input-number :min="0" clearable controls-position="right" size="small" v-model="scope.row.resultIndex" style="width:100%;height:100%"/>
</template>
</el-table-column>
- <el-table-column prop="isWrite" label="是否下发" align="center" min-width="100">
+ <el-table-column prop="isWrite" label="是否下发" align="center" width="100">
<template #default="scope">
<el-switch size="small" v-model="scope.row.isWrite" :active-value="1"
:inactive-value="0"/>
@@ -303,29 +293,28 @@
label="测点名称"
align="center" min-width="200">
<template #default="scope">
- <el-select v-model="scope.row.pointNo"
- filterable
- placeholder="请选择">
- <el-option
- v-for="(item, index) in modelparamListMap['DATAPOINT']"
- :key="index"
- :label="item.name"
- :value="item.itemNo"/>
- </el-select>
+ <el-select-v2
+ v-model="scope.row.pointNo"
+ :options="modelparamListMap['DATAPOINT'] || []"
+ placeholder="请选择"
+ :props="{value:'itemNo',label:'name'}"
+ clearable
+ filterable
+ :fit-input-width="false"
+ />
</template>
</el-table-column>
<el-table-column prop="disturbancePointNo’" label="无扰切换点位" align="center" min-width="200">
<template #default="scope">
- <el-select v-model="scope.row.disturbancePointNo"
- clearable
- filterable
- placeholder="请选择">
- <el-option
- v-for="(item, index) in modelparamListMap['DATAPOINT']"
- :key="index"
- :label="item.name"
- :value="item.itemNo"/>
- </el-select>
+ <el-select-v2
+ v-model="scope.row.disturbancePointNo"
+ :options="modelparamListMap['DATAPOINT'] || []"
+ placeholder="请选择"
+ :props="{value:'itemNo',label:'name'}"
+ clearable
+ filterable
+ :fit-input-width="false"
+ />
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" header-align="center" align="center" width="100">
@@ -443,7 +432,7 @@
}
}
// 加载参数列表
- modelparamListMap.value = await ScheduleModelApi.getModelParamList()
+ modelparamListMap.value = await ScheduleModelApi.getModelParamList(id)
// 加载调度模型列表
getScheduleModelList()
}
--
Gitblit v1.9.3