shop-toy/openspec/changes/archive/2025-12-25-add-bank-visit-plan/tasks.md

Implementation Tasks

1. 类型定义和 API 接口

• 1.1 在 src/typings/bank.ts 中添加拜访计划相关类型定义
• 1.2 在 src/pagesBank/api/index.ts 中添加拜访计划 API 接口
• 1.3 在 src/pagesBank/mock/index.ts 中添加拜访计划 Mock 数据

2. 拜访计划创建页面

• 2.1 创建 src/pagesBank/visit/create.vue 拜访计划创建页面
• 2.2 实现日期选择器组件
• 2.3 实现客户选择器（弹出客户列表）
• 2.4 实现位置定位功能（地图定位/文本输入）
• 2.5 实现营销产品多选功能
• 2.6 实现拜访主题和备注输入
• 2.7 实现图片上传功能（拍照/相册选择）
• 2.8 实现表单验证和提交功能

3. 拜访计划列表页面

• 3.1 创建 src/pagesBank/visit/list.vue 拜访计划列表页面
• 3.2 实现拜访计划列表展示
• 3.3 实现状态筛选（待拜访、已完成、已取消）
• 3.4 实现搜索功能

4. 拜访计划详情页面

• 4.1 创建 src/pagesBank/visit/detail.vue 拜访计划详情页面
• 4.2 实现拜访计划详情展示
• 4.3 实现拜访状态更新功能
• 4.4 实现拜访记录编辑功能

5. 路由配置

• 5.1 在 src/pages.json 中添加拜访计划相关路由配置

6. 导航入口

• 6.1 在银行端首页或客户详情页添加"创建拜访计划"入口
• 6.2 在客户详情页添加"拜访记录"入口

7. 测试和验证

• 7.1 测试拜访计划创建流程
• 7.2 测试拜访计划列表展示和筛选
• 7.3 测试拜访计划详情查看和编辑
• 7.4 测试图片上传功能
• 7.5 测试表单验证