模块迁移方案 — 03 前端页面功能规格
模板说明:逐一描述每个页面的字段、按钮、搜索条件、交互流程。
参考范例:docs/客户管理及公海池迁移方案.md 第三章、第九章
UI 规范:docs/crm-migration/ref-ui-standards.md、docs/crm-migration/ref-frontend-diff.md
页面 1:[页面名称](views/crm/{module}/index.vue)
页面功能
[描述该页面的核心功能和用户操作流程]
搜索条件
| # |
字段 |
组件类型 |
对应 API 参数 |
说明 |
| 1 |
[字段名] |
el-input / el-select / el-date-picker |
camelCase |
[说明] |
列表字段
| # |
列标题 |
字段 |
宽度(min-width) |
格式 |
说明 |
| 1 |
[标题] |
camelCase |
120px |
text/tag/date |
[说明] |
操作按钮
| # |
按钮 |
位置 |
权限标识 |
触发动作 |
| 1 |
新增 |
工具栏 |
add |
打开新增弹窗 |
弹窗清单
弹窗 1:[弹窗名称](views/crm/{module}/XxxDialog.vue)
表单字段
| # |
字段标签 |
API 字段 |
组件类型 |
必填 |
校验规则 |
默认值 |
| 1 |
[标签] |
camelCase |
el-input |
是 |
required |
- |
交互流程
- [用户操作步骤]
- [接口调用]
- [响应处理]
前端功能完整性对照表
逐条对照原 CRM 前端代码,确认功能无遗漏。
| # |
原 CRM 功能 |
shanxia2.0 对应 |
状态 |
| 1 |
[原CRM功能点] |
[对应实现] |
待实现 |