# 用户端页面与交互

## 首页

用户进入首页后，可以阅读产品能力、案例和 FAQ，也可以直接开始创作。用户输入 Prompt、上传 reference 图片后点击“创建概念”，未登录时先进入登录或注册，登录成功后回到原来的创作意图并提交一次。用户协议、隐私政策在独立页面阅读，不丢失当前表单；Cookie 政策的独立公开入口目前未确认开放。

![首页真实页面截图](首页.png)

截图展示首页首屏的描述输入、参考图入口和“创建概念”按钮；其中标题含当前 Test 内容，不代表正式发布文案。

## 登录、注册与找回密码

- 注册：填写邮箱、验证码、密码并同意协议，点击注册后进入工作区。
- 登录：填写邮箱和密码，点击登录；登录失败时在原区域提示，当前创作意图保留。
- 找回密码：请求验证码、填写新密码并提交，成功后回到登录页，不自动登录。
- 第三方登录：点击 Google、Facebook 或 Apple，完成官方授权后返回原入口；取消授权不创建账号。

![登录页面真实截图](登录.png)

当前 Test 未开放第三方入口，截图只展示邮箱登录。

### 注册账号

从登录页切换“注册账号”，填写邮箱、验证码和密码。此图展示填写阶段，不代表已经注册成功。

![注册账号表单](注册.png)

### 找回密码

从登录页点击“忘记密码？”，进入验证码与新密码表单。

![找回密码表单](找回密码.png)

## WorkspaceV3 创作工作区

用户在左侧填写 Prompt、材质、颜色、风格、尺寸和参考图，在中央查看当前设计，在资产库查看历史结果。

![Workspace 真实页面截图](工作区.png)

- 点击“生成”创建一组主图任务；成功后产生新资产，不覆盖旧资产。
- 点击某个结果设为当前设计，再生成变体；变体产生新的子资产并保留父资产关系。
- 在中央主图右侧的视图缩略栏，点击带加号的“生成三视图”入口；不是点击最右侧资产库中的“三视图”分类标签。正、侧、背三张图归属于当前资产。
- 刷新或重新进入页面时，任务状态和已保存结果恢复；失败输出可单独重试，未知结果先查询。
- reference 图片只参与本次创作；在资产库点击 Upload 才创建独立资产。

### 创建三视图的具体位置

1. 从左侧“创作”进入工作区，在最右侧“我的资产”中点击目标资产。中央大图和标题变化，表示已选中该设计。
2. 看中央大图右边、资产库左边的窄缩略栏。主图缩略图下方，紫色虚线框内的加号按钮就是“生成三视图”，同时显示预估 Token 消耗。
3. 点击后提交当前资产的视图生成任务；生成期间等状态结束后再查看图片。不要把加载占位当成生成结果。
4. 完成后点击“正面”“侧面”“背面”缩略图逐张检查。完整三视图已经存在时，该加号入口不一定继续显示。
5. 检查满意后点击中央下方“进入生产”。三视图是补充资料，不要求凑齐三张才能进入生产蓝图。

![选中单图资产后，中央主图右侧出现生成三视图加号入口](创建三视图入口.png)

本图核验的是入口位置，未点击付费生成。最右侧资产上的“三视图”标签只是说明该资产已有视图，不是创建按钮。

## AssetsV2 我的资产

用户可以搜索、筛选、排序并切换网格或列表视图。点击资产可打开 Workspace 继续编辑；点击 Upload 选择文件并确认后创建独立资产。用户可以通过 Edit 改名、下载或删除资产。删除是软删除，已提交订单中的历史快照仍可查看。

![Assets 真实页面截图](资产.png)

## BlueprintV2 生产蓝图

用户选择设计和已有视图，填写材质、尺寸、数量、包装、配件、填充、香味、工艺标注和备注，并可保存草稿或复制草稿。

![Blueprint 真实页面截图](生产蓝图.png)

- 点击“保存”保存当前蓝图版本，不创建订单。
- 点击“估价”查看基于当前目录的预估，不等于正式报价。
- 点击“申请样品”进入样品确认与付款页面。
- 点击“提交量产”创建量产订单，之后等待管理人员报价。
- 更换设计时，系统提示清理不适用标注；取消操作保留原内容。

### 切换量产

在蓝图右侧切换“量产”，设置数量并查看预估金额，然后点击“申请量产”进入联系资料确认页。图中 300 件与 $1,650.00 是预估，不是正式报价。

![量产蓝图的数量与预估金额](量产蓝图.png)

## SamplePayment 样品付款

新版样品付款页展示目录费用、修改权益、邮箱、银行卡号、有效期、CVC、邮编和条款确认。银行卡由 Stripe 安全控件承载，用户在本站填写并点击页面底部带金额的付款主按钮；如需额外验证，按 Stripe 引导完成。样品不必等管理员报价。付款确认期间保留原表单，按钮显示“正在确认付款…”，确认到账后直接进入订单详情。

![样品付款真实页面截图](样品付款.png)

此图是当前 Test 旧版付款前确认页，不是新版站内银行卡表单，也不是支付成功画面。新版操作、旧版托管入口与订单内补款的区别见[用户完整流程](03-用户完整流程.md)。本轮未部署新版、未重新扣款。

## MassProductionConfirm 量产提交

用户确认设计、数量、联系人和需求后点击“提交量产”。页面提示这是量产申请，当前预算不是正式报价；提交后进入订单详情，等待管理人员审核并发布报价。

![量产提交真实页面截图](量产提交.png)

## MyOrders 订单列表

用户按进行中、待处理和已完成查看订单，也可以搜索、排序和分页。订单卡片显示当前状态、待处理事项和未读订单消息。点击订单进入详情；侧栏订单入口显示未读消息总数。

![我的订单真实页面截图](我的订单.png)

## OrderDetail 订单详情与消息

页面展示订单快照、设计、蓝图、报价、支付记录、生产阶段、物流和消息。用户可以：

![订单详情真实页面截图](订单详情.png)

图中是已完成的样品订单，展示已确认地址和已提交的 5/5 评价，不是待付款、制造中或物流操作示例。以下动作取决于订单当前阶段，并非此图同时展示的按钮。

- 在有效报价卡片点击“接受并付款”，在付款请求卡片点击“立即付款”。
- 在样品卡片点击“审核样品”，检查图片后确认样品或提交修改意见。
- 在地址任务点击“选择收货地址”，再点击“提交选中地址”；管理员确认地址与运费，客户按需要支付补款。
- 收到货后点击“确认收货”。
- 在符合条件时点击“评价”，提交后评价卡片变为只读。
- 在消息区发送文字、图片或附件，针对某一条管理人员消息进行回复。

消息发送后出现在同一订单时间线上，管理人员的报价、地址请求、生产更新、质检结论和售后结果也以消息卡片或业务卡片出现。

### 订单详情的操作分布

| 页面区域 | 可以查看什么 | 按钮及具体作用 | 不代表什么 |
| --- | --- | --- | --- |
| 页首与返回入口 | 产品名、订单号、当前阶段 | 返回订单列表，换另一笔订单 | 不改变当前订单 |
| 左侧“业务动态与沟通” | 客户和管理员消息、报价、付款、样品、地址、物流等卡片 | 对当前有效卡片执行付款、审核、提交地址等动作 | 不是所有阶段的按钮同时开放 |
| 沟通区底部 | 文字输入和待发送附件 | 图片/附件入口选择材料，纸飞机按钮发送文字；“反馈问题”先定位沟通区，再由客户确认发送 | 普通消息不会直接确认支付、收货或退款 |
| 右侧订单摘要 | 类型、数量、订单金额、生产资料及可用后续操作 | 样品符合条件时“申请寄样”；售后文字入口打开申请或联系沟通 | 联系资料不是已确认的发货地址 |
| 地址业务卡 | 地址待办、已提交地址或已确认地址快照 | “选择收货地址”“提交选中地址”；确认后如允许修改，点“申请修改地址” | 地址簿保存不等于订单地址提交 |
| 沟通区下方当前操作条 | 已送达后的收货待办 | “确认收货”提交收货；“反馈问题”转去沟通 | 不能用确认收货来反馈损坏或漏件 |
| “评价与反馈” | 星级、标签、文字及已有评价 | 点击星级与标签、填写评价后提交；样品评价区可添加图片 | 已提交评价只读，不是可反复修改的留言 |

样品的评价入口在确认样品后的沟通动态中；非样品订单的评价区域在右侧摘要下方，尚未达到可评价阶段时显示不可评价说明。

### 地址弹窗

点击“选择收货地址”后，弹窗列出地址簿记录；点击某一地址的单选项，再点底部“提交选中地址”。没有地址时点“新增地址”，填写收件人、联系电话、国家/地区及详细地址等表单字段，点“保存地址”。保存后返回选择界面，还需提交选中地址，才会发给管理员。

“取消”在新增表单中返回地址选择，在选择界面中关闭弹窗。地址已发送后等待管理员在同订单对话卡内确认。后续修改账户地址簿不会静默改写已确认的订单地址。

### 售后入口与表单

售后入口位于订单摘要，不是独立的全站客服页。未付款、未发货时显示取消申请；已付款、未发货时显示退款申请；已发货、已送达或已完成时当前入口转为联系客服。已存在申请时可查看售后对话，不应重复新建同一事项。

退款表单展示已支付金额、当前可退款金额、申请退款金额、问题描述、证据上传和同意选项。量产退款还需选择“停止履约”或“继续履约”。检查后点“提交申请”；“返回”退出当前表单。停止履约表示要求暂停后续制造/寄送，并不表示提交即退款成功；继续履约表示保留生产交付诉求。

申请后的审核状态、拒绝原因、退款处理中/成功/失败和预计到账时间在售后对话中查看。已发货售后目前只能从页面联系沟通，完整退货、换货、自助退款闭环尚不能据此认定已实现。

## Account 账户

用户可编辑头像、姓名、电话和公司信息，管理密码和最多 10 个地址，查看 Token 周期、余额、账本和规则。账户页独立于工作区布局，保存失败时保留输入并提示重试。

![账户真实页面截图](账户.png)

## Notifications 通知

通知分为订单动态和系统通知。用户可单条或全部标记已读，点击订单通知跳转到对应订单；已读状态刷新后保持。

![通知真实页面截图](通知.png)

图中为“订单动态”分类的空列表，页签计数与空列表同时存在；不能据此认定通知完整读取成功。

### 公开政策和积分规则

用户从相关入口进入独立阅读页。以下三页在本次 Test 复验中均显示“文档尚未发布”，这是加载后的空状态，不是正文截图。

#### 用户协议

![用户协议未发布状态](用户协议.png)

#### 隐私政策

![隐私政策未发布状态](隐私政策.png)

#### 积分使用规则

![积分规则未发布状态](积分规则.png)