xshop 多用户商城前端 · 开发计划表

基于《重新设计方案 v4》的落地计划 · 抛弃旧 71 页扁平结构,按主包 + 7 子包重建
已确认方案 基线日 2026-08-11 7 阶段 · ≈72 人日 拼团暂缓 仅重做前端

一、计划总览

目标
商城前端
现代化重做
阶段数
7 个(A–F + 收敛)
页面规模
~41 页(旧 71→新 41)
总估时
≈72 人日
计划窗口
08-11
→ 09-23
范围界定 仅重做 商城前端(C 端 uni-app);后端 API 契约不变(/api 公开 + /member 鉴权,含退款全部已就绪)。 原则:新目录全新写,不在旧 pages/mall 上改;旧页待对应新页上线后删除,互不干扰、风险低。

二、阶段时间表(甘特)

基线日 2026-08-11(周一)。每个阶段在上一阶段联调通过后启动,可适度并行前端页面开发。

W1
08-11~17
W2
08-18~24
W3
08-25~31
W4
09-01~07
W5
09-08~14
W6
09-15~21
W7
09-22~28
A 骨架
08-11~14
B 交易
08-15~22
C 订单
08-23~29
D 资产
08-30~09-07
E 成长
09-08~12
F 内容
09-13~20
收旧页
09-21~23
A 骨架 B 交易闭环 C 订单中心 D 会员资产 E 成长裂变 F 内容+账户 收敛旧页

三、阶段时间表(总表)

阶段内容优先级估时日期区间依赖
A 骨架主包 TabBar + 7 子包路由 + 设计令牌 + 基础组件 + Pinia + api 层P08 人日08-11 ~ 08-14—
B 交易闭环首页/本地商户/商品/店铺 + 购物车(多店多品+券预留) + 下单/支付/结果P016.5 人日08-15 ~ 08-22A
C 订单中心订单列表/详情 + 退款 + 物流 + 评价 + 我的页P19 人日08-23 ~ 08-29B
D 会员资产钱包/积分/优惠券/资产总览/分红/交易/提现/转账P111 人日08-30 ~ 09-07A
E 成长裂变团队树/邀请/权益中心(拼团暂缓)P25 人日09-08 ~ 09-12A
F 内容+账户社区/公告/活动 + 登录/资料/地址/消息/设置P29.5 人日09-13 ~ 09-20A
收敛旧页下线 fission/group、fastpay/*、trade/*、team/equity/transfer 等绑 jft 旧页;合并 pages/home/* 重复页P12 人日09-21 ~ 09-23B,C,D,E,F

说明:D/E/F 与 B/C 无强依赖,可在 A 完成后并行推进;实际排期按资源与联调节奏微调。

四、分阶段任务拆解

P0 A · 骨架(8 人日 · 08-11~08-14)

#任务交付物估时
1路由重构pages.json:主包(4 TabBar) + 7 子包路由 + preloadRule1d
2设计令牌层styles/tokens.scss + uni.scss(色/间距/字号/圆角/阴影)0.5d
3自研基础组件首批XBtn/XCard/XCell/XTag/XPrice/XStatusTag/XEmpty/XPopup/XNavBar/XTabs3d
4Pinia 状态层cartStore / userStore / storeStore1d
5api 模块层api/goods·order·store·asset·growth·account(底层 mallRequest)1.5d
6uView Plus 接入安装 + 按需封装(Picker/日历/Swiper/Steps 等复杂交互)0.5d
7TabBar 占位页index / local / cart / mine 四页骨架(local 含"本地商户"占位)0.5d

P0 B · 交易闭环(16.5 人日 · 08-15~08-22)

#任务交付物 / 要点估时
1商城首页pages/index/index:搜索条 + Banner + 店铺入口 + 分类宫格 + 推荐流 + 活动2.5d
2本地商户pages/local/local:地区选择器(省/市/区) + 商户分类筛选 + 店铺列表/网格 → 进店铺2d
3商品详情goods/detail:画廊 + SKU 规格 + 店铺入口 + 加入购物车/立即购买2d
4搜索goods/search:关键词 + 历史 + 结果列表1d
5店铺首页store/home:店招/商品/优惠券/动态(写入 storeStore)1.5d
6商家入驻入口store/apply:入驻说明 + 引导转 PC 入驻流程0.5d
7购物车pages/cart/cart:按店铺分组、多商品选中、跨店拆单、角标联动、优惠券入口预留2.5d
8下单结算order/confirm:地址 + 多店拆单 + 优惠券选择器预留(接 /member/coupon/available)2d
9支付order/pay:调起支付 + 状态轮询1d
10支付结果order/result:成功/失败 + 去订单0.5d
11联调商品/店铺/购物车/下单/支付 端到端验证1.5d

P1 C · 订单中心(9 人日 · 08-23~08-29)

#任务交付物 / 要点估时
1订单列表order/list:状态 Tab(全部/待付/待发/待收/退款售后/已完成)+ 每单操作1.5d
2订单详情order/detail:商品/物流/状态流 + 申请退款按钮1.5d
3退款列表order/refund:退款单状态标签1d
4退款详情order/refundDetail:退款号/金额/原因/进度0.5d
5物流order/logistics:物流轨迹时间线1d
6评价order/review:星级 + 文字 + 图片1.5d
7我的页pages/mine/mine:会员卡 + 订单状态行 + 资产/成长/工具 + 商家入驻入口2d

P1 D · 会员资产(11 人日 · 08-30~09-07)

#任务交付物 / 要点估时
1钱包asset/wallet:余额 + 明细 + 充值/提现入口1.5d
2积分asset/points:积分值 + 获取/消耗记录1d
3优惠券asset/coupon:可用/已用/过期 + 领取(对接 B 阶段选券)1.5d
4资产总览asset/assetOverview:钱包/积分/分红聚合1.5d
5分红asset/dividend:分红记录 + 计提说明1.5d
6交易记录asset/transaction:收支流水1d
7提现asset/withdraw:申请 + 审核中状态1.5d
8转账asset/transfer:同链转账 + 手续费提示1.5d

P2 E · 成长裂变(5 人日 · 09-08~09-12)

#任务交付物 / 要点估时
1团队树growth/team:推荐关系树 + 层级/业绩2d
2邀请growth/invite:海报 + 二维码 + 邀请记录1.5d
3权益中心growth/equity:等级权益 + 升级进度1.5d
—拼团(/api/group/* · /member/group/*)后端已就绪,本期暂不接入0

P2 F · 内容 + 账户(9.5 人日 · 09-13~09-20)

#任务交付物 / 要点估时
1社区content/community:动态流 + 发布/互动2d
2公告content/announcement:公告列表 + 详情1d
3活动content/activity:活动页 + 报名1d
4登录account/login:会员ID/手机号免密 + 微信 code 分支1d
5资料account/profile:昵称/头像/等级1d
6地址account/address:列表 + 增改 + 默认 + 地区级联1d
7消息account/message:站内信列表 + 未读1.5d
8设置account/settings:退出/快捷支付开关/关于1d

P1 收敛旧页(2 人日 · 09-21~09-23)

#任务要点估时
1下线绑 jft 旧页fission/group、fastpay/*、trade/*、team/equity/transfer 等删除1d
2合并重复页pages/home/* 重复入口并入新 pages/mine/mine;清理死页1d

五、关键约定(与方案 v4 一致)

① TabBar「分类」→「本地商户」 TabBar 为 首页 · 本地商户 · 购物车(角标) · 我的。本地商户页(地区选择 + 分类筛选 + 店铺列表)是多商户主线第一入口,后端复用 /api/goods?store= 与 /api/region/*。
② 拼团暂缓 成长域仅建 team / invite / equity 三页;拼团后端接口(/api/group/*、/member/group/*)已就绪但本期不接入,后续按需补 growth/group/*,无需改后端。
③ 购物车:多店铺 · 多商品 · 优惠券预留 购物车按店铺分组、每店独立选中、结算跨店自动拆单;去结算带入可用优惠券入口,order/confirm 内置优惠券选择器(对接 /member/coupon/available),UI 与选券逻辑预留、可分步接入。
④ 技术栈 Vue3 <script setup> + SCSS 设计令牌 + Pinia + 自研基础组件 + uView Plus(复杂交互);请求统一走 api/ 模块层,不硬编码 URL。

六、里程碑与验收