我的订单
我的订单页:滚动加载展示全部订单,含订单编号、下单与支付时间、金额与状态,未支付订单可一键继续支付。
1. 页面信息
- 网页地址:https://9kvr.cn/user/pay/orders
- 所属模块:用户中心 · 订单与支付
- 页面用途:订单列表页。顶部横幅显示「我的订单」与全部订单数量。下面是订单卡片列表,每张卡片显示订单事项、订单类型、下单时间、金额与状态标签,下方一排是订单编号(可点复制)、下单时间、支付时间,卡片底部有「查看详情」和「继续支付」两个按钮。向下滚动自动加载更多订单。
- 适用用户:需要查看历史订单、继续完成未支付订单的用户
- 访问条件:需登录后访问
2. 功能说明
- 顶部横幅:标题「我的订单」、说明「查看支付状态、订单金额和服务记录,未支付订单可继续完成支付。」与「全部订单」数量
- 订单卡片:状态图标、订单事项、订单类型、下单时间、金额
- 订单明细行:订单编号(点一下复制,提示「订单编号已复制」)、下单时间、支付时间
- 状态标签:待支付 / 已支付 / 支付失败 / 订单已取消 / 已退款
- 「查看详情」按钮,跳转到订单详情页
- 「继续支付」按钮,仅待支付订单显示,跳转到收银台
- 滚动加载,底部显示「没有更多订单了」
- 加载失败显示「加载失败,点击重试」,空列表显示「还没有查到订单记录」与「重新加载」按钮
3. 业务说明
界面结构
| 控件 / 区域 | 类型 | 取值来源 | 限制 / 说明 |
|---|---|---|---|
| 全部订单数量 | 只读数值 | 订单统计 | 显示在横幅右侧 |
| 订单卡片 | 列表项 | 订单数据 | 点击卡片等同于「查看详情」 |
| 订单编号 | 可复制文本 | 订单数据 | 点击后提示「订单编号已复制」 |
| 下单时间 / 支付时间 | 只读文本 | 订单数据 | 无数据显示「--」 |
| 金额 | 只读数值 | 订单数据 | 保留两位小数 |
| 状态标签 | 标签 | 订单状态 | 五种状态对应不同颜色与图标 |
| 查看详情 | 按钮 | — | 进入订单详情页 |
| 继续支付 | 按钮 | — | 仅待支付状态显示,进入收银台 |
状态口径
订单状态共五种:待支付、已支付、支付失败、订单已取消、已退款;卡片图标与标签颜色会随状态变化,未知状态显示为「未知状态」。
加载方式
列表采用滚动分页加载,每页固定条数;加载到最后一页时停止并显示「没有更多订单了」。列表为空时展示空状态并提供「重新加载」按钮。
4. 使用说明
- 进入「我的订单」页
- 查看顶部横幅中的全部订单数量
- 浏览订单卡片,核对订单事项、金额与状态
- 点订单编号复制编号;需要继续付款时点「继续支付」进入收银台
- 需要查看明细时点「查看详情」进入订单详情页
- 继续下滑加载更多历史订单
5. 规则与限制
- 需登录后访问
- 只有待支付状态的订单才显示「继续支付」按钮
- 订单编号可一键复制
- 未支付时间显示「--」
- 列表按分页滚动加载,不能跳页
- 加载失败时可点「重新加载」重置并重新拉取
6. 状态与异常
- 有订单:展示订单卡片列表
- 无订单:显示「还没有查到订单记录」与「重新加载」
- 加载中:列表底部显示加载状态
- 加载完成:显示「没有更多订单了」
- 加载失败:显示「加载失败,点击重试」
- 订单加载失败提示「订单加载失败」
- 网络异常提示「网络异常,订单加载失败」
7. 相关文档
目录导航
同目录文档(5)
相关主题
8. 文档信息
- 事实来源:芊云全景官网页面核验
- 文档构建时间:2026-10-21 00:05:20
- 数据获取/快照时间:不适用(静态产品知识)
- 可信状态:已核验