主题
第二现场模板配置
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /operationsManagement/taskManagement/configurationCenter/mailTemplconfig |
| 路由名称 | mailTemplconfig |
| 页面组件 | src/views/operationsManagement/taskManagement/configurationCenter/mailTemplconfig/index.vue |
| 接口模块 | @/api/mailTemplate(独立 api 文件) |
| Store | 无 |
| 页面定位 | 第二现场邮件模板的列表查询、新增、编辑、查看、启停、删除 |
页面功能
页面使用 Container + ZbQuery(查询区)+ ZbTable(表格)+ ZbPagination(分页)的 zbkj-ui 组件库布局,Vue3 <script setup> 实现。
1. 查询区(ZbQuery)
- 模板名称(输入框)。
- 查询、重置按钮。
2. 操作区
- 新增:打开
AddDialog弹窗(type: add)。
3. 模板列表(ZbTable)
| 列 | 说明 |
|---|---|
| 模板ID | id |
| 模板名称 | name |
| 创建人 | createUserName |
| 创建时间 | createTime |
| 状态 | status,启用/禁用(过滤掉删除状态 2) |
4. 行操作
- 编辑:打开
AddDialog(type: edit)。 - 查看:打开
AddDialog(type: view)。 - 禁用/启用:按当前状态切换显示,确认后调用
updateStatus(status: 0 禁用 / 1 启用)。 - 删除:确认后调用
updateStatus(status: 2 删除)。
5. 分页
ZbPagination分页。
使用组件
| 组件 | 路径 | 用途 |
|---|---|---|
Container | @/components/container | 页面容器 |
ZbQuery | @/components/zbkj-ui | 查询区 |
ZbTable | @/components/zbkj-ui | 表格 |
ZbPagination | @/components/zbkj-ui | 分页 |
AddDialog | ./components/AddDialog.vue | 新增/编辑/查看模板弹窗 |
使用 Store
无。
调用接口
所有接口实际请求统一带
/api前缀(下表 URL 为业务路径简写)。
| 接口 URL | 用途 |
|---|---|
mailTemplate/pageList | 模板分页查询 |
mailTemplate/updateStatus | 修改模板状态(启用/禁用/删除) |
mailTemplate/add | 新增模板(AddDialog 内调用) |
mailTemplate/edit | 编辑模板(AddDialog 内调用) |
mailTemplate/queryById | 模板详情(AddDialog 内调用) |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |