Skip to content

网点拜访管理

基础信息

说明
菜单路径/operationsManagement/taskManagement/visitTaskManage
路由名称visitTaskManage
页面组件src/views/operationsManagement/taskManagement/visitTaskManage/index.vue
接口模块@/api/visitTaskManage(独立 api 文件) + 组件内 api.post
Store
页面定位网点拜访任务的全流程管理,含列表查询、新增、草稿、启停、改派、上传资料、核验、任务链接、工时统计

页面功能

页面使用 Container + SearchContainer(带操作区、更多筛选)+ TableContainer 标准布局,Vue3 <script setup> 实现。

1. 筛选区(Query 组件)

筛选条件包括:创建方式(手动/批量)、任务编号、网点名称、网点编号、信用代码、网点地址(省市区级联)、拜访人、实际拜访时间、拜访状态(多选)、拜访类型(到店/远程)、是否需要预约、到店打卡时间、状态(启用/停用)、是否草稿、创建时间。

2. 操作区

  • 新增:跳转 /visitTaskManage/add(权限 /api/visitJob/create)。
  • 导出:导出 Excel 到邮箱(权限 /api/visitJob/export)。
  • 网点拜访工时统计:跳转 /visitTaskManage/workTimeList(权限 /api/visitJob/queryVisitStatistics)。

3. 任务列表

说明
创建方式sourceName
是否草稿isDraft === 1 显示「是」
任务编号code
任务名称name(超 10 字截断,tooltip 显示全名)
任务有效期expireTime
拜访网点networkName
拜访人visitUserName
拜访类型visitTypeName
计划拜访时间expectVisitTime
是否需要预约isNeedAppointName
到店打卡时间checkInTime
到店打卡位置checkInAddress
状态statusName,启用绿/停用红
拜访状态visitStatusName
创建人createUserName
创建时间createTime

4. 行操作(按草稿/状态/拜访状态动态展示,图标按钮 + tooltip)

  • 草稿行:编辑草稿(/visitJob/editDraft)、删除(/visitJob/delete)。
  • 非草稿行
    • 编辑:状态 0 或拜访状态 6 且非 7 时(/visitJob/edit
    • 启用:状态 0 且拜访状态非 7/visitJob/enable
    • 停用:状态 1 且拜访状态 1/visitJob/disable
    • 核验:状态 1 且拜访状态 4/visitJob/verify
    • 任务链接:拜访状态非 6(弹窗展示二维码)
    • 改派:有拜访人且拜访状态非 1/4/5/7(/visitJob/reassignment
    • 拜访网点:远程拜访且状态 1 且拜访状态 1(跳转上传资料页)
    • 上传资料:拜访状态 2/3 且状态 1/visitJob/uploadDataCommit
    • 任务详情、拜访详情

5. 弹窗

  • ReassignmentTaskDialog:改派弹窗,选择新拜访人后确认。
  • TaskLinkDialog:任务链接弹窗,展示任务信息与二维码(queryVisitInfo + getQrCodeUrl)。

6. 分页与缓存

  • ZbPagination 分页,onActivated 时重新查询。

使用组件

组件路径用途
Container@/components/container页面容器
SearchContainer@/components/SearchTableContainer筛选区容器
TableContainer@/components/SearchTableContainer表格容器
Query./components/Query.vue筛选表单
ZbPagination@/components/zbkj-ui分页
ReassignTaskDialog./components/ReassignTaskDialog.vue改派弹窗
TaskLinkDialog./components/TaskLinkDialog.vue任务链接二维码弹窗

使用 Store

无。

调用接口

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

接口 URL用途
visitJob/page拜访任务分页查询
visitJob/enable启用任务
visitJob/disable停用任务
visitJob/delete删除草稿
visitJob/reassignment改派任务
visitJob/export导出 Excel 到邮箱
visitJob/queryVisitInfo查询拜访信息(任务链接弹窗)
visitJob/getQrCodeUrl获取任务二维码链接
visitJob/getUserList拜访人下拉
ddic/getList拜访状态下拉(visit_job_status
area/queryAreaAll省市区地址级联数据

修改记录

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