微店
铺货
投放
账户
账户余额:
¥624.16
便利猴
品牌管理员
▾
万店投—铺货系统 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