# 模块迁移方案 — 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功能点] | [对应实现] | 待实现 |