| 设计项 | 类型 | 设计要求 | 示意 |
|---|---|---|---|
| AI附件解析列 · 徽标5态 | 必须 |
文件列表新增一列，每个文件包一个状态徽标。 需出：5种徽标���式（图标+底色+文字+数字徽章），参考原型实际配色 |
不一致 3
未确认 10
已确认
解析中
/
↑ 5种状态样式
|
| 状态徽标 · 悬浮卡 | 必须 |
鼠标悬浮徽标弹出卡片。 需出：卡片样式（标题+参数列表+底部提示），超过6项的省略样式 |
⚠ 参数不一致（共3项）
板子层数2/4
最小线宽6/5
…共3项，点击查看
|
| 文件名 · 悬浮卡 | 必须 |
悬浮文件名弹出：文件列表（名称/格式/参数数），可下载 需出：卡片样式 + 文件行 + 下载图标 |
📦 文件包内容（共2个文件）
📎工艺说明.xlsx7项
📎制板说明.xls3项
|
| 新人引导气泡 | 必须 |
指向徽标的引导气泡（2步） 需出：气泡样式（遮罩+箭头+步骤点+跳过/下一步按钮） |
💡 嘉立创AI文件解析
上传Gerber+附件后自动解析对比各文件参数…
● ○
下一步
|
| 设计项 | 类型 | 设计要求 | 示意 |
|---|---|---|---|
| 面板整体布局 | 必须 |
右侧滑出（约680px宽），从上到下：标题栏→提示区→对比表→文件包区→底部按钮 需出：整体框架 + 标题栏 |
标题栏
提示区
对比表
文件包
底部按钮
|
| 顶部提示区 · 3态 | 必须 |
面板顶部根据文件状态展示不同颜色提示 需出：3种提示条（橙/琥珀/灰） |
⚠检测到3项参数不一致…
○参数无冲突，尚未确认…
✓已用户确认…
|
| 对比表 · 行状态样式 | 必须 |
对比表每行根据状态标不同颜色，含备注列 需出：3种行样式 + 单元格选中/未注明 + 备注标签 |
板子层数
●2
4
4
不一致
成品板厚
未注明
●1.6
2.0
参考附件
金手指
●否
否
否
参考Gerber
|
| 底部按钮 | 必须 |
左小右大：灰色「保存参数」+ 蓝色「确认并下单」 需出：按钮样式 + toast 提示 |
💾 保存参数
✓ 确认并下单（后续自动沿用参数）
|
| 设计项 | 类型 | 设计要求 | 示意 |
|---|---|---|---|
| 参数确认弹窗 | 必须 |
居中弹窗（约900px），复用对比表 需出：弹窗框架 + 「确认N项参数」按钮 |
参数确认×
检测到3项参数不一致…
对比表（同侧滑面板）
确认3项参数无误 |
| 顶部横幅 · 3场景 | 必须 |
下单页顶部参数提示条，右侧有操作按钮 需出：2种底色横幅（橙/蓝）+ 按钮样式 |
⚠ 检测到2项参数不一致…
查看并选择
📎 附件解析出4项参数…
查看并确认
|
| 字段冲突提示条 | 必须 |
字段下方的橙色提示（含可点击值+小×关闭） 需出：提示条 + ×按钮 + 悬浮详情卡 |
板子层数：● 2 ● 4 ● 6
⚠ Gerber 2层 / 附件1、附件2 4层
×
|
| 参数AI图标（已确认态） | 必须 |
已确认参数的字段右侧AI标识图标 需出：AI图标 + 悬浮卡 + 「已确认」绿标 |
板子层数：
4层
⬡ AI
板子层数 · 已确认采用
Gerber4层
附件1✓ 4层 已确认
|
| AI检查订单抽屉 | 必须 |
右侧滑出抽屉，信息确认区+参数检查区+底部提交 需出：抽屉框架 + 差异卡片 + 参数表 + 提交区 |
订单检查
差异卡片 ×2
参数检查表
确认并提交
|
共约 14 个设计项，标注「必须」的为核心视觉。配色参考嘉立创主色 #2F6BFF，状态色用橙/琥珀/灰/蓝区分。原型可交互体验：点击查看