<page-meta
  page-style="--themeColor:{{themeColor}};--red: {{themeRGB[0]}}; --green: {{themeRGB[1]}};--blue: {{themeRGB[2]}}">
  <nav type="back" background-color="{{themeColor ? themeColor : '#ffffff'}}" title="我的订单"
    frontColor="{{titleColor ? titleColor : '#000000'}}" />
  <view class="top_scrprell" style="top:{{2 *customBarHeight}}rpx;">
    <van-tabs active="{{ active }}" bind:change="onChange" data-change="true" color="{{themeColor}}">
      <van-tab title="全部"></van-tab>
      <van-tab title="待付款"></van-tab>
      <van-tab title="待发货"></van-tab>
      <van-tab title="待收货"></van-tab>
      <van-tab title="待评价"></van-tab>
    </van-tabs>
  </view>
  <view class="list" wx:if="{{goodsList}}">
    <block wx:for="{{goodsList}}" wx:key="index">
      <view class="li">
        <view class="li-title">{{item.targetObject[0].name}}</view>
        <view class="li-cont">
          <view class="li-cont-left">
            <image class="goods_image" mode="aspectFit"
              src="{{item.targetObject[0].image ? item.targetObject[0].image : item.image}}" />
          </view>
          <view class="li-cont-rigth">
            <view class="li-row">
              <view class="desc">{{item.targetObject[0].name ? item.targetObject[0].name : item.name }}</view>
              <view style="color:red">￥{{item.price}}</view>
            </view>
            <view class="li-row">
              <view class="desc" style="color:#949494;">{{item.targetObject[0].desc}}</view>
              <view style="color:#949494; float: right;">x{{item.count}}</view>
            </view>
            <view class="li-row-right">
              <view class="desc" style="color:#949494;">总价</view>
              <view style="color:red; margin-left:10rpx">￥{{item.totalPrice}}</view>
            </view>
          </view>
        </view>
        <view class="date">{{item.orderTime}}</view>
        <view class="li-footer">
          <block wx:if="{{item.status == 100}}">
            <view class="footer-left">待付款</view>
            <view class="footer-right">
              <view class="btn-ov" data-index="{{index}}" catch:tap="delOrder">取消订单</view>
              <view class="btn-end" data-price="{{item.price}}" data-code="{{item.orderNum}}"
                data-id="{{item.objectId}}" data-item="{{item}}" catch:tap="showPay">
                立即支付
              </view>
            </view>
          </block>
          <block wx:if="{{item.status == 200}}">
            <view class="footer-left">待发货</view>
            <view class="footer-right">
              <view class="btn-ov" data-url="/common-page/pages/myOrder/order-detail/index?id={{item.objectId}}"
                catch:tap="toUrl">
                订单详情
              </view>
              <view class="btn-end" catch:tap="reminder">我要催单</view>
            </view>
          </block>
          <block wx:if="{{item.status == 300}}">
            <view class="footer-left">待收货</view>
            <view class="footer-right">

              <view class="btn-ov" data-url="/common-page/pages/myOrder/order-detail/index?id={{item.objectId}}"
                catch:tap="toUrl">
                订单详情
              </view>
              <view class="btn-ov" data-item="{{item}}" catch:tap="onShowExpress">查看物流</view>
              <view class="btn-end" data-index="{{index}}" catch:tap="receipt">确认收货</view>
            </view>
          </block>
          <block wx:if="{{item.status == 400}}">
            <view class="footer-left">待评价</view>
            <view class="footer-right">
              <view class="btn-ov" data-url="/common-page/pages/myOrder/order-detail/index?id={{item.objectId}}"
                catch:tap="toUrl">
                订单详情
              </view>
              <view class="btn-ov" data-item="{{item}}" catch:tap="onShowExpress">查看物流</view>
              <view class="btn-end" data-url="/common-page/pages/myOrder/score/index?id={{item.objectId}}"
                catch:tap="toUrl">
                去评价
              </view>
            </view>
          </block>
          <block wx:if="{{item.status == 500}}">
            <view class="footer-left">已申请退款</view>
            <view class="footer-right">
              <view class="btn-ov">退款详情</view>
            </view>
          </block>
          <block wx:if="{{item.status == 600}}">
            <view class="footer-left">退款完成</view>
            <view class="footer-right">
              <view class="btn-ov">已退款</view>
            </view>
          </block>
          <block wx:if="{{item.status == 800}}">
            <view class="footer-left">已完成</view>
            <view class="footer-right">
              <view class="btn-ov">已评价</view>
            </view>
          </block>
        </view>
      </view>
    </block>
  </view>
  <van-empty wx:else description="没有相应订单" />
  <payment style="z-index: 99999;" id='payMent' show="{{show}}" tradeNo="{{tradeNo}}" price="{{PayPrice}}"
    bind:payResult='acceptResult' />
  <van-dialog use-slot title="物流信息" show="{{ showExpress }}" bind:close="onClose">
    <view class="logistics">{{express? express : '暂无物流信息'}}</view>
  </van-dialog>
</page-meta>