交付与使用顺序
本版最重要的新增是开发还原交付。先用固定画布打开目标页面,再读尺寸表与标注;实际实现时依据对应选择器和计算属性,不凭截图估尺寸。
ZIP内:dist为可运行原型,dist/handoff为开发还原资料,tests与tests-*.cjs为测试,dist/evidence为执行记录。原型沿用Review06;本下载说明及ZIP另补充商务摘要确认规则与待实现验收用例,在线原型尚未更新此规则。
本次已推进的对齐
| 部分 | 最终行为 |
|---|---|
| 开发具体值 | 提供逐页面实测JSON、CSV、尺寸框图、按原加载顺序拼接的纯CSS文件,以及原型内“开发尺寸”查询/导出。 |
| 买单选品 | 已入单项灰色勾选、不可反选;本次暂选可反选;确认仅追加。清空和全选只作用于本次可选项。保存失败保留暂选,禁止假成功。 |
| 旧数据兼容 | 缺少空groups/images/files的旧商品先标准化后比较;仍禁止修改来源属性,补齐英文名称的来源一致性比较。 |
| 采购计划模块 | 默认启用。买单列表隐藏直接创建;访问旧直接创建链接也被拦截。未启用企业可独立创建且无可见范围。演示配置入口在本版体验页,生产需后端鉴权。 |
| 项目/方案计数 | 项目和方案显示所有后代中的已选配置数、本单已有配置数;不受本次搜索/分页影响。点击数字在SidePanel列出配置及其方案。 |
| 商品操作分工 | 商品行更多保留协作进度、从本单移除;名称打开详情。编辑、参数、图片、Assessment集中商品详情。详情更多保留从本单移除,权限和原操作相同。 |
| 商务滚动 | 以全部章节相对阅读线的位置判定当前锚点,含贸易术语和企业规则;修复点击跳转与滚动跟踪竞争导致不跳转。左侧只在当前项超出可视区时最小滚动。 |
| 页面层次 | PageTitle白底,Utility极浅灰蓝底,无重复上下边线;SidePanel仍为顶部同级。列表不机械套用,保留表头必要边界。 |
| 对齐与间距 | 列表统计右内边距16;基本/采购标签列96,参数标签列160,列间隔16;采购字段移除重复24px下边距。 |
| 品牌 | Global保留#34465B;左侧快捷栏保留中性浅色;Actor轻量化,Cloud入口浅青蓝底,提高识别而不使用高饱和大色块。 |
开发还原:基准、数值与边界
单位均为CSS px。基准画布1440×900、浏览器缩放100%、默认侧栏、未固定角色菜单;当前浏览器纵向滚动条占15,因此实际排版宽1425。不要把右侧滚动条宽度写死为业务边距。
下表为最终样本测量,不意味着每页标题固定相同高度。标题内容、换行和状态会改变高度;内边距、字体和列结构才是复用约束。
| 模块/选择器 | 具体值 | 实现说明 |
|---|---|---|
| Global / header.top | 高58;左右padding16;gap16 | 背景#34465B;全宽含最左;公司无企业icon占位 |
| 快捷栏 / .rail | 宽66;上padding8;gap16;菜单48×48 | 线性icon20;菜单放Global下首位 |
| 面包屑 / .crumb | 高44;padding8px 4px;字号12/22 | 工作区距快捷栏16;本次未机械增减breadcrumb字符间距 |
| 桌面布局 / .panel-title-peer | 989 + 12 + 326 = 1327 | 画布可用1425减rail66减左右外边距32;主区弹性,侧栏默认326 |
| PageTitle | padding16;标题20/32;标题行gap8 | 本单据样本112高,商品68,商务64;长名称省略并保留完整title |
| Utility | .utility:上下8/左右16;最小高40 | 含上一条/下一条32高按钮时实测48;文字12/20;背景#F7F9FB |
| SidePanel | .side:宽326;左右16;标题区64高 | 标题区域内宽294;不被正文Alert或Utility拉低 |
| 正文 | .rs-content:padding16 | 保留桌面最小内容宽度与横向滚动,不能随意压缩字段列 |
| 商品正文 | 锚点96;gap16;内容min832 | 基本/采购标签96;值列最大424;数量与价格控件160×32 |
| 参数 | .pd-param:160 + 16 + minmax(160,320) + 16 + 操作 | 标签内容实测152;两行后截断,全标题可读取;按最高内容决定行高 |
| 商务 | 锚点280;gap16;内容样本646 | term-grid列间隔16、行间隔24;上标签;非全局统一标签宽度 |
| 控件与图标 | 普通控件32高;padding4px 8px;字体14/22 | 常用线性icon16、stroke1.5;按钮命中32;快捷栏命中48 |
| 字段提示 | 字体12/20;与输入间隔4;字段间隔24 | 错误替换同一位置的提示;不预留多行空白;空提示不占高度 |
| 列表统计 | .result-meta padding:8px 16px 8px 0 | 保留结果区域对齐;右侧不再贴边 |
Windows字体栈沿用原型系统字体回退。不同操作系统的字形、日期控件、滚动条可能不同;不能把云端浏览器截图视为Windows逐像素验收结果。正式开发请统一字体资源与Chrome版本,再按相同视口、数据、状态复验。
开发文件与选择器索引
| 文件 | 用途 |
|---|---|
| handoff/component-dimensions.csv | 逐页面选择器、实测宽高、padding/gap、网格列、字号、颜色。可在表格软件筛选。 |
| handoff/measurements.json | 完整测量快照,含位置、最小/最大宽度;本版实际页面结果。 |
| handoff/index-styles-readable.css / buy-styles-readable.css / collection-styles-readable.css | 将各页样式按实际顺序拆到纯CSS阅读文件,每段带原文件名。供查阅,生产不得与原CSS重复加载。 |
| review-06.css | 本次新增尺寸和样式的最终覆盖;短标签96、参数160、列距16、字段间距24有明确变量。 |
| product-detail.js / product-detail*.css | 商品内容结构、字段和媒体交互;field-design.js统一提示与输入反馈。 |
| product-picker.js / buy-plan-picker.js | 商品库层级汇总与来源采购计划选品;buy-app.js执行追加及失败回滚。 |
| business.js / anchor-visibility.js | 商务章节跟踪、跳转、左侧锚点可见性。 |
| enterprise-modules.js / buy-app.js | 演示企业模块配置、界面入口及创建路由保护。 |
| review-06-feedback.js | 稳定只读原因收拢至Utility与SidePanel。 |
| handoff-inspector.js | URL增加inspect=1出现开发尺寸入口;仅测量,不修改业务数据。 |
原型还保留历史样式覆盖和部分动态内联样式,并非已完成生产组件化重构。纯CSS阅读文件、计算值与源码对应索引解决本轮取值问题;开发应提炼为自己的组件和Token,避免照搬多版覆盖链。
页面信息反馈与提示规范
身份、使用条件、异常、解释、字段反馈、保存反馈分别占据不同位置。每条信息只有一个主展示位置,其他位置提供入口或细节,不重复堆叠同一句只读说明。
| 位置 | 放什么 | 出现与消失 | 规则 |
|---|---|---|---|
| PageTitle | 名称、Revision、Assessment、主操作;保存结果 | 成功后轻量“已保存”;再次修改变为未保存/保存中;失败持续 | 保存不等于Assessment通过,不等于发送。商品保留重试。完整保存范围可通过提示阅读。 |
| Utility左侧 | 当前页面稳定的使用条件,例如商品商务继承只读 | 条件存在就显示;来源、权限、模式变化时更新;不因等待而自动消失 | 阅读模式不是只读权限。尽量一句话;完整约束在SidePanel。 |
| Utility右侧 | 上一条、下一条及位置 | 同类对象可切换时显示;边界禁用;没有上下文时不制造虚假翻页 | 少量现有阅读切换可按需保留,不扩张为通用操作工具栏。 |
| Alert / 内容提示条 | 阻断当前任务的错误、待处理风险与恢复入口 | 错误发生后显示,直到问题解决或离开任务;阻断型不可仅用关闭按钮掩盖 | 放Utility下、主区内,不横跨SidePanel。普通稳定只读无需橙色警告条。 |
| SidePanel | 来源链、权限原因、可编辑范围、关联数量、选中对象解释 | 随对象/上下文切换;详情可折叠;不显示失效的“点击上方编辑”指引 | 仅作解释的内容不能成为用户发现阻断原因的唯一位置。 |
| 字段下 | 格式提示、上限、示例、当前字段报错 | 常态提示;失焦/提交校验;出错用具体报错替换;修正后恢复提示 | 支持aria-describedby和aria-invalid;首次提交定位首个错误。输入法合成期间不抢先报错。 |
| Toast | 完成添加、移除等短暂操作反馈 | 成功短暂显示;错误不得仅靠Toast消失 | 当前原型部分操作失败仍采用Toast,保留输入并可重试;生产需补持续错误和重试入口。 |
去重顺序:字段错误优先定位到字段,跨字段/保存失败用Alert,稳定权限用Utility,解释放SidePanel。消息变化由role=status/aria-live通知,阻断错误用role=alert;不依赖红色或图标单独传递语义。移动端SidePanel作为辅助信息面板打开,关键错误仍留在正文。
本版已落实商品保存反馈迁入标题区、商品稳定权限提示、采购计划锁定和来源买单约束归位。商务仍采用显式保存,其“有未保存修改/保存状态”保留在Utility的现有位置;本节统一定义的全部异常恢复状态尚未逐一接入后端,未宣称所有页面均已完成统一反馈改造。
业务约束与字段校验
| 范围 | 沿用与本版说明 |
|---|---|
| Revision → Assessment → 发送 | 编辑改变修订内容;当前修订需重新Assessment;首次发送后内容只读。历史Assessment不能替代当前修订。 |
| 从采购计划创建买单 | 可见范围继承只读;供应商受来源范围限制;截止不得超来源;商品仅来自来源;商务可阅读全文但不可编辑。 |
| 机会位 | 当前协作6、历史+当前9;发送成功消耗历史次数;退出释放当前位,不退历史次数;未发送草稿预占同供应商商品。 |
| 时间边界 | 剩余不足7天阻止创建/发送/上架;等于7天允许;具体天数可配置。 |
| 商品名称 | 中文名称最多100字符;保存为正式必填;英文选填最多100字符,首尾字母/数字、允许单个空格/-/_。与字段模型的字段名1–30、内部英文名1–50不是同一字段。 |
| 参数 | 参数标题1–30;长标题最多2行,全文可读;参数摘要默认前5项,用户可自定义;商品库复制摘要与Assessment在采购计划/买单只读。 |
| 上传 | 商品视频最多3、每个300MB;附件最多3、每个20MB;原型格式检查沿用既有白名单。真实服务需文件内容/MIME、大小、权限、病毒扫描,不能只靠文件名正则。 |
| 正则/提示/语义 | 正则约束字符结构,提示解释规则;真实日期、上下限、重复、来源约束用语义校验。英文名A按1字符下限合法,不能沿用“长度不足”的错误示例。 |
| 删除与移除 | 单据内移除只删除本单关系;不删除商品库原商品。未发送可按权限移除,发送后不允许用移除绕过协作规则。 |
| 未评审功能 | 云买单、报询价盒子、报价/询价、订单保留上一版体验及快照约束;未新增业务定稿,不把未提及功能当作否定。 |
原型内保留完整字段规则与报错测试页;ZIP包含该页、规则代码和原有测试。本轮未另起一套正则替代历史业务规则。
商务摘要规则与验收用例 · 本次确认
状态:业务规则已确认;当前Review06原型尚未实现本节的新摘要算法。本次仅补充说明和验收规范。下表16项是待实现验收用例,不属于既有126项自动测试的通过记录。
适用:单据详情内的商务摘要。商务页保存完整内容,单据详情提供决策所需信息。最多3类商务摘要与商品参数最多5个摘要是不同规则。
| 规则 | 开发要求 |
|---|---|
| BS-01 类别选择 | 最多展示3个商务类别。未自定义时,优先采用已填写的货款支付、货物交付、价格与税费,不足3类再按商务页类别顺序补齐;用户自定义后按用户选择顺序展示,不自动补回已取消的类别。空类别不生成事实性摘要。 |
| BS-02 完整表达 | 不固定只有货款支付可以完整显示。任何选中类别,只要条件简单、能够紧凑且完整表达,就展示完整条件;不得仅因字符数超过95或105而降为数量提示。 |
| BS-03 主要条件加补充提示 | 有明确主要条件时,展示主要条件及与其不可分离的前提、适用范围、起算点、例外,并明确显示“另有补充条件 · 查看详情”。被省略内容不能改变已展示句子的含义。 |
| BS-04 结构性摘要 | 遇到多批次、多适用范围或复杂例外,无法安全概括主要条件时,改为真实的结构性摘要,例如“按3批交付,各批期限不同 · 查看详情”。不强行拼成通用承诺,也不退化为只有“已填写,包含N项表达”。 |
| BS-05 语义不可拆分 | 金额或比例、币种、时间数值及单位、触发节点、适用对象、必要前提与例外应作为关联条件处理。尤其区分“付款前须取得发票”和“收到发票后开始计算账期”,禁止相互替换。 |
| BS-06 生成依据 | 从当前单据有效的结构化商务数据生成;没有填写的事实不补写,不从示例推断。生成表达条数不等于商务类别数量,也不等于法律或业务条款数量。 |
| BS-07 阅读与布局 | 摘要必须有进入完整商务页的入口;类别的“查看详情”定位到对应类别,沿用当前单据读写权限。视觉折叠不能把不完整句子伪装成完整条件;明确保留补充提示与查看入口。内容重要性优先于单纯字符阈值。 |
| BS-08 同步与边界 | 商务数据有效保存或摘要类别选择改变后,摘要随之刷新;不得显示旧修订的条件。具体类别字段模板、移动端折叠高度和数值尺寸需在实现版逐类核对,本补充不虚构29类的字段定义。 |
实现判断顺序:确定选中类别 → 读取有效数据 → 组合不可拆分的条件 → 能完整表达则完整显示;否则能安全提炼主要条件则显示主要条件及补充提示;仍不能则显示结构性摘要。数量、字符数不能替代语义判断。
示例仅用于解释:“按3批交付,各批期限不同”必须确有3批且期限不同;若各批期限相同,就不能套用该文案。测试应检查含义与来源字段,不只检查字符串长度。
待实现验收用例
| 编号 | 输入/操作 | 预期结果 | 状态 |
|---|---|---|---|
| BS-T01 | 默认有支付、交付、税费和其他类别内容 | 最多显示前三个优先类别,不展示第4类 | 待实现、待执行 |
| BS-T02 | 用户自定义选择其他2类 | 保留所选2类与顺序,不自动补回支付或补成3类 | 待实现、待执行 |
| BS-T03 | 尝试选择第4个摘要类别 | 阻止新增并解释最多3类,原有选择不变 | 待实现、待执行 |
| BS-T04 | 交付只有期限、起算点和目的地,条件简单 | 完整表达交付条件,不因它不是货款支付而仅显示已填写 | 待实现、待执行 |
| BS-T05 | 价格与税费只有币种、含税口径及税率 | 完整表达已填事实,不补写发票类型或费用承担 | 待实现、待执行 |
| BS-T06 | 简单且完整的内容跨过原95/105字符阈值 | 不突然变成包含N项表达;按语义规则展示,必要时明确折叠 | 待实现、待执行 |
| BS-T07 | 付款主条件附带发票与对账前提 | 摘要保留关联前提,不只显示比例与天数 | 待实现、待执行 |
| BS-T08 | 对比付款前取得发票与取得发票后起算账期两份数据 | 生成不同且准确的表达,不把付款前提改写成起算点 | 待实现、待执行 |
| BS-T09 | 主要条件外有不会改变其含义的补充条件 | 显示主要条件和另有补充条件提示,查看详情可读全部 | 待实现、待执行 |
| BS-T10 | 有3批交付且各批期限不同 | 结构性摘要明确3批及期限不同,不选取某一批期限冒充全部 | 待实现、待执行 |
| BS-T11 | 有不同商品适用范围或例外条件 | 保留适用范围与例外;不能安全概括时转为结构性摘要 | 待实现、待执行 |
| BS-T12 | 交付生成29条表达、税费生成23条表达 | 不称为29类或23类商务,不以这两个计数代替关键条件 | 待实现、待执行 |
| BS-T13 | 选中类别为空或有效保存后被清空 | 不捏造已填写内容;不展示空摘要,不擅自补选其他类别 | 待实现、待执行 |
| BS-T14 | 保存商务修改或更改摘要类别 | 展示当前有效数据和新选择,不残留旧条件 | 待实现、待执行 |
| BS-T15 | 从采购计划派生的只读买单点击摘要详情 | 进入对应商务类别并可阅读全部,不能通过该入口编辑 | 待实现、待执行 |
| BS-T16 | 桌面与窄屏阅读复杂摘要 | 补充标识及详情入口可达;省略或折叠不把半句表现为完整承诺 | 待实现、待执行 |
开发完成后,逐项填写实际结果、通过/失败、测试版本及证据。旧版compact()中95/105字符阈值和支付期数触发的计数降级需替换;不能保留旧算法却仅修改提示文案。
验证记录与验收步骤
126项自动测试通过、11组全流程测试通过,另有买单创建、来源一致性、重复选择、机会位专项检查。JavaScript语法检查通过。完整输出见ZIP的dist/evidence/review06-*。
| 验收场景 | 实际结果 |
|---|---|
| 买单已有A → 添加B → 再进入 | A与B均checked+disabled;本次已选0;清空不移除A/B。 |
| 商品缺少可选空数组 | 允许保存语义等同的旧数据;修改英文名称仍被来源约束拒绝。 |
| 项目 → 方案 → 配置,选择1项后回项目 | 显示已选配置1;同时保留本单已有配置4;点数字侧栏列出具体配置。 |
| 商务点击价格与税费 | 最终落点约标题下16px;锚点保持对应章节;无跳转被滚动跟踪取消。 |
| 采购计划模块启用 | 列表直接创建入口不存在;直接访问旧URL显示从采购计划创建说明。 |
| 独立买单首屏 | 供应商可选择;没有可见范围字段。 |
| 列表统计 | 实测右padding16;不改变表格外缘。 |
| 桌面/移动 | 1440画布抽查详情、商品、商务、选品、买单及列表;390画布抽查标题与单据阅读。并非全部设备全部状态逐像素检查。 |
自动测试是本地原型逻辑测试,不是生产接口、安全权限或真实并发测试。正式接入需验证事务原子性、机会位并发占用、服务器权限、文件内容校验、跨端冲突、真实供应商发送与审核。
逐页面实测表
以下展开表来自实际DOM。高度为当前样本内容高度,长页非固定高度;未指定状态均为本轮体验样本。精确到小数的值来自浏览器布局,开发通常按Token值构造,不硬编码每个小数。
采购计划详情 / 1440
| 选择器 | 宽×高 | 内边距 | 间隔 | 网格列 | 字号/行高 |
|---|---|---|---|---|---|
| header.top | 1425.00 × 58.00 | 0px 16px | 16px | none | 14px / 22px |
| .rail | 66.00 × 1542.62 | 8px 0px 24px | 16px | none | 16px / 22px |
| .crumb | 1327.00 × 44.00 | 8px 4px | normal | none | 12px / 22px |
| .panel-title-peer | 1327.00 × 1482.62 | 0px | 0px | 989px 12px 326px | 16px / 22px |
| .rs-left | 989.00 × 1482.62 | 0px | normal | none | 16px / 22px |
| .page-title | 989.00 × 112.00 | 16px | normal | none | 16px / 22px |
| .title-line | 957.00 × 32.00 | 0px | 8px | none | 16px / 22px |
| .page-title h1 | 161.16 × 32.00 | 0px | normal | none | 20px / 32px |
| .utility | 989.00 × 48.00 | 8px 16px | 8px | none | 12px / 20px |
| .rs-content | 978.00 × 1322.62 | 16px | normal | none | 16px / 22px |
| .side | 326.00 × 1010.97 | 0px 16px 16px | normal | none | 16px / 22px |
| .task-panel-head | 294.00 × 64.00 | 16px 0px | 8px | none | 16px / 22px |
| .role-nav-trigger | 48.00 × 48.00 | 0px | 4px | none | 14px / 22px |
| .cloud-store | 250.81 × 40.00 | 8px | 8px | none | 14px / 22px |
商品阅读 / 1440
| 选择器 | 宽×高 | 内边距 | 间隔 | 网格列 | 字号/行高 |
|---|---|---|---|---|---|
| header.top | 1425.00 × 58.00 | 0px 16px | 16px | none | 14px / 22px |
| .rail | 66.00 × 1613.00 | 8px 0px 24px | 16px | none | 16px / 22px |
| .crumb | 1327.00 × 44.00 | 8px 4px | normal | none | 12px / 22px |
| .panel-title-peer | 1327.00 × 1553.00 | 0px | 0px | 989px 12px 326px | 16px / 22px |
| .rs-left | 989.00 × 1553.00 | 0px | normal | none | 16px / 22px |
| .page-title | 989.00 × 68.00 | 16px | normal | none | 16px / 22px |
| .title-line | 957.00 × 36.00 | 0px | 8px | none | 16px / 22px |
| .page-title h1 | 369.23 × 32.00 | 0px | normal | none | 20px / 32px |
| .utility | 989.00 × 48.00 | 8px 16px | 16px | none | 12px / 20px |
| .rs-content | 974.00 × 1437.00 | 16px | 16px | 96px 832px | 16px / 22px |
| .pd-side | 326.00 × 500.34 | 0px 16px 16px | normal | none | 13px / 23.4px |
| .task-panel-head | 294.00 × 64.00 | 16px 0px | 8px | none | 13px / 23.4px |
| .pd-anchors | 96.00 × 176.00 | 0px | 4px | 96px | 16px / 22px |
| .pd-main | 832.00 × 1405.00 | 0px | normal | none | 16px / 22px |
| .pd-field | 760.00 × 100.00 | 0px | 4px 16px | 96px 424px | 14px / 22px |
| .pd-field | 760.00 × 32.00 | 0px | 4px 16px | 96px 424px | 14px / 22px |
| .pd-field>span | 96.00 × 32.00 | 0px | normal | none | 13px / 32px |
| .pd-field>span | 96.00 × 32.00 | 0px | normal | none | 13px / 32px |
| .pd-field>input | 160.00 × 32.00 | 4px 8px | normal | none | 14px / 22px |
| .pd-field>input | 160.00 × 32.00 | 4px 8px | normal | none | 14px / 22px |
| .pd-param | 832.00 × 44.00 | 0px | 4px 16px | 160px 320px 212.688px | 14px / 22px |
| .pd-param | 832.00 × 32.00 | 0px | 4px 16px | 160px 320px 32.0156px | 14px / 22px |
| .pd-param-title | 152.00 × 27.00 | 5px 0px 0px | 8px | none | 13px / 22px |
| .pd-param-title | 152.00 × 27.00 | 5px 0px 0px | 8px | none | 13px / 22px |
| .field-feedback | 424.00 × 20.00 | 0px | normal | none | 12px / 20px |
| .field-feedback | 424.00 × 20.00 | 0px | normal | none | 12px / 20px |
| .role-nav-trigger | 48.00 × 48.00 | 0px | 4px | none | 14px / 22px |
| .cloud-store | 250.81 × 40.00 | 8px | 8px | none | 14px / 22px |
商务编辑 / 1440
| 选择器 | 宽×高 | 内边距 | 间隔 | 网格列 | 字号/行高 |
|---|---|---|---|---|---|
| header.top | 1425.00 × 58.00 | 0px 16px | 16px | none | 14px / 22px |
| .rail | 66.00 × 5413.56 | 8px 0px 24px | 16px | none | 16px / 22px |
| .crumb | 1327.00 × 44.00 | 8px 4px | normal | none | 12px / 22px |
| .panel-title-peer | 1327.00 × 5353.56 | 0px | 0px | 989px 12px 326px | 16px / 22px |
| .rs-left | 989.00 × 5353.56 | 0px | normal | none | 16px / 22px |
| .page-title | 989.00 × 64.00 | 16px | normal | none | 16px / 22px |
| .title-line | 957.00 × 32.00 | 0px | 8px | none | 16px / 22px |
| .page-title h1 | 120.00 × 32.00 | 0px | normal | none | 20px / 32px |
| .utility | 989.00 × 40.00 | 8px 16px | 8px | none | 12px / 20px |
| .rs-content | 974.00 × 5249.56 | 16px | 16px | 280px 646px | 16px / 22px |
| .side | 326.00 × 1003.36 | 0px 16px 16px | normal | none | 16px / 22px |
| .task-panel-head | 294.00 × 64.00 | 16px 0px | 8px | none | 16px / 22px |
| .terms-nav | 280.00 × 764.00 | 8px 0px | normal | none | 16px / 22px |
| .terms-main | 646.00 × 5217.56 | 0px | normal | none | 16px / 22px |
| .field-feedback | 612.00 × 20.00 | 0px | normal | none | 12px / 20px |
| .field-feedback | 281.00 × 40.00 | 0px | normal | none | 12px / 20px |
| .term-field | 298.00 × 62.00 | 0px | normal | none | 14px / 22px |
| .term-field | 612.00 × 129.00 | 0px | normal | none | 14px / 22px |
| .term-field input | 448.00 × 32.00 | 4px 8px | normal | none | 14px / 22px |
| .term-field input | 420.00 × 33.00 | 4px 8px | normal | none | 14px / 22px |
| .term-field select | 240.00 × 32.00 | 4px 32px 4px 8px | normal | none | 14px / 22px |
| .term-field select | 240.00 × 32.00 | 4px 32px 4px 8px | normal | none | 14px / 22px |
| .term-grid | 612.00 × 62.00 | 0px | 24px 16px | 298px 298px | 16px / 22px |
| .term-grid | 612.00 × 258.00 | 0px | 24px 16px | 298px 298px | 16px / 22px |
| .role-nav-trigger | 48.00 × 48.00 | 0px | 4px | none | 14px / 22px |
| .cloud-store | 250.81 × 40.00 | 8px | 8px | none | 14px / 22px |
商品库项目层选品 / 1440
| 选择器 | 宽×高 | 内边距 | 间隔 | 网格列 | 字号/行高 |
|---|---|---|---|---|---|
| header.top | 1425.00 × 58.00 | 0px 16px | 16px | none | 14px / 22px |
| .rail | 66.00 × 1028.00 | 8px 0px 24px | 16px | none | 16px / 22px |
| .crumb | 1327.00 × 44.00 | 8px 4px | normal | none | 12px / 22px |
| .panel-title-peer | 1327.00 × 968.00 | 0px | 0px | 989px 12px 326px | 16px / 22px |
| .rs-left | 989.00 × 968.00 | 0px | normal | none | 16px / 22px |
| .page-title | 989.00 × 64.00 | 16px | normal | none | 16px / 22px |
| .title-line | 957.00 × 32.00 | 0px | 8px | none | 16px / 22px |
| .page-title h1 | 80.00 × 28.00 | 0px | normal | none | 20px / 28px |
| .utility | 989.00 × 48.00 | 8px 16px | 12px | none | 12px / 20px |
| .rs-content | 974.00 × 856.00 | 16px | 16px | 240px 686px | 16px / 22px |
| .pk-side | 326.00 × 337.00 | 0px 16px 16px | normal | none | 16px / 22px |
| .task-panel-head | 294.00 × 64.00 | 16px 0px | 8px | none | 16px / 22px |
| .pk-card | 678.00 × 179.00 | 16px | 16px | 62px 566px | 16px / 22px |
| .pk-card | 678.00 × 179.00 | 16px | 16px | 62px 566px | 16px / 22px |
| .pk-long-image | 62.00 × 88.00 | 0px | normal | none | 16px / 22px |
| .pk-long-image | 62.00 × 88.00 | 0px | normal | none | 16px / 22px |
| .pk-long-actions | 566.00 × 41.00 | 8px 0px 0px | 16px | none | 16px / 22px |
| .pk-long-actions | 566.00 × 41.00 | 8px 0px 0px | 16px | none | 16px / 22px |
| .role-nav-trigger | 48.00 × 48.00 | 0px | 4px | none | 14px / 22px |
| .cloud-store | 250.81 × 40.00 | 8px | 8px | none | 14px / 22px |
买单详情 / 1440
| 选择器 | 宽×高 | 内边距 | 间隔 | 网格列 | 字号/行高 |
|---|---|---|---|---|---|
| header.top | 1425.00 × 58.00 | 0px 16px | 16px | none | 14px / 22px |
| .rail | 66.00 × 1053.38 | 8px 0px 24px | 16px | none | 16px / 22px |
| .crumb | 1327.00 × 44.00 | 8px 4px | normal | none | 12px / 22px |
| .panel-title-peer | 1327.00 × 993.38 | 0px | 0px | 989px 12px 326px | 16px / 22px |
| .rs-left | 989.00 × 858.00 | 0px | normal | none | 16px / 22px |
| .page-title | 989.00 × 112.00 | 16px | normal | none | 16px / 22px |
| .title-line | 957.00 × 32.00 | 0px | 8px | none | 16px / 22px |
| .page-title h1 | 84.59 × 32.00 | 0px | normal | none | 20px / 32px |
| .utility | 989.00 × 48.00 | 8px 16px | 8px | none | 12px / 20px |
| .rs-content | 978.00 × 698.00 | 16px | normal | none | 16px / 22px |
| .side | 326.00 × 993.38 | 0px 16px 16px | normal | none | 16px / 22px |
| .task-panel-head | 294.00 × 64.00 | 16px 0px | 8px | none | 16px / 22px |
| .role-nav-trigger | 48.00 × 48.00 | 0px | 4px | none | 14px / 22px |
| .cloud-store | 250.81 × 40.00 | 8px | 8px | none | 14px / 22px |
来源采购计划选品 / 1440
| 选择器 | 宽×高 | 内边距 | 间隔 | 网格列 | 字号/行高 |
|---|---|---|---|---|---|
| header.top | 1425.00 × 58.00 | 0px 16px | 16px | none | 14px / 22px |
| .rail | 66.00 × 1613.00 | 8px 0px 24px | 16px | none | 16px / 22px |
| .crumb | 1327.00 × 44.00 | 8px 4px | normal | none | 12px / 22px |
| .pk-card | 937.00 × 222.00 | 16px | 16px | 62px 825px | 16px / 22px |
| .pk-card | 937.00 × 192.00 | 16px | 16px | 62px 825px | 16px / 22px |
| .bpp-heading | 937.00 × 72.00 | 24px 0px 16px | 16px | none | 16px / 22px |
| .bpp-toolbar | 937.00 × 34.00 | 0px | 16px | none | 16px / 22px |
| .bpp-card | 937.00 × 222.00 | 16px | 16px | 62px 825px | 16px / 22px |
| .bpp-card | 937.00 × 192.00 | 16px | 16px | 62px 825px | 16px / 22px |
| .bpp-check input | 16.00 × 16.00 | 0px | normal | none | 13px / 22px |
| .bpp-check input | 16.00 × 16.00 | 0px | normal | none | 13px / 22px |
| .bpp-panel | 326.00 × 460.00 | 24px 16px | normal | none | 16px / 22px |
| .role-nav-trigger | 48.00 × 48.00 | 0px | 4px | none | 14px / 22px |
| .cloud-store | 250.81 × 40.00 | 8px | 8px | none | 14px / 22px |
采购计划列表 / 1440
| 选择器 | 宽×高 | 内边距 | 间隔 | 网格列 | 字号/行高 |
|---|---|---|---|---|---|
| header.top | 1425.00 × 58.00 | 0px 16px | 16px | none | 14px / 22px |
| .rail | 66.00 × 1677.00 | 8px 0px 24px | 16px | none | 14px / 22px |
| .breadcrumb | 1327.00 × 44.00 | 0px 0px 0px 4px | normal | none | 12px / 22px |
| .panel-title-peer | 1327.00 × 1633.00 | 0px | 0px | 989px 12px 326px | 14px / 22px |
| .task-panel-head | 294.00 × 64.00 | 16px 0px | 8px | none | 14px / 22px |
| .collection-result-header | 957.00 × 49.00 | 0px | 0px 16px | none | 14px / 22px |
| .result-meta | 58.70 × 36.00 | 8px 16px 8px 0px | 16px | none | 12px / 20px |
| .toolbar | 989.00 × 64.00 | 16px | 8px | none | 14px / 22px |
| .role-nav-trigger | 48.00 × 48.00 | 0px | 4px | none | 14px / 22px |
| .cloud-store | 250.81 × 40.00 | 8px | 8px | none | 14px / 22px |
独立买单首屏 / 1440
| 选择器 | 宽×高 | 内边距 | 间隔 | 网格列 | 字号/行高 |
|---|---|---|---|---|---|
| header.top | 1425.00 × 58.00 | 0px 16px | 16px | none | 14px / 22px |
| .rail | 66.00 × 802.00 | 8px 0px 24px | 16px | none | 16px / 22px |
| .crumb | 1327.00 × 44.00 | 8px 4px | normal | none | 12px / 22px |
| .panel-title-peer | 1327.00 × 742.00 | 0px | 0px | 989px 12px 326px | 16px / 22px |
| .rs-left | 989.00 × 742.00 | 0px | normal | none | 16px / 22px |
| .page-title | 989.00 × 64.00 | 16px | normal | none | 16px / 22px |
| .title-line | 957.00 × 32.00 | 0px | 8px | none | 16px / 22px |
| .page-title h1 | 120.00 × 32.00 | 0px | normal | none | 20px / 32px |
| .rs-content | 978.00 × 678.00 | 16px | normal | none | 16px / 22px |
| .side | 326.00 × 377.12 | 0px 16px 16px | normal | none | 16px / 22px |
| .task-panel-head | 294.00 × 64.00 | 16px 0px | 8px | none | 16px / 22px |
| .field-feedback | 480.00 × 20.00 | 0px | normal | none | 12px / 20px |
| .field-feedback | 480.00 × 20.00 | 0px | normal | none | 12px / 20px |
| .role-nav-trigger | 48.00 × 48.00 | 0px | 4px | none | 14px / 22px |
| .cloud-store | 250.81 × 40.00 | 8px | 8px | none | 14px / 22px |
移动单据详情 / 390
| 选择器 | 宽×高 | 内边距 | 间隔 | 网格列 | 字号/行高 |
|---|---|---|---|---|---|
| .panel-title-peer | 343.00 × 2962.50 | 0px | 0px | minmax(0px, 1fr) 12px 183px | 16px / 22px |
| .rs-left | 343.00 × 2962.50 | 0px | normal | none | 16px / 22px |
| .page-title | 328.00 × 309.00 | 16px | 8px | none | 16px / 22px |
| .title-line | 296.00 × 160.00 | 0px | 8px | none | 16px / 22px |
| .page-title h1 | 296.00 × 56.00 | 0px | normal | none | 20px / 28px |
| .utility | 328.00 × 80.00 | 0px 16px 8px | 8px | none | 12px / 20px |
| .rs-content | 328.00 × 2565.50 | 16px | normal | none | 16px / 22px |
上一版说明保留
修订05说明及历史体验入口继续保留。与本版明确修改冲突的条目,以本版为准;未评审内容继续待对齐。