星图电商经营数据看板产品系统Vibe Coding

本项目面向电商运营团队的日常管理场景。中小商家普遍依赖人工导出表格汇总数据，耗时久、易出错，老板也无法实时掌握经营状况。旨在打造一个 Web 端经营数据看板，把销售额、订单量、访客数、转化率等核心指标与趋势图、品类占比、渠道效果集中在一屏呈现，解决数据分散、统计慢、决策滞后的问题。

看板包含四大功能区块：①左侧深色导航栏，含数据看板、订单管理、商品中心、用户分析、营销活动、财务对账、系统设置七个一级菜单；②顶部 KPI 指标卡，销售额、订单量、访客数、转化率四项，每张卡带环比涨跌标识与迷你趋势线；③图表区，含近 7 天销售额折线图（本周对比上周）、品类销售占比环形图、渠道引流 TOP5 横向条形图；④实时订单表格，含订单状态标签与金额列，整体支持宽屏自适应。

我负责看板从原型设计到前端开发的全部工作。技术栈为 HTML5 + CSS3 + 原生 JavaScript，所有图表均用纯 SVG 手写实现（折线图、环形图、条形图、迷你趋势线），不引入任何图表库，保证体积小、渲染快、无网络依赖；布局采用侧边栏固定 + 主区 Grid 自适应，数据均以结构化方式组织，后续可直接对接后端接口替换为真实经营数据。