<view class="page" wx:if="{{order}}">
  <view class="card">
    <text class="title">{{order.orderNo || order.id}}</text>
    <text class="subtitle">{{order.station}} · {{order.pickupCode}}</text>
    <text class="subtitle">{{order.statusText}} · {{order.paymentStatusText}}</text>
    <text class="subtitle">价格：{{order.price.totalFeeText}}</text>
  </view>

  <view class="card">
    <text class="section-title">收货信息</text>
    <text class="line">收件人：{{order.receiverName}}</text>
    <text class="line">联系电话：{{order.phone}}</text>
    <text class="line">地址：{{order.building}} {{order.room}}</text>
    <text class="line">备注：{{order.note || '无'}}</text>
  </view>

  <view class="card">
    <text class="section-title">付款截图</text>
    <view wx:if="{{order.receiptImageUrl}}" class="receipt-box" bindtap="previewReceipt" data-url="{{order.receiptImageUrl}}">
      <image class="receipt-image" src="{{order.receiptImageUrl}}" mode="aspectFit"></image>
    </view>
    <view wx:else class="empty">还没有上传付款截图</view>
  </view>

  <view class="actions">
    <button class="primary" bindtap="goPay">去付款</button>
    <button class="secondary" bindtap="openChat">联系客服</button>
  </view>
</view>

<view class="page empty-page" wx:else>
  <text class="empty">订单不存在</text>
</view>
