65 lines
1.8 KiB
Markdown
65 lines
1.8 KiB
Markdown
# 模块迁移方案 — 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 | - |
|
||
|
||
### 交互流程
|
||
|
||
1. [用户操作步骤]
|
||
2. [接口调用]
|
||
3. [响应处理]
|
||
|
||
---
|
||
|
||
<!-- 重复以上结构为每个页面和弹窗 -->
|
||
|
||
## 前端功能完整性对照表
|
||
|
||
> 逐条对照原 CRM 前端代码，确认功能无遗漏。
|
||
|
||
| # | 原 CRM 功能 | shanxia2.0 对应 | 状态 |
|
||
|---|------------|----------------|------|
|
||
| 1 | [原CRM功能点] | [对应实现] | 待实现 |
|