Skip to content

第二现场模板配置

基础信息

说明
菜单路径/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)

说明
模板IDid
模板名称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 内调用)

修改记录

修改人修改时间修改内容
zhouw2026-07-03初始化页面
zhouw2026-07-09编写页面内容