银行端口添加客户拜访功能
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
# Change: 添加银行端客户拜访计划功能
|
||||
|
||||
## Why
|
||||
|
||||
银行端客户经理需要记录和管理客户拜访活动，以便跟踪客户关系、记录营销产品推广情况，并保存现场拜访照片作为凭证。当前系统缺少拜访计划管理功能，无法满足客户关系管理的业务需求。
|
||||
|
||||
## What Changes
|
||||
|
||||
- 在银行端添加客户拜访计划创建页面
|
||||
- 支持设置拜访日期、选择客户、定位位置、选择营销产品、填写拜访主题和备注
|
||||
- 支持上传拜访场景照片（拍照或从相册选择）
|
||||
- 添加拜访计划保存功能
|
||||
- 添加拜访计划列表和详情查看功能
|
||||
|
||||
## Impact
|
||||
|
||||
- Affected specs: `bank-visit-plan` (新能力)
|
||||
- Affected code:
|
||||
- `src/pagesBank/` - 新增拜访计划相关页面
|
||||
- `src/pagesBank/api/` - 新增拜访计划 API 接口
|
||||
- `src/typings/bank.ts` - 新增拜访计划类型定义
|
||||
@@ -0,0 +1,72 @@
|
||||
## ADDED Requirements
|
||||
|
||||
### Requirement: 创建拜访计划
|
||||
银行端用户 SHALL 能够创建客户拜访计划，记录拜访的详细信息。
|
||||
|
||||
#### Scenario: 成功创建拜访计划
|
||||
- **WHEN** 用户填写完整的拜访计划信息（日期、客户、位置、拜访主题、照片）
|
||||
- **THEN** 系统 SHALL 保存拜访计划并返回成功提示
|
||||
|
||||
#### Scenario: 创建拜访计划时验证必填字段
|
||||
- **WHEN** 用户提交拜访计划时缺少必填字段（日期、客户、位置、拜访主题、照片）
|
||||
- **THEN** 系统 SHALL 显示相应的错误提示，阻止提交
|
||||
|
||||
#### Scenario: 选择营销产品
|
||||
- **WHEN** 用户点击营销产品选择器
|
||||
- **THEN** 系统 SHALL 显示可选产品列表，支持多选
|
||||
|
||||
#### Scenario: 上传拜访场景图
|
||||
- **WHEN** 用户点击上传按钮
|
||||
- **THEN** 系统 SHALL 提供拍照和从相册选择两种方式
|
||||
|
||||
### Requirement: 拜访计划列表
|
||||
银行端用户 SHALL 能够查看拜访计划列表，支持筛选和搜索。
|
||||
|
||||
#### Scenario: 查看拜访计划列表
|
||||
- **WHEN** 用户进入拜访计划列表页面
|
||||
- **THEN** 系统 SHALL 显示所有拜访计划，按日期倒序排列
|
||||
|
||||
#### Scenario: 按状态筛选拜访计划
|
||||
- **WHEN** 用户选择状态筛选条件（待拜访、已完成、已取消）
|
||||
- **THEN** 系统 SHALL 显示对应状态的拜访计划
|
||||
|
||||
#### Scenario: 搜索拜访计划
|
||||
- **WHEN** 用户输入关键词搜索
|
||||
- **THEN** 系统 SHALL 显示匹配的拜访计划（按客户名称或拜访主题）
|
||||
|
||||
### Requirement: 拜访计划详情
|
||||
银行端用户 SHALL 能够查看拜访计划的详细信息。
|
||||
|
||||
#### Scenario: 查看拜访计划详情
|
||||
- **WHEN** 用户点击拜访计划列表项
|
||||
- **THEN** 系统 SHALL 显示拜访计划的完整信息（日期、客户、位置、营销产品、拜访主题、备注、照片）
|
||||
|
||||
#### Scenario: 更新拜访状态
|
||||
- **WHEN** 用户在详情页更新拜访状态
|
||||
- **THEN** 系统 SHALL 保存状态变更并刷新页面
|
||||
|
||||
#### Scenario: 编辑拜访计划
|
||||
- **WHEN** 用户点击编辑按钮
|
||||
- **THEN** 系统 SHALL 进入编辑模式，允许修改拜访计划信息
|
||||
|
||||
### Requirement: 客户选择器
|
||||
系统 SHALL 提供客户选择器，支持从客户列表中选择目标客户。
|
||||
|
||||
#### Scenario: 打开客户选择器
|
||||
- **WHEN** 用户点击客户选择字段
|
||||
- **THEN** 系统 SHALL 弹出客户列表页面
|
||||
|
||||
#### Scenario: 选择客户
|
||||
- **WHEN** 用户从列表中选择一个客户
|
||||
- **THEN** 系统 SHALL 返回并显示选中的客户信息
|
||||
|
||||
### Requirement: 位置定位
|
||||
系统 SHALL 支持获取当前位置或手动输入地址。
|
||||
|
||||
#### Scenario: 自动定位
|
||||
- **WHEN** 用户点击定位按钮
|
||||
- **THEN** 系统 SHALL 获取当前位置并显示地址信息
|
||||
|
||||
#### Scenario: 手动输入地址
|
||||
- **WHEN** 用户手动输入地址
|
||||
- **THEN** 系统 SHALL 保存用户输入的地址信息
|
||||
@@ -0,0 +1,42 @@
|
||||
# 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 测试表单验证
|
||||
Reference in New Issue
Block a user