订单详情页面说明

该页面为订单详情页，展示用户订单的详细信息，并根据订单不同状态展示相应内容和操作按钮。页面涵盖订单状态、收货信息、商品明细、金额明细、订单信息、驳回原因（如有）及底部操作栏。

页面用途

订单详情页用于展示单个订单的所有关键信息，支持订单状态切换、查看凭证、联系客服、取消订单、上传凭证、查看物流、确认收货、去评价等操作。

页面主要结构

1. 顶部导航栏：显示"订单详情"标题，背景色随订单状态变化。
2. 订单状态区域：根据订单状态展示不同的状态图标、标题和说明。
3. 收货人信息：展示收货人姓名、电话和详细地址。
4. 店铺与商品信息：展示店铺名称、商品列表（支持多商品）、商品金额、优惠明细。
5. 订单信息：展示订单编号、下单时间、配送方式、商品总价、运费、会员优惠、合计金额等。
6. 驳回原因区域：仅在付款驳回状态（状态码3）下显示，包含驳回原因和图片说明。
7. 底部操作栏：根据订单状态显示不同的操作按钮，如联系客服、取消订单、上传凭证、查看物流、确认收货、去评价等。

订单状态与操作说明

状态码	状态名称	底部按钮	背景颜色
1	待付款	联系商家、取消订单、上传凭证	#FFEEDA
2	待审核	联系商家	#FFEEDA
3	付款驳回	联系商家、取消订单、重新上传	#FFD9E1
4	待发货	联系商家	#D9EBFF
5	待核销	联系商家	#E8D9FF
6	待收货(物流)	联系商家、查看物流、确认收货	#D0F5BC
7	待收货(商家)	联系商家、确认收货	#D0F5BC
8	待评价	联系商家、去评价	#FFEEDA
9	已完成	联系商家	#F5D9D7
10	已取消	联系商家	#EBEBEB
11	已退款	联系商家	#EBEBEB

主要功能说明

• 订单状态切换：页面内有演示用"点这里切换页面"按钮，可切换不同订单状态（实际业务可移除）。
• 查看凭证：在状态2-11时可点击"查看凭证"跳转凭证详情页。
• 联系客服：所有状态下均可联系客服。
• 取消订单：待付款、付款驳回状态下可取消订单。
• 上传凭证/重新上传：待付款、付款驳回状态下可上传或重新上传支付凭证。
• 查看物流/确认收货：待收货状态下可查看物流并确认收货。
• 去评价：待评价状态下可跳转至评价页面。

页面注意事项

1. 页面为单独页面，非通用组件。
2. 商品列表支持多个商品展示。
3. 驳回原因区域仅在付款驳回（状态码3）时显示。
4. 底部操作栏按钮随订单状态变化。
5. 订单状态切换仅为演示用，实际业务可移除。
6. 页面依赖部分图片和c-navBar组件，需确保资源存在。

---

如需扩展页面功能或适配更多业务场景，请根据实际需求调整页面结构和逻辑。