# Fresh Mint Step 2 — 分模块页面 class 补齐计划

> 前置：Step 0 + Step 1 已完成（全局 SCSS + Portal 壳层 + WorkTab 上限）  
> **总计划**：见 [`2026-06-29-fresh-mint-master-plan.md`](./2026-06-29-fresh-mint-master-plan.md)

## 改造原则

- **只改 template 中的 class / 属性**，不改 `<script>` 业务逻辑
- 对齐 zkxw 模板页（如 `pl/plan/index.vue`）与 Demo 结构
- 每完成一个子模块，在本文档勾选并抽测功能回归

## 单页检查清单

- [ ] `h2.title-bar-heading`（列表主标题竖条）
- [ ] 筛选区搜索/重置 `:loading="loading"`
- [ ] 工具栏「已选 N 项」置前；批量删除等带 `<el-icon>`
- [ ] 状态列 `el-tag`（如有 status 字段）
- [ ] 弹窗已有 `dialog-form-layout`（多数已有，缺则补）
- [ ] 操作列 `fixed="right"`

---

## 模块 1：system（系统管理）— ✅ 已完成

| 序号 | 页面 | 路径 | 状态 |
|------|------|------|------|
| 1.1 | 租户 | `views/system/tenant/index.vue` | ✅ |
| 1.2 | 用户 | `views/system/user/index.vue` | ✅ |
| 1.3 | 组织 | `views/system/dept/index.vue` | ✅ |
| 1.4 | 角色 | `views/system/role/index.vue` | ✅ |
| 1.5 | 菜单 | `views/system/menu/index.vue` | ✅ |
| 1.6 | 职位 | `views/system/post/index.vue` | ✅ |
| 1.7 | 站点 | `views/system/site/index.vue` | ✅ |
| 1.8 | 字典 | `views/system/dict/index.vue` | ✅ |
| 1.9 | 请假 | `views/system/leave/index.vue` | ✅ |
| 1.10 | 操作日志 | `views/system/operlog/index.vue` | ✅ |
| 1.11 | 流程定义 | `views/system/workflow/process/index.vue` | ✅ |
| 1.12 | 待办 | `views/system/workflow/task-pending/index.vue` | ✅ |
| 1.13 | 已办 | `views/system/workflow/task-completed/index.vue` | ✅ |
| 1.14 | 我的申请 | `views/system/workflow/my-applications/index.vue` | ✅ |

---

## 模块 2：CRM — ✅ 已完成

| 序号 | 页面 | 路径 | 状态 |
|------|------|------|------|
| 2.1 | 客户 | `views/crm/customer/index.vue` | ✅ |
| 2.2 | 线索 | `views/crm/clue/index.vue` | ✅ |
| 2.3 | 商机 | `views/crm/opportunity/index.vue` | ✅（此前已有） |
| 2.4 | 合同 | `views/crm/contract/index.vue` | ✅（此前已有） |
| 2.5 | 报价 | `views/crm/quote/index.vue` | ✅（此前已有） |
| 2.6 | 产品 | `views/crm/product/index.vue` | ✅ |
| 2.7 | 产品分类 | `views/crm/product-category/index.vue` | ✅ |
| 2.8 | 公海池 | `views/crm/customer/pool/index.vue` | ✅ |
| 2.9 | 公海规则 | `views/crm/customer/pool/RuleIndex.vue` | ✅ |
| 2.10 | 线索统计 | `views/crm/clue/statistics/index.vue` | ✅ |
| 2.11 | 合同模板 | `views/crm/contract/template/index.vue` | ✅ Step 5 |
| 2.12 | 合同变更 | `views/crm/contract/change/index.vue` | ✅ Step 5 |
| 2.13 | 合同审批记录 | `views/crm/contract/approval/index.vue` | ✅ Step 5 |

---

## 模块 3：bx（报销）— ✅ 已完成（此前已对齐）

全部 12 个 `views/bx/**/index.vue` 已有 `title-bar-heading` 与搜索 loading。

---

## 模块 4：db（地磅）— ✅ 已完成（此前已对齐）

`plans` / `inventory` / `weighing` / `dashboard` 均已具备 Fresh Mint 列表骨架。

---

## 模块 5：PL — ✅ 已完成（此前已对齐）

管理端 PL 列表页均已具备 `title-bar-heading` 与 `:loading="loading"`。

---

## 模块 6：Step 4 Demo 模板页 — ✅ 已完成

见 `router/modules/demo.ts`、`views/demo/*`、`api/demo/mock-api.ts`

---

## Step 6 补充 — ✅ 已完成（2026-06-29）

| 页面 | 路径 |
|------|------|
| 商机看板 | `views/crm/opportunity/kanban.vue` |
| 销售漏斗 | `views/crm/opportunity/funnel.vue` |
| 商机统计 | `views/crm/opportunity/statistics.vue` |
| 合同详情/表单外壳 | `views/crm/contract/detail.vue`、`form.vue` |