IITOO UI交互设计稿 · 修订04

2026-10-22 · 已对齐内容增量修订 / 未评审内容保留 / 回归检查

本版范围与使用方式

本版在上一版全流程试稿上增量修订,保留采购计划、买单、云买单、报询价盒子、报价/询价往返、订单及企业规则演示。未被用户提及的部分保持原有能力,标为“保留待评审”,不视为已经确认,也不删除。

优先体验买单首屏→选择供应商→下一步→选择采购计划商品→勾选→点击商品名称→关闭阅读→确认选品。随后在全流程入口体验云买单接单、报价/询价与订单。上一版两个演示数据域保持分离,避免把未评审流程直接覆盖成熟组件;它们并非生产系统的两个业务库。

已落实的对齐

位置本版处理
Global 与颜色保留 #34465B;品牌蓝用于主操作、当前选择和轻量提示,绿色用于通过状态。快捷栏保持浅底。色彩细化仍属试行。
商务与买单首屏字段组含标题、控件及反馈。商务网格和首屏字段组间距24px;商品紧凑字段采用16px。反馈距控件4px,可换行;空反馈不占位。移除重复“此字段必填”。贸易术语版本说明移到该模块字段之前。
商品详情标题与工具栏之间去掉重复分割线;工具栏下保留浅边界。各内容模块不再依靠不一致的长横线区分,使用统一标题与32px模块间隔。来源提示位于 Utility 下、只占正文左栏。
只读说明采购计划副本:商品及采购信息只读。商品库副本:结构和 Assessment 沿用来源,采购信息按单据权限。避免蓝色来源说明与黄色只读说明重复堆叠;保存失败提示仍独立保留。
买单选品紧凑页头保留标题、供应商与返回;来源计划移入 SidePanel。搜索控制宽度,图标置于输入框内,支持回车与清空。选择规则折叠;页脚只覆盖左栏。
商品行与选择沿用采购计划长卡片的信息顺序:缩略图、名称、编号、摘要、采购信息、行尾操作。当前选择为品牌色勾选;其他草稿占用/历史发送/当前名额满/累计耗尽显示禁用空框和具体原因。
名称点击买单选品名称进入共用商品详情,返回保留暂选。全流程商品名称进入当前单据快照阅读;机会明细继续使用独立入口。
来源链协作概况区展示创建方式、供应商、来源采购计划;云接单展示直接来源云买单,再展示祖先采购计划。移除买单“更多→来源”重复入口,保留右侧“查看溯源”。
历史阅读新增报价发送时的供给商品快照,并随订单引用保存。历史资料不再跟随当前能力库名称改变。旧演示记录若未保存快照,明确显示缺失,不补造。

沿用的业务边界

字段提示、正则与报错

提示解释填写目的和格式;正则负责输入格式;报错解释当前失败及修复方法。三者不能互相替代。前端提示不是服务端校验。必填、类型、范围、重复、日期真实性、附件内容和权限分别校验。

字段/场景当前执行口径典型失败反馈
商品中文名称沿用已实现的最多100字符,允许中文、字母、数字与标点,不允许换行及控制字符。名称为空/超长/包含不可见字符时,给出对应原因。
商品英文名称沿用最多100字符;字母、数字、单个空格、-、_,首尾须为字母或数字。不是模型字段内部英文键。指出长度、首尾或连接符格式错误;不再把合法单字符 A 判为过短。
模型字段名/英文键沿用原字段规则资料:名称1–30;内部英文键1–50,仅字母数字下划线。不能把商品英文名规则直接套到字段键。模型下重名另行查重;不强制未经定义的 camelCase。
数量、单价、比例按实际控件 min/max/step 校验。采购计划基准数量与全流程试稿数量精度仍存在旧差异,保留待评审,不擅自统一业务精度。请输入有效数字/不得小于下限/不得大于上限/请按步长填写。
日期校验真实日期与来源截止边界。YYYY-MM-DD 正则只校验形式,不能证明日期有效。不得晚于来源采购计划;剩余时间不足7天。
单据参数摘要前5个参数默认摘要,用户可调整;商品库来源摘要只读,不能在采购计划/买单内重设。最多5个;来源摘要不可编辑。
视频/附件商品视频最多3个、附件最多3个;沿用上一版上传配置与类型/大小测试。历史通用文档“附件5个”不覆盖商品内3个的后续对齐。数量超限/类型不支持/文件过大/读取失败/保存失败分别反馈。

完整的现有字段测试、上传测试、商务配置和历史说明保留在包中。此次未重新设计所有字段的业务规则;重点修复反馈占位与共用组件。可在“字段与报错测试”入口继续逐项检查。

检查记录与复验路径

检查结果与范围
原有自动回归108个测试通过。覆盖字段、上传、参数、Revision、只读、存储失败、商务、集合、SidePanel、协作及移动端适配。
全流程模型11组通过:7天、来源边界、只读、草稿预占、重复供应商、6/9机会、云接单、Assessment、版本与订单,以及新增商品快照不漂移。
买单专项创建/删除/回滚脚本与选品脚本通过;新增草稿占用、历史发送、当前满额、累计耗尽的不同反馈验证。
桌面实际点击买单首屏→选品→勾选→读商品→关闭返回→回车搜索→确认选择→完整商务阅读。验证继承只读和暂选保留;修复卡片选择区重叠及商品页返回控件缺失。
商务视觉检查检查18类商务演示、贸易术语及条件字段;实测贸易术语字段组到下一组的间距24px。
移动端390px全流程入口和买单首屏视觉检查;原有移动端适配测试通过。未逐个点击全流程每个弹层的所有组合。

检查覆盖代码、现有测试、说明内容和重点页面。不能等同于每个浏览器/每种数据组合都无缺陷。没有删除未评审功能来获得“通过”。旧测试把移动端 iframe 预览页误当业务页,本次调整为分别检查 iframe 包装、响应式全流程和传统移动适配页。

保留待评审及实现限制

文件与交付使用

在线稿用于点击体验与继续对齐;本说明用于评审及实现交接;ZIP用于完整留档。ZIP解压后先打开 START.html。不要只复制业务HTML,它依赖同目录的脚本、样式和图片。

若浏览器限制 file:// 下本地存储,可在解压目录运行 python3 -m http.server 8080,然后打开 http://localhost:8080/START.html。演示数据保存在当前浏览器,换设备不会自动同步。旧说明位于历史文件中,仅供追溯;本次冲突以本说明及实际修订为准。