为盛新能源维修连锁平台 · 六端产品布局

01这是什么生意

总部不自己修车。总部提供三样东西，向门店收钱：品牌与获客、集中采购的价格、一套能管住人的系统。门店出场地、出人、出服务，赚修理费和配件差价。车主只面对门店，感受上是一家店，不是一家平台。

这意味着：系统的权威在总部，执行在门店，证据在单据。总部能下发规则、能看结果、能算钱，但不能替门店按鼠标；门店能操作一切现场的事，但改不动总部定死的价目和口径。这条边界决定了下面六个端的权限划分。

谁付钱、谁收钱

最后一行是待拍板项之一。四种钱分开记账，任何一笔都不能混进另一个口袋——这是财务页和供应商端能不能对上的前提。

02谁在用

03一台车的主线

1. 约。车主在小程序选门店和时间，生成预约单，进门店预约池。— E3 录，E1 接
2. 接。车到店，顾问拍照、登记车辆和里程、逐项检测，出报价。接车单号在此生成。— E1
3. 认。车主在手机上逐项看报价，可以只做一部分。确认后报价锁定，此后只读。— E3 确认，E1 收到结果
4. 派。店长派工到班组和工位。技师的手机上出现这台车。— E1 派，E4 收
5. 领。先选车、再出件：清单按那台车的工种出，不是全店一份。机修领油水滤芯刹车片，钣金领钣金件与打底，喷漆领漆与辅料，三电领高压防护与密封件。用量按这台车的报价行核对；超出报价的部分挂「待组长批」，批了才补发。— E4 申请，E1 仓管确认，E6 供货
6. 变。现场发现要加活，技师只提需求不定价；顾问报价、客户确认，出增项单，不动原单。— E4 → E1 → E3
7. 完。技师报工、填工时、传四张照片。少一张，前台那边不亮「可交车」。— E4，E1 可见
8. 结。前台按四类承担方分开结账，预收是负债，不能当收入。— E1 收，E3 付
9. 交。核验取车人四要素、签字、放行，交车照片归档。— E1
10. 分。平台服务费、门店货款、供应商货款、分销佣金各自入账，结果回到各端。— E2 算，回 E1 / E5 / E6
11. 留。保养提醒、评价、推荐有礼，把这一单变成下一单。— E3 / E5

04六个端各自是什么

05端与端的分工

「限角色」的意思是同一个端里也要分人：技师和顾问看不到成本列，店长和老板看得到。这条必须在接口层就拦住，不能只靠前端藏起来。

06信息层级怎么定

对应的导航原则：一级导航不超过 12 项，超过就说明有一个模块该拆成独立端；二级导航不留空，点进去没内容是设计问题，不是数据问题；每个页面只有一个蓝色主按钮，两个就等于没有主次。

菜单怎么起名（六端同一套规矩）

同一样东西在六个端必须同一个词。同一个端的菜单、页标题、面包屑必须是同一个词——标签写「我的活」、进去标题写「派工看板」，等于让用户重新找一次。

六个端统一后的菜单

E4 组长身份进「工作台」看到的是本组待派与超领审批，技师看到的是派给自己的单——入口名不变，内容变。E5 分销内嵌在 E3 的「我的」里，不单独占端。

状态怎么表达

颜色含义全局统一，六个端不许各定一套。用户跨端使用时不需要重新学一遍。

07界面长什么样

选的是哪一套，为什么是它

参照 D:\项目\style-gallery 里的样式库，选 Stripe 那一套（靛蓝体系），不是因为它好看，是因为我们现有的界面有三个真实缺陷，只有这一套能同时修掉：

另有一条硬指标：旧的浅灰正文 #8f959e 在白底上对比度只有 3.02:1，达不到无障碍 AA（要求 4.5:1）——车间有顶灯反光、屏幕又常调暗，11.5px 的提示字直接看不清。新 #6b7688 是 4.59:1，过 AA。

颜色：一套 token，只认这十几个

表单里的值就是写进 store/ui.css 的值。页面里不许出现十六进制色值，一律写 var(--ui-…)。

品牌与文字

背景与描边

状态五色（对应上一节那张表）

每组状态色有三个值，不能混用：-bg 是浅底、-text 是深字（放在浅底上）、-bd 是描边。直接拿 --ui-success（饱和绿）当文字色写在小字上，白底对比度不够。

字号：九个档，不许自己造第十个

正文 13px 是桌面端的底。手机端（E3 / E4）用系统字号，正文字号下限 13px、点击热区下限 44px——技师戴手套操作，热区小了按不准。金额一律等宽数字（font-variant-numeric: tabular-nums），上下对齐才对得上账。

圆角与阴影：克制，只有四档

阴影同理三档：--ui-shadow-sm 给主按钮（轻微浮起）、-md 给可交互卡片悬停、-lg 只给弹窗和 toast。静态卡片不加阴影，加了就到处在飘，用户不知道哪个能点。这一套的阴影带蓝调（rgba(50,50,93,…)），和底色同族，不会出现脏灰边。

骨架：页头、列表、详情

颜色和字号只解决「看起来像一套」，翻页面时还是会觉得「这不是一个系统」。真正的割裂感来自骨架：同一个位置的页头，在 A 页 34px、B 页 26px；同一张列表，A 页一条搜索框、B 页两条叠在一起；同一排卡片，左边那张比右边高 40px。这些都不显眼，但一页一页翻就露馅。下面五条是量出来的，不是审美判断，每条都有一个可跑的检查。

这几条不是写在纸上靠人记的：gate.mjs 逐页扫 CSS，发现裸 1fr 直接判失败；verify-ui.mjs 用无头浏览器点完每个 tab，量每张列表的筛选条数量、卡片标题条、页头高度和详情页两栏的实际像素。原型改坏了，这两条命令会红。规范里写「不许」，检查里就必须有一条能变红的断言——否则规范只是愿望。

详情页：左「核对」，右「决策」

交车结算是全系统最重的一屏。过去的做法是从上往下摞一整列全宽卡片，收银员要滚到页面最底部才看到「还差什么才能放车」和「钱怎么收」——而这两件才是他打开这一页要办的事。

现在拆成两栏：左栏是核对（这笔钱谁出、保险定损与差额、交车单与照片），右栏是决策（放车前的门禁在最上，收款单在其下）。右栏把门禁放第一个，是因为收银员在这一页最常问的不是「收了多少」，而是「还差什么才能放车」。窄于 1180px 退回单栏，顺序不变。

第二条已经落地的详情页是车间工单：左栏「施工进度」（干到哪了），右栏「填生产日报」（技师点开这一单唯一必做的事）。技师在车间平板上看，所以断点放在 900px，低于 900 就退回单栏；收银台是 1100 以上的笔记本，断点放在 1180。断点按这台设备的最小宽度定，不按「大屏 / 小屏」拍脑袋定。其余详情页（客户、会员卡）沿用同一条原则：把「用户在这一页必须做的判断」放右边或最上，把「用来核对的资料」放左边。这不是给所有页面套同一个模板——是决定信息先后顺序的规则。

组件规矩

按钮：一个屏幕只能有一个主按钮

所有会提交的按钮：点下去变「提交中…」并禁用，成功给 toast，失败给红色 toast 并说明原因。不许点了没反应——那是让用户重复点、重复提交的开始。

表格：门店端的主战场

• 表头 12px 深灰、底色 --ui-surface-2；表体 13px、行高够一拇指点准
• 数字列右对齐 + 等宽；状态列用彩色标签，不用纯文字
• 操作列右对齐，用文字按钮；一行的主要动作放最左
• 长文本省略号截断，鼠标悬停出全称；不要靠换行把行撑高
• 空表格必须写清楚为什么空（「本周没有待接车的车」），不能只显示「暂无数据」

表单

• 标签在输入框上方，13px 灰色；必填项标签后加红色星号
• 错误提示显示在字段正下方，12px 红字，写明怎么改（「车牌号应为 7 位，现在是 6 位」）
• 只读字段用浅灰底 + 无边框，让人一眼看出「这个不能改」
• 输入框聚焦有蓝色描边 + 3px 浅晕，键盘用户要知道焦点在哪

反馈四件套

两条不能破的硬约束

怎么落到代码里

只有一个文件定颜色：store/ui.css。它是全站颜色的唯一来源，24 个页面都引它，页面自己的 <style> 里不许再写 :root。改一个 token，六个端一起变。

另外保留了旧变量名的兼容别名（--p、--t1、--okbg 等），全部指回新 token。这样老页面不改一行也能吃到新视觉，改造可以一页一页做，不会因为改色把功能改坏。

08一期做什么

不做的部分不是不重要，是没有真实流程支撑就只能凭空设计。比如厂家三包在线申报，各家厂的接口和单据要求完全不同，现在做一定是假的，不如一期先用手工登记加附件，跑三个月再定。

做的顺序

09要你拍板的五件事（另四件已拍板）

这五项每项都只影响局部，不阻塞别的开发。我按默认往下做，你哪天改，改的是配置和两三个页面的显示，不动数据结构。

另外四件已在 2026-11-09 拍板（车单主线）

这四件决定的是「同一台车在几个页面里谁说了算」，细则和落地位置见 车单主线规划 第 08、09 节。

10这份方案怎么验

目前的状态：六端都已出可点原型——E1 门店管理 13 屏（逐屏入口）、E2 总部后台（hq-app.html）、E3 车主端 + E5 分销（c-app.html）、E4 门店接单端（store-app.html）、E6 供应商工作台（supplier-app.html）。用 角色演练 按真实场景走了两遍，第一遍挖出 12 个漏洞，全部修完并留了对照表；单据确认方式 说明七类单据的线上签 / 打印签两种做法；业务流审计 说明哪一步在手机上上传、哪一步在 PC 上打印；字段与控件口径 规定每个字段是下拉还是填写，并把「标签说要日期、控件却给文本框」做成门禁检查。

本轮细节补齐包括：七类单据可真的调起浏览器打印（A4 纵向，出纸只有那一张）、列表页统一有搜索 / 状态筛选 / 分组 / 空状态 / 分页、全站不再有「原型：xxx 未做」的占位提示。

钱这条线已经打通到底：接车开单时把车怎么来的（直接进店 / 预约转入 / 救援拖回 / 平台派单 / 同行送来 / 连锁内转）和这单谁带来的（自然进店 / 老客 / 转介绍 / 分销 / 平台导流 / 保险 / 合作单位 / 同行转介）分成两个字段，凭证不填齐不让进检测；财务页按实际到账出返佣台账，钱没到的单进「不计佣」表、永远不进批次；周期开关一拨，台账和批次表同时按半个月 / 一个月重排，已发放的批次不动；同行转厂按「客户报价 − 同行结算价 − 介绍费」算我方毛利、连锁内转按内部结算价认收入并把差价留给转出门店，两处都堵了「客户报价当成自己产值」的重复计算。