牛奶配送 · 改版设计稿 DEMO v1

① 视觉：搬「共账」那一套

暖灰底、纯白大圆角卡片（18–22px）、渐变主卡、彩色圆角小图标、底部 tab + 中间凸起的橙色主按钮。字重和间距按手机重排，比现在这版紧凑、精神。

乳品自己的一点个性：商品卡用奶白底，临期标签固定用橙色，不抢主色。

② 不再变形：三条硬规矩

• 图片固定尺寸：object-fit:cover、固定宽高，介绍文字最多两行、超出省略，绝不把卡片顶高。
• 所有 flex / grid 子项加 min-width:0，长店名、长商品名一律单行省略。
• 订单表改成 table-layout:fixed + 固定列宽，行高锁 48px；点「看详情」走右侧抽屉，不再往表格里塞展开行。

③ 三端统计：同一套时间筛选

chips：本月 / 上月 / 今天 / 自定义；自定义给起止两个日期，起止填同一天就是查某一天。切换后所有数字、柱状图、排行一起变。

老板的「当月统计」和「所有单子」共用同一个时间范围，切了会一起变。试一下：切到「今天」，数字会明显变小；自定义选 11-03 到 11-03，就只算那一天。

④ 商品：图片 + 介绍文字

门店下单页改成商品卡：左边方图、右边名称 + 两句介绍 + 价格 + 数量加减，点卡片看完整介绍。

老板后台「商品管理」是同一套卡片，多出＋加商品：名称、单位、价格、介绍文字、上传图片（可先点预置图试试），保存后立刻出现在门店端。

图片建议：正方形或横图都行，最长边 800px、JPEG，上传时自动压缩并按卡片比例裁切，不会把卡片拉变形；没传图显示默认奶盒插画。图片存自有服务器，不依赖外链。