From b8f5057768b78ead2db7ee78727b4a7ae72851a0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= Date: Wed, 31 Dec 2025 17:26:49 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E9=9D=A2=E6=9D=BF):=20=E6=96=B0=E5=A2=9Ep?= =?UTF-8?q?rocessAcceptKeys=E7=AD=9B=E9=80=89=E5=8C=BA=E5=9F=9F=E5=B9=B6?= =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=9F=A5=E8=AF=A2=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 在面板顶部添加基于processAcceptKeys的动态筛选区域 - 实现查询参数自动初始化与重置功能 - 优化表单样式和交互体验 --- src/views/l2/setup/panels/T.vue | 270 +++++++++++++++++--------------- 1 file changed, 141 insertions(+), 129 deletions(-) diff --git a/src/views/l2/setup/panels/T.vue b/src/views/l2/setup/panels/T.vue index aa28bb6..c9e9035 100644 --- a/src/views/l2/setup/panels/T.vue +++ b/src/views/l2/setup/panels/T.vue @@ -1,73 +1,70 @@ - +
-
-
+
+
{{ getFieldLabel(key) }}: {{ getFieldDisplayValue(key, item[key]) || '-' }}
@@ -78,24 +75,9 @@
- Copy - Edit - Delete + Copy + Edit + Delete
@@ -106,58 +88,38 @@
- + - + - - - + + + - + - + - + - + - +
@@ -220,6 +182,17 @@ export default { initForm[key] = ''; // 为每个字段初始化空字符串，保证响应式 }); + // 初始化查询参数：合并分页参数、额外参数、processAcceptKeys空值 + const initQueryParams = { + pageNum: 1, + pageSize: 10, + ...this.extraQueryParams + }; + // 为processAcceptKeys每个字段初始化查询参数空值 + this.processAcceptKeys.forEach(key => { + initQueryParams[key] = ''; + }); + return { // 加载状态 loading: true, @@ -231,12 +204,8 @@ export default { title: "", // 弹窗显隐 open: false, - // 查询参数 - queryParams: { - pageNum: 1, - pageSize: 10, - ...this.extraQueryParams - }, + // 查询参数（初始化包含processAcceptKeys字段） + queryParams: initQueryParams, // 表单数据（初始化所有字段） form: initForm, // 是否为新增状态 @@ -294,14 +263,12 @@ export default { getFieldDisplayValue(prop, value) { if (value === '' || value === null || value === undefined) return '-'; const field = this.schema.find(item => item.prop === prop); - console.log(field, 'field', prop, value); // 有字典转换函数则执行转换 if (field?.dict && typeof field.dict === 'function') { return field.dict(value); } // 下拉选项转换（ID转label） if (field?.type === 'el-select' && field?.options.length) { - console.log(field.options, '替换钢种下拉选'); const option = field.options.find(item => item.value == value); return option ? option.label : value; } @@ -327,16 +294,30 @@ export default { this.getList(); }, - /** 搜索操作（适配right-toolbar的queryTable事件） */ + /** 搜索操作（适配筛选区查询） */ handleQuery() { - this.queryParams.pageNum = 1; + this.queryParams.pageNum = 1; // 筛选时重置页码为第一页 this.getList(); }, + /** 重置筛选条件 */ + handleResetFilter() { + // 重置processAcceptKeys对应的筛选字段为空 + this.processAcceptKeys.forEach(key => { + this.queryParams[key] = ''; + }); + // 重置额外查询参数（可选：若需要保留额外参数，可注释此行） + // Object.keys(this.extraQueryParams).forEach(key => { + // this.queryParams[key] = this.extraQueryParams[key]; + // }); + this.queryParams.pageNum = 1; // 重置页码 + this.getList(); // 重新查询 + }, + /** 查询参数列表 */ getList() { this.loading = true; - // 合并额外查询参数 + // 合并额外查询参数（最终查询参数：分页+筛选+额外参数） const queryParams = { ...this.queryParams, ...this.extraQueryParams }; this.apis.list(queryParams).then(response => { this.paramList = response.rows || []; @@ -390,7 +371,6 @@ export default { /** 修改操作（优化异常处理和数据赋值） */ handleUpdate(row) { this.isAdd = false; // 标记为编辑态 - console.log(row) this.resetForm(); // 重置表单 this.apis.get(row).then(response => { const data = response.data || {}; @@ -402,7 +382,6 @@ export default { this.open = true; this.title = `Edit ${this.$options.name || 'Process Parameters'}`; }).catch(error => { - // 新增错误提示，避免静默失败 this.$modal.msgError('Failed to get details, please try again.'); console.error('获取详情失败：', error); }); @@ -418,7 +397,6 @@ export default { this.open = false; this.getList(); }).catch(error => { - // 新增提交失败提示 this.$modal.msgError(this.isAdd ? "Add failed" : "Update failed"); console.error('提交失败：', error); }); @@ -433,7 +411,7 @@ export default { }).then(() => { this.getList(); this.$modal.msgSuccess("Deleted successfully"); - }).catch(() => {}); + }).catch(() => { }); }, /** 导出操作 */ @@ -452,29 +430,63 @@ export default {