便利猴
品牌管理员

万店投—铺货系统 PC端高保真交互原型

模块1:项目基础框架与通用规范

📦 品牌方端入口

🛡️ 微店平台后台入口

✅ 已实现功能

统一顶部导航栏
页面标题和二级导航
通用按钮组件
表单组件(输入框、下拉、日期等)
数据展示卡片
表格和分页
状态标签(9种计划状态)
Tab标签页
步骤条组件
弹窗和抽屉
Toast提示
筛选和搜索功能
Mock数据(6条铺货计划)
页面跳转和返回
PC端自适应布局
统一UI风格和色彩规范

📝 原型说明

当前版本:模块1 - 项目基础框架与通用规范

已实现内容:

  • 统一的顶部导航和二级导航结构
  • 完整的通用组件库(按钮、表单、状态标签、弹窗等)
  • 铺货计划列表页面(含筛选、搜索、分页)
  • 创建铺货计划占位页(展示步骤条和基础布局)
  • 铺货计划详情占位页(展示Tab结构和指标卡)
  • 微店平台审核占位页(展示审核列表和操作)
  • 6条真实感Mock数据,覆盖9种计划状态

本模块特点:

  • 采用HTML + CSS + 原生JavaScript,无需构建,直接打开预览
  • 简约清爽的B端UI风格,符合电商后台产品规范
  • 完整的状态规范体系(计划、订单、履约、验收、费用)
  • 支持1280px - 1920px PC端分辨率自适应
  • 基础交互功能:筛选、搜索、弹窗、Toast提示等

暂未实现:

  • 完整的创建计划流程(商品选择、门店筛选、支付等)
  • 详情页各Tab的详细内容
  • 陈列验收、费用明细等二级功能
  • 订单物流、销售数据等业务模块
  • 门店店主App和KA企业版App