售后服务中心 · PC 官网高保真原型

橙色极简风 · 共 6 个页面 · 点击下方卡片进入

1

服务中心首页

「我的设备」轮播 banner(自动+手动切换)+「全部服务」5 张入口卡。也演示无设备空状态(可访问 service-center.html?empty=1)。

2

选择服务类型

显示当前设备(可切换),下方为维修 / 退换货 / 上门服务 / 咨询四种服务类型选择。

3

申请维修

设备信息 + 服务政策入口 + 问题描述弹框(含图片/视频上传)+ 上门取件(时间 & 地址弹框)+ 服务条款 + 提交按钮联动校验。

4

服务进度

「处理中」与「售后记录」Tab 切换。处理中工单在「待寄出商品」状态展示取消售后按钮,点击有二次确认弹框。

5

工单详情

状态时间轴 + 物流轨迹 + 受理商品 + 服务信息(问题描述+凭证)+ 处理方案 + 费用明细。状态流转时空字段自动隐藏。

6

服务政策 + 客服中心

三包政策、退换货、增值服务说明。客服中心提供智能助手 / 热线 / 在线客服多渠道入口。

💡 提示:点击页面右上角"切换设备"会打开抽屉,可在多台设备间切换
Powered by HTML/CSS/JS 静态原型 · 仅用于交互演示