文案与图表规范评审稿
部门产品设计规范 · 第 11、12 章 · 第一版 · 2026-09-20
三部分:文案规范讲界面上的字怎么写;对照表把小程序 v1.0.6 里现在的文案和改法一行一行摆在一起;图表规范讲作战地图和看板怎么画。都是草稿,对过之后走变更单转正。看的时候在不同意的行旁边写理由就行。
要拍板的几件事- 按钮上不再出现「确定」「提交」,一律写动作。
- 「跟进」改叫「拜访」,「待办」改叫「任务」,全产品替换。
- 提示语不用「请」开头,不用感叹号。
- 作战地图的四个格子用深浅分,不用红黄绿;点的颜色才表示状态。
- 没登记潜力的客户不进格子,另列「待评估 N 家」。
一、文案规范 草稿
销售在小程序和网页里看到的每一个词都是文案:按钮、标题、空态、报错、提示、时间、数字。现在 26 页各写各的:按钮有 40 多种叫法,出错一律「请……」,时间只有「刚刚」。这份规范定一个说法,以后按它写,AI 写页面时也照它查。
1|四条总则
- 说事,不说情绪。 写发生了什么、能做什么。不用感叹号,不用「哦」「呢」「亲」,不用「成功!」「抱歉!」。
- 动词加对象。 按钮和链接写清做什么、对什么做:「记录拜访」「创建任务」,不写「确定」「提交」「操作」。
- 先说结果,再说原因,最后说下一步。 报错和空态都按这个顺序,三句以内。
- 一个东西一个名字。 业务词按第 5 节的词表,全产品统一,不用同义词换着说。
2|按钮与链接
| 场景 | 写法 | 例 | 不这样写 |
|---|
| 主操作 | 动词加对象,2~4 个字 | 记录拜访、创建任务、归档 | 确定、提交、OK |
| 次操作 | 动词,可省对象 | 存草稿、取消、返回 | 放弃、算了 |
| 危险操作 | 写清动作,按钮上不写「确定」 | 删除、作废、解除风险 | 确定、是 |
| 处理中 | 动词加「中…」 | 归档中…、保存中… | 请稍候、Loading |
| 禁用 | 按钮文字不变,旁边写原因 | 归档(还有 3 项必填未确认) | 灰掉不说话 |
| 加载更多 | 固定「加载更多」,到底写「已显示全部 N 条」 | | 没有更多了、到底啦 |
| 重试 | 固定「重试」 | | 重新加载、刷新、再试一次 |
| 确认弹窗 | 标题说后果,按钮重复动作 | 标题「删除这条拜访记录?」说明「删除后不能恢复」按钮「删除」「取消」 | 「确定要删除吗?」「是」「否」 |
现在产品里「重新加载」「刷新名单」「重试」三个词是一件事,统一为「重试」。「确认选择」「确认登记」「确认完成」「确认转交」去掉「确认」二字,写「选择」「登记」「完成」「转交」。
3|五种状态的文案
每个列表、每张卡片都有五种情况,每种一个固定句式。对象名换成当前对象。
| 状态 | 句式 | 客户列表的例子 |
|---|
| 加载中 | 「正在加载对象…」 | 正在加载客户… |
| 空,没条件 | 一句说没有什么,一句说怎么开始 | 还没有客户。点右下角「创建客户」添加第一个。 |
| 空,有筛选 | 「没有匹配的对象。」加「清除条件」按钮 | 没有匹配的客户。 |
| 失败 | 一句原因,一句下一步,加「重试」 | 加载失败,网络不通。检查网络后点重试,筛选条件会保留。 |
| 无权限 | 说没权限,不说对象是什么 | 这条记录不在你的授权范围内。需要查看请联系主管。 |
| 部分缺失 | 显示已有的,说明缺什么 | 已显示 24 家,其中 3 家的潜力还没登记。 |
各对象的空态第一句:客户「还没有客户」、商机「这个客户还没有商机」、拜访「还没有拜访记录」、任务「没有待处理的任务」、风险「没有需要关注的风险」、总结「这周还没有可总结的动作」。
4|报错与提示
- 原因用人话,不出现错误码、接口名、英文。「网络不通」不写「request failed 500」。
- 每条报错带下一步。能重试给重试,要填的说填什么,要找人的说找谁。
- 表单校验写在字段下面,句式「要……」或「……不能为空」:「下一步要写明时间和目标」「客户名称不能为空」。不写「请输入」「格式错误」。
- 成功提示只在用户看不到结果时才弹:「已归档」「草稿已保存」。页面上已经能看到变化的,不弹。
- 提示语不用「请」开头。「请先选择客户」改「先选一个客户」;「请填写驳回原因」改「驳回要写原因」。
- 权限类提示不猜原因:「不在你的授权范围内」,不写「你没有权限」。
5|业务词表
全产品统一叫法。左边是唯一写法,右边是禁用的说法。
| 用 | 不用 |
|---|
| 客户 | 用户、企业、公司(指客户时) |
| 商机 | 项目、订单、机会 |
| 拜访 | 跟进、走访、沟通记录 |
| 拜访记录 | 跟进记录、日志 |
| 任务 | 待办、工单 |
| 风险 | 预警、告警、异常(指客户风险时) |
| 关系等级 | 关系分、亲密度 |
| 潜力 | 价值、规模 |
| 主攻区、客户资产、见单打单、客户资源 | 第一象限、Q1、A 类客户 |
| 需关注、向好、转差、待评估 | 黄灯、绿灯、红灯、灰灯(对用户说时) |
| 负责人、地盘 | 归属人、owner |
| 主管、总经理、董事长 | 领导、上级、管理员 |
| 即时总结 | 日报、周报(周报只指导出模板) |
| 归档 | 提交、上报、入库 |
| 草稿 | 暂存、临时 |
| AI 生成、由 AI 起草 | 智能推荐、系统建议、自动生成 |
| 依据 | 来源、证据、参考 |
| 未登记 | 暂无、无、空、— |
| 赢单概率 | 成功率、把握 |
| 毛利 | 利润、盈利 |
| 确收 | 收入确认 |
| 回款 | 收款、到账 |
6|数字、金额、时间
| 项 | 写法 | 例 |
|---|
| 金额 | 带单位,万元为主,整数不带小数;千万以上用「万」不用「亿」 | 320 万、1,200 万 |
| 缺失 | 「未登记」。0 只在明确是零的时候显示 | 回款:未登记 |
| 百分比 | 整数,带 % | 赢单概率 70% |
| 数量 | 带量词 | 24 家客户、3 条商机、5 个任务 |
| 关系等级 | 「N/10」 | 关系 8/10 |
| 相对时间 | 1 小时内「N 分钟前」,24 小时内「N 小时前」,7 天内「N 天前」 | 2 天前跟进 |
| 绝对时间 | 7 天以上写月日,跨年带年份,需要时刻写 24 小时制 | 9 月 18 日、2025 年 12 月 3 日、9 月 18 日 14:30 |
| 相对时间可查 | 相对时间旁能看到完整日期 | 2 天前(9 月 18 日) |
| 周期 | 「第三季度」「9 月」「本周」 | 不写 Q3、2026-09 |
| 数字与文字 | 数字和单位、中英文之间空一格 | 320 万、Ant Design 6 |
7|标题与范围
- 页面标题是对象名:客户、商机、任务、作战地图、即时总结。不加「管理」「列表」「中心」。
- 标题旁写范围:「客户 · 本人负责 · 24 家」「作战地图 · 华南团队」。范围词用「本人负责」「直属团队」「授权部门」「核心客户」,和权限四级对应。
- 分区标题是名词短语:「待办」「业务动态」「关注与依据」。
8|AI 相关
- 标识固定两种:生成中「AI 生成中…」,待确认「AI 生成,待确认」,已确认「由 AI 起草,某某确认」。
- AI 没把握时写「AI 不确定,请核对」,给候选,不写「可能是」「大概」。
- 依据句式「依据:」加来源名称,可点开:「依据:9 月 12 日拜访记录」。
- 不用「智能」「聪明」「懂你」这类词,不给 AI 起人名,不用「我」自称。
9|标点与格式
- 中文全角标点。句末用句号,列表项末尾不加标点。
- 引用界面上的词用「」,不用双引号。
- 省略号用「…」一个字符。
- 不用括号解释,要解释就另起一句。
- 英文和数字用半角,前后空一格。
10|怎么检查
- 按钮文字是否动词加对象;有没有「确定」「提交」「OK」。
- 空态、失败、无权限三种文案是否按第 3 节句式。
- 有没有「请」开头的提示、感叹号、错误码。
- 业务词是否在第 5 节的「用」列。
- 时间和金额是否按第 6 节。
11|还没定的
- 「即时总结」对用户是否改叫「今日总结」,看神码习惯。
- 主管视角的「团队」是否要区分「直属团队」和「授权部门」两个词,还是统一叫「团队」。
- 英文缩写 ACV 对用户显示「年度合同额」还是保留 ACV,看神码内部叫法。
二、修改前 → 修改后 草稿
左列是产品里现在的写法,从 v1.0.6 的 wxml 和 js 里抓出来的。右列是按规范改的。最右一列是依据的条款。对的时候逐行看,不同意的划掉写理由。
1|按钮
| 修改前 | 修改后 | 依据 |
|---|
确定 | 按实际动作写:归档、保存、选择 | 2 主操作 |
确认选择 | 选择 | 2 去掉「确认」 |
确认登记 | 登记 | 2 |
确认完成 | 完成 | 2 |
确认转交 | 转交 | 2 |
保存修改 | 保存 | 2 次操作 |
保存草稿 | 存草稿 | 2 |
重新加载 | 重试 | 2 重试 |
刷新名单 | 重试 | 2 |
重新录音 | 重新录 | 2 |
返回完善 | 返回修改 | 2 |
编辑场景 | 编辑 | 2 |
加载更多场景、加载更多记录 | 加载更多 | 2 加载更多 |
取消任务 | 作废任务(危险操作,弹窗确认) | 2 危险操作 |
驳回、拒绝 | 统一「拒绝」(任务拒绝必须填意见,业务口径) | 5 一个东西一个名字 |
撤销 | 撤销(保留) | |
关闭 | 关闭(只用于弹层) | |
切换账号 | 切换账号(保留) | |
日进展、周进展 | 今日、本周 | 6 周期 |
月、季度、周 | 本月、本季度、本周 | 6 周期 |
语音录入、文件录入 | 语音录入、上传文件 | 2 动词加对象 |
2|页面标题
| 修改前 | 修改后 | 依据 |
|---|
商汤销售小浣熊 | 首页(导航栏标题);品牌名放登录页 | 7 标题是对象名 |
总览 | 工作台 | 7;和 T-01 首页工作台一致 |
客户经营详情 | 客户 | 7 不加「经营详情」 |
维护商机 | 商机 | 7 |
商机看板 | 商机 · 看板视图,或并入商机页的一个视图 | 7 |
记录客户拜访 | 记录拜访 | 2 |
确认拜访记录 | 确认拜访 | 2 |
拜访记录详情 | 拜访记录 | 7 |
跟进记录 | 拜访记录 | 5 词表:不用「跟进」 |
待办详情、全部待办 | 任务、全部任务 | 5 词表:不用「待办」 |
风险详情、全部风险 | 风险、全部风险 | 7 |
核对客户建档与下发 | 核对客户 | 7 |
创建新客户 | 创建客户 | 2 |
客户认领 | 认领客户 | 2 |
编辑客户 | 编辑客户(保留) | |
经营实绩 | 实绩 | 7 |
销售能力详情 | 能力画像 | 7 |
即时总结详情 | 即时总结 | 7 |
看板、作战地图、我的 | 保留 | |
创建 Demo 场景 | 创建演示场景(演示功能对客隐藏) | 9 不夹英文 |
3|空态
| 修改前 | 修改后 | 依据 |
|---|
暂无商机 | 这个客户还没有商机。 | 3 空态第一句 |
当前筛选条件下没有商机 | 没有匹配的商机。清除条件 | 3 空有筛选 |
当前筛选范围暂无客户 | 没有匹配的客户。清除条件 | 3 |
没有匹配到客户,请调整关键词 | 没有匹配的客户。换个关键词,或清除条件。 | 3、4 不用「请」 |
没有找到匹配客户 | 没有匹配的客户。 | 3 |
没有匹配的成员、没有匹配的同事、没有匹配的 FDE 成员 | 没有匹配的成员。 | 5 一个名字 |
当前没有待处理任务 | 没有待处理的任务。 | 3 |
当前客户暂无待办事项 | 这个客户还没有任务。 | 3、5 |
当前商机暂无已关联待办 | 这条商机还没有任务。 | 3、5 |
当前商机暂无已关联跟进 | 这条商机还没有拜访记录。 | 3、5 |
暂无跟进记录 | 还没有拜访记录。点右下角「记录拜访」添加第一条。 | 3 空无条件 |
本年暂无归档跟进记录 | 今年还没有归档的拜访记录。 | 3、5 |
你还没有在这条商机下确认归档拜访记录 | 这条商机还没有归档的拜访记录。 | 3 |
暂无已记录动态 | 还没有动态。 | 3 |
暂无能力画像 | 还没有能力画像。归档 3 条拜访记录后生成。 | 3 说怎么开始 |
暂无已保存的历史画像 | 还没有历史画像。 | 3 |
暂无可评估的归档记录,缺少样本的维度显示未评估 | 归档记录不够,还不能评估。样本不足的维度显示「待评估」。 | 3、5 |
当前范围暂无排名数据 | 这个范围还没有排名。 | 3 |
当前范围暂无成员记录 | 这个范围还没有成员。 | 3 |
本次复盘暂无此主题的专项建议。 | 这个主题没有建议。 | 3 |
本次没有需要补充的待办建议 | 没有需要补充的任务。 | 3、5 |
没有找到伙伴,请联系运营维护目录。 | 没有匹配的伙伴。目录不全找运营。 | 3、4 |
当前没有可接手人员,可联系运营或说明原因后取消。 | 没有可接手的人。找运营,或写明原因后作废。 | 3、4 |
还没有 Demo 场景 | 还没有演示场景。 | 9 |
4|加载与失败
| 修改前 | 修改后 | 依据 |
|---|
正在加载… | 正在加载客户…(写对象) | 3 加载中 |
正在加载客户信息…、正在加载商机信息…、正在加载商机经营信息… | 正在加载客户…、正在加载商机… | 3 |
正在加载团队成员…、正在加载团队统计… | 正在加载团队… | 3 |
正在加载可选范围… | 正在加载… | 3 |
正在加载下一页… | 正在加载… | 3 |
数据加载失败 | 加载失败,网络不通。检查网络后点重试,筛选条件会保留。 | 3 失败 |
下一页加载失败 | 加载失败。重试 | 3 |
任务加载失败、业务选项加载失败、伙伴目录加载失败,请重试 | 加载失败。重试 | 3、4 不用「请」 |
业务选项目录格式错误,请重试 | 加载失败,数据有问题。点重试,还不行找运营。 | 4 原因用人话 |
人员目录分页异常,请重试 | 加载失败。重试 | 4 |
协同人加载失败:{错误信息} | 加载失败。重试(错误信息不给用户看) | 4 不出现错误码 |
API 请求失败(500) | 加载失败,服务暂时不可用。稍后点重试。 | 4 |
语音识别失败({状态码}) | 没听清。重新录一次,或改成打字。 | 4 |
Agent 处理失败 | AI 没能生成草稿。已录的内容还在,点重试。 | 4、8 |
{功能}生成失败,请稍后重试。 | 没能生成{功能}。点重试。 | 4 |
任务发送失败、任务响应失败 | 任务没发出去。重试、没能提交。重试 | 4 |
上传失败 | 上传失败。重试 | |
5|提示语
| 修改前 | 修改后 | 依据 |
|---|
请先选择客户 | 先选一个客户 | 4 不用「请」开头 |
请先选择要认领的客户 | 先选要认领的客户 | 4 |
请选择任务负责人 | 任务要有负责人 | 4 校验句式 |
请重新选择负责销售 | 负责销售已变,重新选一个 | 4 |
请补充全部必填信息 | 还有 N 项必填没填(按钮旁列出) | 2 禁用说原因 |
请填写驳回原因 | 拒绝要写原因 | 4 |
请填写风险解除依据 | 解除风险要写依据 | 4 |
请填写清晰的任务描述 | 任务描述要写清做什么 | 4 |
请填写完成说明 | 完成要写说明 | 4 |
请填写作废原因 | 作废要写原因 | 4 |
请至少选择一个季度 | 至少选一个季度 | 4 |
请先补充拜访文字内容 | 拜访内容不能为空 | 4 |
请先完成本次语音录入 | 先录完这段语音 | 4 |
请等待团队范围加载完成 | 正在加载团队…(禁用按钮,不弹提示) | 4 |
请输入账号和密码 | 账号和密码不能为空 | 4 |
请先同意隐私与数据使用说明 | 先勾选同意隐私说明 | 4 |
录音时间太短,请重新录入 | 录音太短,至少 2 秒。重新录一次。 | 4 |
未获得麦克风权限、无法读取录音权限 | 没有麦克风权限。去微信设置里打开。 | 4 说下一步 |
当前微信版本不支持录音 | 这个微信版本不支持录音。升级微信后再试。 | 4 |
隐私指引暂不可用,请联系运营 | 隐私说明打不开。找运营。 | 4 |
退出未完成,请重试 | 没能退出。重试 | 4 |
风险不存在或已不可见 | 这条风险已解除或不在你的授权范围内。 | 4 权限不猜原因 |
当前仅可查看这条历史摘要 | 这是历史摘要,只能查看。 | 4 |
草稿已保存 | 草稿已保存(保留) | 4 成功提示 |
风险已解除 | 风险已解除(保留) | |
语音草案已生成、语音内容已填入 | AI 草稿已生成,逐项确认(页面已显示时不弹) | 4、8 |
6|数字与时间
| 修改前 | 修改后 | 依据 |
|---|
相对时间只有「刚刚」 | 5 分钟前、2 小时前、3 天前、9 月 18 日 | 6 相对时间 |
缺失显示「-」「暂无」或 0 | 未登记 | 6 缺失 |
关系分 8 | 关系 8/10 | 6 |
预算 3200000 | 预算 320 万 | 6 金额 |
概率 0.7 | 赢单概率 70% | 6 |
2026-09-18 | 9 月 18 日 | 6 绝对时间 |
Q3 | 第三季度 | 6 周期 |
7|业务词替换(全局查找替换的候选)
| 现在 | 改成 | 出现在 |
|---|
跟进记录、跟进 | 拜访记录、拜访 | 页面标题、空态、列表 |
待办 | 任务 | 页面标题、空态、看板 |
FDE 成员、同事、人员 | 成员 | 选人页 |
归属人、负责销售 | 负责人 | 客户认领 |
预警 | 风险 | 看板 |
Demo | 演示 | 演示功能 |
三、图表规范 草稿
作战地图是关系 × 潜力四象限,每个客户一个点。看板是指标卡加柱线图。董事长看的就是这两样,现在没有一条规则。小程序 v1.0.6 里只有一张画像雷达图,别的图还没做,所以这份规范先于代码。
1|六条总则
- 图先回答一个问题。 每张图标题写它回答什么:「哪些客户该多跑」「本季毛利够不够」。回答不了具体问题的图不放。
- 颜色有含义才用。 象限用象限色,状态用红黄绿灰,其余系列用固定顺序色。不为好看加颜色。
- 没数据就说没数据。 缺失显示「未登记」,不画成 0;一个点也画坐标轴;空图显示原因和下一步。
- 图旁必有数。 每张图能切到数据表,董事长要看数时不用猜。
- 字不小于 12。 坐标轴、图例、标签都用
--ui-text-small 起,手机上 24rpx 起。 - 点得进去。 图上的点和柱都能点到对应的客户、商机或明细,悬停显示依据。
先看示例
下面两张是按本规范用真实变量画的,数据是编的。作战地图的示例先不放,等图表规范定稿后再按最终样式画。
看板指标卡
320万本季毛利比上季 +23%
24家客户比上季 +2 家
未登记回款财务还没登记
70%赢单概率比上季 −10%
柱状图:本季对上季
本季上季
顺序色
--ui-chart-1#2863CD · 第一系列、本期
--ui-chart-2#0E8A8A · 第二系列
--ui-chart-3#6B4FBB · 第三系列
--ui-chart-4#C7741B · 第四系列
--ui-chart-5#7A8A9E · 第五系列、上期、其他
2|作战地图(四象限)
2.1 坐标
- 横轴客户潜力,从左到右小到大;纵轴关系深度,从下到上浅到深。和产品原型一致,和董事长 PPT 的轴向相反但象限含义不变。
- 关系等级 1~10 直接当纵坐标,5.5 是分界线。潜力按预算、台数、IT 计划算成 1~10,分界线也是 5.5。算法是业务口径,不在本规范。
- 轴上不标刻度数字,只在两端标「浅」「深」「小」「大」。分界线是虚线。
2.2 四个格子
| 格子 | 位置 | 底色 | 名字标在 | 含义一句话 |
|---|
| 客户资产 | 右上 | --ui-quadrant-asset,主色 10% | 格子右上角 | 关系好潜力大,要求高毛利 |
| 主攻区 | 左上 | --ui-quadrant-attack,主色 5% | 左上角 | 潜力大关系浅,精力主要放这里 |
| 客户资源 | 右下 | --ui-quadrant-resource,中性 6% | 右下角 | 关系好潜力小,让技术去 |
| 见单打单 | 左下 | --ui-quadrant-spot,白 | 左下角 | 有单就打,不花精力 |
底色只分深浅,不用红黄绿。四个格子的名字永远显示,不靠图例。上面两格比下面两格深一点,眼睛自然先看上面。
2.3 点
- 一个客户一个圆点。默认直径
--ui-icon-sm(16px),手机 32rpx。 - 点的大小按潜力值分三档:小、中、大,直径 12、16、22。不按销量。
- 点的颜色是客户当前状态:向好绿、需关注黄、转差红、待评估灰,和 B-01 一致。状态色在点上,象限色在底,两层不打架。
- 点旁默认不标名字。选中或悬停时标名字加一行摘要:「华宸数据科技 · 关系 8/10 · 预算 320 万」。
- 点重叠时聚成一个大圆写数字,点开展开列表。手机上超过 30 个点就默认聚合。
2.4 缺失
- 关系或潜力任一没填的客户,不画进格子。图下方一行「待评估 N 家,还没登记潜力」,点开是列表。
- 整张图没有客户:显示「还没有客户进入作战地图。先在客户列表登记关系和潜力。」加「去客户列表」按钮。
2.5 交互
- 点一个点进客户详情,返回时地图保留缩放和选中。
- 顶部筛选:范围(本人、团队、部门)、行业、周期。筛选按 C-04 做。
- 可以按周期看变化:选「和上季度比」时,移动过的点画一条细箭头从旧位置指到新位置,箭头用
--ui-secondary。这是董事长要的「一格一格往右上移」。 - 象限不可拖动。销售不能把点拖到别的格子,这是产品原则。
2.6 手机
- 图保持正方形,宽度撑满,四个格子的名字缩成两个字:资产、主攻、资源、见单,点格子名显示全称。
- 底部一行四个数字:各格子客户数,点数字筛选该格子。
3|看板
3.1 指标卡
- 用 SbMetricTile:大数字 32、说明 14、变化 12。缺失显示「未登记」。
- 一行最多四张,手机两张。数字带单位,单位小一号放数字后。
- 变化写「比上季 +12%」或「比上季 −3 家」,升绿降红只用于业务上有好坏的指标;客户数这种无好坏的用灰。
3.2 柱状图与折线图
- 一张图最多五个系列,颜色按顺序色
--ui-chart-1 到 --ui-chart-5。第一个永远是主色。 - 系列名写在图例,图例在图上方左侧,不放右侧。
- 柱状图从 0 开始,不截断。折线图可以不从 0,但要在轴上标最小值。
- 时间轴按周期写:「7 月」「8 月」「9 月」,不写 2026-07。
- 数字标签只在柱少于八根时显示;多了只在悬停显示。
- 条形图(横柱)用于排名,名字在左,最长的在上。排名最多显示 10 条,其余「查看全部」。
3.3 饼图与雷达图
- 饼图只在份额确实是重点时用,最多五块,小于 5% 的合并成「其他」。能用柱状图就用柱状图。
- 雷达图只用于画像的多维度对比,最多六个维度,每个维度的满分一样。现有的画像雷达图保留,按本规范换色和字号。
3.4 颜色
顺序色五个,都是建议,从主色出发派生,和红黄绿灰状态色错开:
| 变量 | 值 | 用途 |
|---|
--ui-chart-1 | #2863CD 主色 | 第一系列、本期 |
--ui-chart-2 | #0E8A8A 青 | 第二系列、上期 |
--ui-chart-3 | #6B4FBB 紫 | 第三系列 |
--ui-chart-4 | #C7741B 橙 | 第四系列 |
--ui-chart-5 | #7A8A9E 灰蓝 | 第五系列、其他 |
只有两个系列时用 1 和 5,本期实色、上期灰。图表里的红黄绿只表示业务状态,不当系列色。
3.5 空与错
- 没数据:图区显示「这个周期还没有数据」和原因,坐标轴照画。
- 加载失败:「加载失败,网络不通」加重试,筛选保留。
- 部分缺失:柱子照画,缺的那根位置写「未登记」,不画成 0。
4|通用规则
| 项 | 规则 |
|---|
| 标题 | 每张图有标题,写它回答的问题或指标名;范围和周期紧挨标题,按 T-05 |
| 字号 | 标题 16,轴和图例 12,悬停框正文 14 |
| 边距 | 图区四周 --ui-space-4,图例和图区之间 --ui-space-2 |
| 网格线 | 只画横线,用 --ui-line,不画竖线 |
| 悬停框 | 白底、--ui-shadow-popup、圆角 6;第一行对象名,后面是指标和依据 |
| 动画 | 首次出现 300 毫秒内画完,切换数据不重放动画 |
| 导出 | 周报导出时图表转成图片,页脚带范围、周期、生成时间和「由 AI 起草」标识 |
| 无障碍 | 每张图有一句文字摘要给读屏用:「客户资产 12 家,主攻区 9 家…」 |
5|怎么实现
- Web 用 ECharts 6,小程序用 ECharts 的小程序版 ec-canvas。两端同一份配置,颜色从变量读,不写死。
- 做成三个组件放进组件库:SbBattleMap 作战地图、SbTrendChart 柱线图、SbMetricTile 已有。四象限的格子、点、聚合、箭头都在 SbBattleMap 里,页面只传客户列表。
- 变量新增七个:四个象限底色、五个顺序色中的四个新色(chart-1 用主色)。都标建议。
6|怎么检查
- 象限四个名字是否永远可见;点的颜色是否只表示状态。
- 没登记潜力的客户是否没画进格子、是否有「待评估 N 家」。
- 空图是否有文字和下一步;缺失是否写「未登记」而不是 0。
- 字号是否不小于 12;图旁有没有数据表入口。
- 点一个点能否进详情,返回是否保留筛选和选中。
7|还没定的
- 潜力 1~10 的算法:预算、台数、IT 计划怎么加权。业务口径,要产品定。
- 「和上季度比」的箭头是默认显示还是点开才显示。
- 作战地图要不要给董事长一个只读的全集团视图,范围词叫什么。
- 小程序 ec-canvas 在低端机上的性能没测。