# 黄精粉健康商城 · 开发任务清单(Agent 执行版) > **配套文件**:`docs/frontend-new-pages-spec.md`(开发规范) > **执行主体**:OpenClaw AI Agent > **任务总数**:74 个(6 阶段) > **版本**:V2.0 · 2026年3月 --- ## 文档说明 ### 任务状态 | 状态 | 标记 | 说明 | |------|------|------| | pending | `[ ]` | 待执行 | | in_progress | `[→]` | 执行中 | | completed | `[✓]` | 已完成 | | blocked | `[!]` | 被阻塞 | ### 阶段概览 | Phase | 名称 | 任务数 | 前置依赖 | |-------|------|--------|----------| | 0 | 基础设施 | 2 | — | | 1 | 前端开发(Mock 驱动) | 38 | Phase 0 | | CP-01 | 前端评审检查点 | 1 | Phase 1 全部完成 | | 2 | 数据库迁移 | 5 | CP-01 | | 3 | 后端 API 开发 | 16 | Phase 2 | | 4 | 前后端集成 | 5 | Phase 3 | | 5 | 测试 | 8 | Phase 4 | ### 并行策略 - 同一 Stage 内标注"可并行"的任务可同时执行 - 不同 Stage 之间有依赖关系,必须按序执行 - Phase 1 完成后必须通过 CP-01 检查点才能进入 Phase 2 --- ## Phase 0: 基础设施(2 tasks) --- ### P0-01: 创建 UniApp Mock 数据文件 | 属性 | 值 | |------|------| | Phase | 0 | | Status | `[ ]` pending | | Dependencies | 无 | | Output | `pro_v3.5.1/view/uniapp/utils/hjfMockData.js` [NEW] | **Agent Prompt:** ``` 你正在为黄精粉健康商城项目创建 UniApp 端的 Mock 数据集中管理文件。 ### 上下文 - 项目底座: CRMEB Pro v3.5,移动端使用 uni-app (Vue 2) - 此文件为全新创建 [NEW] - 所有 UniApp 前端页面的 Mock 数据统一在此文件中定义和导出 ### 参考文件 - 开发规范: docs/frontend-new-pages-spec.md 第 7.1 节(完整的 Mock 数据定义) ### 开发规范 - 文件路径: pro_v3.5.1/view/uniapp/utils/hjfMockData.js - 使用 ES6 命名导出 (export const) - 按模块分区注释(公排/资产/会员/引导) - 数据具有真实感:合理的金额(3600)、时间戳、状态分布 ### 文件内容 按照 docs/frontend-new-pages-spec.md 第 7.1 节完整复制以下导出变量: - MOCK_QUEUE_STATUS / MOCK_QUEUE_HISTORY - MOCK_ASSETS_OVERVIEW / MOCK_POINTS_DETAIL / MOCK_CASH_DETAIL / MOCK_WITHDRAW_INFO - MOCK_MEMBER_INFO / MOCK_TEAM_DATA / MOCK_TEAM_INCOME - MOCK_GUIDE_DATA ### 验收标准 - [ ] 文件可被 import 正常引用 - [ ] 所有导出变量名与 spec 文档一致 - [ ] 数据字段完整、类型正确 ``` --- ### P0-02: 创建 Admin Mock 数据文件 | 属性 | 值 | |------|------| | Phase | 0 | | Status | `[ ]` pending | | Dependencies | 无 | | Output | `pro_v3.5.1/view/admin/src/utils/hjfMockData.js` [NEW] | **Agent Prompt:** ``` 你正在为黄精粉健康商城项目创建 Admin 端的 Mock 数据集中管理文件。 ### 上下文 - 项目底座: CRMEB Pro v3.5,管理后台使用 iView Admin - 此文件为全新创建 [NEW] ### 参考文件 - 开发规范: docs/frontend-new-pages-spec.md 第 7.2 节(完整的 Admin Mock 数据定义) ### 开发规范 - 文件路径: pro_v3.5.1/view/admin/src/utils/hjfMockData.js - 使用 ES6 命名导出 ### 文件内容 按照 docs/frontend-new-pages-spec.md 第 7.2 节完整复制以下导出变量: - MOCK_QUEUE_ORDER_LIST / MOCK_QUEUE_CONFIG / MOCK_QUEUE_FINANCE - MOCK_POINTS_RELEASE_LOG - MOCK_MEMBER_LIST / MOCK_MEMBER_CONFIG ### 验收标准 - [ ] 文件可被 import 正常引用 - [ ] 所有导出变量名与 spec 文档一致 ``` --- ## Phase 1: 前端开发(38 tasks) --- ### Stage 1A: API 模块 + Mock 集成(6 tasks,可并行) --- ### P1A-01: UniApp API — hjfQueue.js | 属性 | 值 | |------|------| | Phase | 1 | | Stage | 1A | | Status | `[ ]` pending | | Dependencies | P0-01 | | Output | `pro_v3.5.1/view/uniapp/api/hjfQueue.js` [NEW] | **Agent Prompt:** ``` 你正在为黄精粉健康商城创建公排模块的 UniApp API 文件。 ### 上下文 - 项目底座: CRMEB Pro v3.5 - 技术栈: uni-app Vue 2 - 当前使用 Mock 数据 (USE_MOCK = true) ### 参考文件 - API 编写规范: pro_v3.5.1/view/uniapp/api/user.js(import request + export function 模式) - Mock 数据源: pro_v3.5.1/view/uniapp/utils/hjfMockData.js - 完整规范: docs/frontend-new-pages-spec.md 第 2.2.1 节 ### 开发规范 - 文件路径: pro_v3.5.1/view/uniapp/api/hjfQueue.js - 导入: import request from "@/utils/request.js" - 导入 Mock: import { MOCK_QUEUE_STATUS, MOCK_QUEUE_HISTORY } from '@/utils/hjfMockData.js' - 顶部声明: const USE_MOCK = true - 包含 mockResponse() 辅助函数(返回 Promise + 300ms 延迟 + JSON 深拷贝) ### 导出函数 1. getQueueStatus() — 获取公排状态 2. getQueueHistory(params) — 获取公排历史记录 ### 验收标准 - [ ] USE_MOCK = true 时返回 Mock 数据 - [ ] USE_MOCK = false 时调用 request.get() - [ ] mockResponse 返回与 request 相同的 { status, data } 结构 ``` --- ### P1A-02: UniApp API — hjfAssets.js | 属性 | 值 | |------|------| | Phase | 1 | | Stage | 1A | | Status | `[ ]` pending | | Dependencies | P0-01 | | Output | `pro_v3.5.1/view/uniapp/api/hjfAssets.js` [NEW] | **Agent Prompt:** ``` 你正在创建资产模块的 UniApp API 文件。 ### 参考文件 - API 规范: pro_v3.5.1/view/uniapp/api/user.js - 完整规范: docs/frontend-new-pages-spec.md 第 3.2.1 节 ### 开发规范 - 文件路径: pro_v3.5.1/view/uniapp/api/hjfAssets.js - USE_MOCK = true + mockResponse() 模式 ### 导出函数 1. getAssetsOverview() — 资产总览 2. getPointsDetail(params) — 积分明细 3. getCashDetail(params) — 现金流水明细 4. getWithdrawInfo() — 提现信息 ### Mock 导入 MOCK_ASSETS_OVERVIEW, MOCK_POINTS_DETAIL, MOCK_CASH_DETAIL, MOCK_WITHDRAW_INFO ### 验收标准 - [ ] 4 个函数均正常导出 - [ ] Mock 模式下返回正确数据 ``` --- ### P1A-03: UniApp API — hjfMember.js | 属性 | 值 | |------|------| | Phase | 1 | | Stage | 1A | | Status | `[ ]` pending | | Dependencies | P0-01 | | Output | `pro_v3.5.1/view/uniapp/api/hjfMember.js` [NEW] | **Agent Prompt:** ``` 你正在创建会员模块的 UniApp API 文件。 ### 参考文件 - API 规范: pro_v3.5.1/view/uniapp/api/user.js - 完整规范: docs/frontend-new-pages-spec.md 第 3.2.2 节 ### 文件路径 pro_v3.5.1/view/uniapp/api/hjfMember.js ### 导出函数 1. getMemberInfo() — 会员信息 2. getTeamData(params) — 团队成员列表 3. getTeamIncome(params) — 推荐收益明细 ### Mock 导入 MOCK_MEMBER_INFO, MOCK_TEAM_DATA, MOCK_TEAM_INCOME ### 验收标准 - [ ] 3 个函数均正常导出 - [ ] Mock 模式下返回正确数据 ``` --- ### P1A-04: Admin API — hjfQueue.js | 属性 | 值 | |------|------| | Phase | 1 | | Stage | 1A | | Status | `[ ]` pending | | Dependencies | P0-02 | | Output | `pro_v3.5.1/view/admin/src/api/hjfQueue.js` [NEW] | **Agent Prompt:** ``` 你正在创建公排模块的 Admin API 文件。 ### 参考文件 - Admin API 规范: pro_v3.5.1/view/admin/src/api/finance.js(import request from '@/plugins/request' + request({url, method, params}) 模式) - 完整规范: docs/frontend-new-pages-spec.md 第 5.2.1 节 ### 文件路径 pro_v3.5.1/view/admin/src/api/hjfQueue.js ### 导出函数 1. queueOrderListApi(data) — 公排订单列表 2. queueConfigGetApi() — 获取公排配置 3. queueConfigSaveApi(data) — 保存公排配置 4. queueFinanceListApi(data) — 公排财务流水 ### 注意 - Admin 端使用 request({url, method, params/data}) 模式,不是 request.get() - Mock 数据从 '@/utils/hjfMockData.js' 导入 ### 验收标准 - [ ] 4 个函数均正常导出 - [ ] Admin request 格式正确 ``` --- ### P1A-05: Admin API — hjfMember.js | 属性 | 值 | |------|------| | Phase | 1 | | Stage | 1A | | Status | `[ ]` pending | | Dependencies | P0-02 | | Output | `pro_v3.5.1/view/admin/src/api/hjfMember.js` [NEW] | **Agent Prompt:** ``` 你正在创建会员模块的 Admin API 文件。 ### 参考文件 - Admin API 规范: pro_v3.5.1/view/admin/src/api/finance.js - 完整规范: docs/frontend-new-pages-spec.md 第 5.2.2 节 ### 文件路径 pro_v3.5.1/view/admin/src/api/hjfMember.js ### 导出函数 1. memberListApi(data) — 会员管理列表 2. memberLevelUpdateApi(uid, data) — 等级调整 3. memberConfigGetApi() — 获取会员配置 4. memberConfigSaveApi(data) — 保存会员配置 ### 验收标准 - [ ] 4 个函数均正常导出 ``` --- ### P1A-06: Admin API — hjfPoints.js | 属性 | 值 | |------|------| | Phase | 1 | | Stage | 1A | | Status | `[ ]` pending | | Dependencies | P0-02 | | Output | `pro_v3.5.1/view/admin/src/api/hjfPoints.js` [NEW] | **Agent Prompt:** ``` 你正在创建积分模块的 Admin API 文件。 ### 参考文件 - Admin API 规范: pro_v3.5.1/view/admin/src/api/finance.js - 完整规范: docs/frontend-new-pages-spec.md 第 5.2.3 节 ### 文件路径 pro_v3.5.1/view/admin/src/api/hjfPoints.js ### 导出函数 1. pointsReleaseLogApi(data) — 积分释放日志列表 ### 验收标准 - [ ] 函数正常导出 ``` --- ### Stage 1B: 公共组件(4 tasks,依赖 1A,可并行) --- ### P1B-01: HjfQueueProgress 组件 | 属性 | 值 | |------|------| | Phase | 1 | | Stage | 1B | | Status | `[ ]` pending | | Dependencies | P1A-01 | | Output | `pro_v3.5.1/view/uniapp/components/HjfQueueProgress.vue` [NEW] | **Agent Prompt:** ``` 你正在创建公排进度组件。 ### 上下文 - 技术栈: uni-app Vue 2 Options API - 此组件为全新创建 [NEW] ### 参考文件 - 组件规范: docs/frontend-new-pages-spec.md 第 2.2.2 节 - 样式参考: pro_v3.5.1/view/uniapp/pages/users/user_money/index.vue(渐变卡片内的统计数据展示) ### 组件功能 - 显示当前批次进度条或环形图(如 2/4) - 显示下一个退款的排队序号 ### Props - currentCount: Number — 当前批次已入队数 - triggerMultiple: Number — 触发倍数(默认 4) - nextRefundNo: Number — 下一个退款的 queue_no ### 开发规范 -