2.7 KiB
2.7 KiB
ADDED Requirements
Requirement: 字典类型列表页
系统 SHALL 提供字典类型标准列表页面,遵循 unit/index.vue 模板,包含搜索区域(关键词)、工具栏(新增按钮)、数据表格(字典名称、字典类型编码、排序号、备注、操作列)、分页器。
Scenario: 字典类型列表展示
- WHEN 用户访问字典管理页面
- THEN 页面显示字典类型列表,操作列包含"字典数据配置"、"编辑"、"删除"按钮
Scenario: 关键词搜索
- WHEN 用户在搜索框输入关键词并点击搜索
- THEN 列表按 dict_name 或 dict_type 模糊匹配过滤
Requirement: 字典类型新增/编辑弹窗
系统 SHALL 提供字典类型新增/编辑弹窗,使用 label-position="top" + .form-grid-2 布局,字段包含字典名称(dict_name)、字典类型编码(dict_type)、排序号(order_num)、备注(remark)。
Scenario: 新增字典类型
- WHEN 用户点击"新增"按钮
- THEN 弹窗打开,表单为空,提交后创建新字典类型
Scenario: 编辑字典类型
- WHEN 用户点击某行"编辑"按钮
- THEN 弹窗打开,表单回填当前行数据,提交后更新
Requirement: 字典数据配置弹窗
系统 SHALL 提供字典数据配置弹窗,当用户点击字典类型行的"字典数据配置"按钮时弹出。弹窗内展示该字典类型下的字典数据表格,支持新增、编辑、删除操作。
Scenario: 打开字典数据配置
- WHEN 用户点击某字典类型的"字典数据配置"按钮
- THEN 弹窗打开,标题显示"XX 字典数据配置",表格展示该类型的字典数据列表
Scenario: 弹窗内新增字典数据
- WHEN 用户在弹窗内点击"新增"按钮
- THEN 表格顶部出现编辑行,用户填写 dict_label、dict_value、order_num、remark 后保存
Scenario: 弹窗内编辑字典数据
- WHEN 用户在弹窗内点击某行"编辑"
- THEN 该行变为编辑状态,修改后保存
Scenario: 弹窗内删除字典数据
- WHEN 用户在弹窗内点击某行"删除"并确认
- THEN 该条字典数据被软删除,从列表移除
Requirement: 路由注册
字典管理页面 SHALL 注册到系统管理路由组下,路径为 /system/dict。
Scenario: 通过菜单访问
- WHEN 用户点击系统管理菜单下的"字典管理"
- THEN 路由跳转到字典类型列表页
Requirement: 列表面板标题规范
列表页面板标题 SHALL 显示"字典管理",并使用 ::before 伪元素显示 primary 色竖线。
Scenario: 标题显示
- WHEN 页面加载完成
- THEN 面板标题区域显示带绿色竖线的"字典管理"标题