小店生意管理方案 · 数据看板（含 3D 阅览超市）

面向社区便利店 / 杂货店 / 小超市老板的「数字化经营助手」演示方案：一份产品方案 PPT + 两个可直接在浏览器打开的数据看板原型（PC 端 + 手机端）。

来源：课程 / 比赛作业「13 组 · 知行队」联合方案，天翼云平台 + 星辰大模型主题。本仓库在原方案基础上，为 PC 端看板补充了一个可交互的 3D 阅览超市 板块。

文件说明

文件	说明
`小店生意管理方案.pptx`	产品 / 商业方案（21 页）：用户故事、痛点、AI 切入点、MVP 规划、Demo、验证计划、价值与实施路径
`小店数据看板-PC端.html`	桌面端看板原型（KPI、销售/品类/库存图表、库存预警、AI 建议、商品管理，以及 3D 阅览超市板块）
`小店数据看板-手机端.html`	手机端 App 原型（首页、数据分析、商品管理）

直接用浏览器打开对应的 .html 文件即可（双击或拖入浏览器）。

⚠️ 需要联网：图表库 ECharts 与 3D 引擎 Three.js 均通过 jsDelivr CDN 引入，离线时图表 / 3D 场景无法渲染。
数据：看板内均为模拟演示数据（非真实经营数据），商品操作通过 localStorage 在本地持久化。原方案里的「AI 建议 / 星辰大模型接口」目前为前端规则实现，未接真实后端。

在 PC 端看板顶部点「🏪 3D超市」可平滑滚动到该板块，交互如下：

沉浸式门店：三面墙 + 木色货架，按食品 / 文具 / 玩具三区排布，货架上摆满真实商品（每个商品带 emoji 标识，缺货标红、偏低标橙、正常用品类配色），右侧半透明冷藏柜、入口招牌、中央促销堆头、巡店顾客动画，背景「星辰」粒子呼应星辰大模型主题。
操作：左键拖拽旋转 / 滚轮缩放 / 右键平移；顶部控制栏 🔄 自动巡店、🎯 俯视复位、🏷️ 标签开关；点击图例可单独高亮某品类。
点击查看：点单个商品 → 浮层显示名称 / 品类 / 库存 / 阈值 / 状态；点货架空白处 → 显示该品类库存汇总（充足 / 偏低 / 缺货）。
货架库存状态由页面内 108 个真实商品数据实时统计驱动。