9b9e652afd
- 全站搜索栏所属组织由树形下拉 (el-tree-select) 统一替换为级联选择器 (el-cascader) - 修改多个视图和组件中所属组织相关表单与搜索逻辑,适配级联选择器数据结构 - 组织数据结构调整及新增 findOrgPath、findDeptPath 等方法支持路径反查与回显 - 表单模型与搜索参数中所属组织字段改用 ID 路径数组,提交时转换为名称 - 优化所属组织搜索UI,统一清除、过滤、提示等功能样式和行为 - 引入 organization-search mixin 支持组织数据加载、路径转换及搜索参数格式化 - 更新相关依赖组件 Element Plus 引入 ElCascader 替换 ElTreeSelect - 修正搜索表单CSS,新增el-cascader全宽样式支持搜索栏布局一致性 - 兼容老数据,支持多种部门ID格式自动转换到单选路径数组格式 - 业务部门与承办部门表单同样应用级联选择器及路径转换逻辑 - 相关搜索配置项所属组织字段类型由 input 改为 cascader,提升搜索交互体验
1.1 KiB
1.1 KiB
2026-08-31
客商档案「所属组织」改为单选级联(customer-archive.vue)
- 表单区
el-tree-select(多选勾选树)→el-cascader单选级联;deptCascaderProps开checkStrictly: true,可任意层级选中(不必选到叶子)。 - 引入 computed
deptCascaderValue(get/set)做「部门 ID ↔ 根到节点路径」双向转换:archiveForm.deptId仍为选中部门 ID 数组(单选只一个),后端字段deptIds逗号串 /deptName不变,保存逻辑normalizeArchive无需改。- getter 依赖
deptTree,部门树异步加载完成后详情回显自动刷新(解决 created 里 initDeptTree 与 openArchive 并发的时序问题)。
onDeptChange(path)改为取路径末级 → 写deptId / deptIds / deptName;新增findDeptPath(id)、findDeptLabel(id)递归查找。normalizeDeptIds(detail)单选只取第一个 ID(历史多选数据自动收敛)。- 列表搜索区
renderDeptSearch同步改为h(ElCascader, ...)(import 从 ElTreeSelect 换 ElCascader),searchChange取路径末级 ID 转部门名称。