<view class="orderItemInfoContainer">
  <!-- 订单信息 -->
  <view class="orderInfoBox">
    <!-- 油枪 -->
    <view class="nozzleAndStatus">
      <text class="nozzle">{{order.nozzle}} 号油枪</text>
      <text class="status" style="color: {{order.statusColor}};">{{order.status}}</text>
    </view>


    <view class="orderInfo" style="height: {{contentHeight}}vh;" bind:tap="showOrHide">
      <!-- 订单主要信息 -->
      <view class="mainInfo">
        <image class="youqiang" src="/images/oiloil.png" mode="aspectFill" />
        <view class="oilInfo">
          <text class="oil" style="position: relative; left: 27rpx; top: -4rpx">{{order.oilName}}</text>
          <text class="volume" style="position: relative; left: 27rpx; top: 0rpx">{{order.volume}}升数</text>
        </view>
        <view class="amountBox">
          <text class="mainAmount">￥ {{order.payAmount}}</text>
          <image src="../../images/down.png" mode="aspectFill" style="transform: rotate({{rotateDeg}}deg);" />
        </view>
      </view>

      <!-- 分割线 -->
      <view class="line"></view>

      <!-- 其余信息 -->
      <view class="orderDetailInfo">
        <view>
          <text>交易订单号</text>
          <text>{{order.orderId}}</text>
        </view>
        <view>
          <text>时间</text>
          <text>{{order.time}}</text>
        </view>
      </view>

      <!-- 分割线 -->
      <view class="line"></view>

      <!-- 详情信息 -->
      <view class="orderDetailInfo">
        <view>
          <text>预支付金额</text>
          <text>￥ {{order.payAmount}}</text>
        </view>
        <view>
          <text>退款金额</text>
          <text>-{{order.refund}}</text>
        </view>
        <view>
          <text>优惠金额</text>
          <text>￥ {{order.discount}}</text>
        </view>
        <view>
          <text>实付金额</text>
          <text>￥ {{order.amount}}</text>
        </view>
      </view>
    </view>
  </view>

  <view class="buttonBox" wx:if="{{buttonText1 != '' || buttonText2 != ''}}">
    
    <text wx:if="{{buttonText1 == '' && buttonText2 != ''}}" class="button1All" bind:tap="buttonClick2">{{buttonText2}}</text>

    <text wx:if="{{buttonText1 != '' && buttonText2 != ''}}" class="button1" bind:tap="buttonClick1">{{buttonText1}}</text>

    <text wx:if="{{buttonText1 != '' && buttonText2 != ''}}" class="button2" bind:tap="buttonClick2">{{buttonText2}}</text>
  </view>
  

  

</view>