# 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 测试表单验证