触达任务管理

基础信息

项	说明
菜单路径	`/operationsManagement/taskManagement/touchTaskManage`
路由名称	`touchTaskManage`
页面组件	`src/views/operationsManagement/taskManagement/touchTaskManage/index.vue`
接口模块	组件内 `api.post(...)` 直接调用（Vue3 setup）
Store	无
页面定位	触达任务的列表查询、新增、启停、查看、详细信息管理

页面功能

页面使用 Container + SearchContainer（带操作区）+ TableContainer 标准布局，Vue3 <script setup> 实现。

1. 筛选区

任务名称（输入框）、任务类型（下拉，字典 reach_task_type）、创建时间（日期时间范围）。
查询、重置按钮。

2. 操作区

新增：跳转 /touchTaskManage/add（权限 /api/reachTaskManage/add）。

3. 任务列表

列	说明
任务名称	`taskName`
任务类型	`taskTypeName`
发送门店数量	`relationNetworkCount`
触达数量	`reachCount`
任务状态	`status`，启用绿色/禁用红色
操作人	`createByName`
任务失效时间	`invalidTime`
最后触达时间	`reachTime`
创建时间	`createTime`
更新时间	`updateTime`

4. 行操作（按状态与类型动态展示）

启用/禁用：状态 0 显示启用图标，状态 1 显示禁用图标，切换调用 reachTaskManage/enable 或 reachTaskManage/disabled。
修改：仅状态 0 展示，跳转 /touchTaskManage/edit。
查看：跳转 /touchTaskManage/details。
详细信息：仅 taskType === '1' 展示，跳转 /touchTaskManage/moreDetail。

5. 分页与缓存

Pagination 分页，onActivated 时重新查询并 doLayout 修复表格错位。

使用组件

组件	路径	用途
`Container`	`@/components/container`	页面容器
`SearchContainer`	`@/components/SearchTableContainer`	筛选区容器
`TableContainer`	`@/components/SearchTableContainer`	表格容器
`Pagination`	`@/components/pagination`	分页

使用 Store

无。

调用接口

所有接口实际请求统一带 /api 前缀（下表 URL 为业务路径简写）。

接口 URL	用途
`reachTaskManage/page`	触达任务分页查询
`reachTaskManage/enable`	启用任务
`reachTaskManage/disabled`	禁用任务
`ddic/getList`	任务类型下拉（`reach_task_type`）

修改记录

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