<view class="pay-success-container">
  <!-- 成功状态区 -->
  <view class="success-top">
    <view class="success-icon">
      <text class="iconfont">✓</text>
    </view>
    <view class="success-title">交易成功</view>
    <view class="success-desc">您的工单已交易完成，感谢您的支持!</view>
  </view>

  <!-- 工单信息区 -->
  <view class="order-info" wx:if="{{orderInfo}}">
    <view class="info-title">工单信息</view>
    
    <view class="info-item">
      <text class="label">工单编号：</text>
      <text class="value">{{orderInfo.orderNo}}</text>
    </view>
   
    <view class="info-item">
      <text class="label">司机：</text>
      <text class="value">{{orderInfo.orderNo}}</text>
    </view>
    <view class="info-item">
      <text class="label">本次行程：</text>
      <text class="value">{{orderInfo.orderNo}}</text>
    </view>
    <view class="info-item">
      <text class="label">本次充电：</text>
      <text class="value">{{orderInfo.orderNo}}</text>
    </view>
    <view class="info-item">
      <text class="label">本次放电：</text>
      <text class="value">{{orderInfo.orderNo}}</text>
    </view>
    <view class="info-item">
      <text class="label">结算金额：</text>
      <text class="value amount">¥{{orderInfo.amount}}</text>
    </view>
    <view class="info-item">
      <text class="label">结算时间：</text>
      <text class="value">{{orderInfo.payTime}}</text>
    </view>
    <view class="info-item">
      <text class="label">目的地：</text>
      <text class="value">{{orderInfo.orderNo}}</text>
    </view>
  </view>

  <!-- 操作按钮区 -->
  <view class="btn-group">
    <button class="btn btn-primary" bindtap="gotoOrderDetail">查看工单详情</button>
    <button class="btn btn-default" bindtap="backToHome">返回首页</button>
  </view>
</view>