<view class="BoxBg">
    <navbar back home  text="我的订单" background='#fff' color="#000"></navbar>
    <view style="height:{{navigationBarHeight}} "></view>
    <view class="boatBoxf" style="top:{{navigationBarHeight}}" >
        <view class="boatBox" >
            <view class="boatItemBox" tt:for="{{boatLsit}}" tt:key="index" bindtap="setBoatFlag" data-index="{{item.value}}">
                <view class="{{boatFlag==item.value?'boatTitleA':'boatTitle'}}">{{item.name}}</view>
                <view class="boatA" tt:if="{{boatFlag==item.value}}"></view>
            </view>
        </view>

    </view>
    <view style="height:96rpx "></view>
    <view class="orderListBox" tt:for="{{list}}" tt:key="{{index}}">
        <view class="titleBox">
            <view class="orderName">{{item.title}}</view>
            <!-- <view class="payStatus">已支付</view> -->
            <text class='wait' tt:if="{{item.orderStatus==0}}">等待付款</text>
            <!-- <text class='wait' tt:if="{{item.orderStatus==10}}">拼团中</text> -->
            <text class='sucess' tt:if="{{item.orderStatus==3}}">待退款</text>
            <text class='close' tt:if="{{item.orderStatus==2}}">交易关闭</text>
            <!-- <text class='close' tt:if="{{item.orderStatus==6}}">砍价中</text> -->
            <!-- <text class='sucess' tt:if="{{item.orderStatus==7}}">砍价成功</text> -->
            <!-- <text class='close' tt:if="{{item.orderStatus==8}}">砍价失败</text> -->
            <!-- <text class='close' tt:if="{{item.orderStatus==9}}">砍价取消</text> -->
            <!-- <text class='close' tt:if="{{item.orderStatus==12}}">拼团已过期</text> -->
            <!-- <text class='close' tt:if="{{item.orderStatus==12}}">拼团失败</text> -->
            <!-- <text class='close' tt:if="{{item.orderStatus==8}}">砍价失败</text> -->
            <text class='close' tt:if="{{item.orderStatus==4}}">已退款</text>
            <text class='wait' tt:if="{{item.orderStatus==5}}">退款失败</text>
            <!-- <text class='sucess' tt:if="{{item.orderStatus==11}}">拼团成功</text> -->
            <text class='sucess' tt:if="{{item.orderStatus==1&&item.salePrice==0&&item.type!=50&&item.type!=51}}">免费领取</text>
            <!-- <text class='sucess' tt:if="{{item.orderStatus==1&&item.salePrice==0&&(item.type==50||item.type==51)}}">积分兑换</text> -->
            <text class='sucess' tt:if="{{item.orderStatus==1&&item.salePrice!=0}}">付款成功</text>
            <!-- <view class="stayPay">待支付</view> -->
        </view>
        <view class="orderDetail">
            <view class="orderImgBox">
                <image mode="aspectFill"  style="width: 100%; height:100%;border-radius: 12rpx;"  src="{{item.coverImg}}" />
            </view>
            <view class="orderDataBox">
                <view class="fTitle">{{item.subTitle}}</view>
                <view class="face">{{item.price/100}}元</view>
                <view class="creationDate">{{item.createDate}}</view>
            </view>
        </view>

        <view class="practicalPayBox">
            <view class="practicalText">实付金额：</view>
            <view class="practicalPay">{{item.payment/100}}元</view>
            <navigator class="orderLook" tt:if="{{item.orderStatus==1||item.orderStatus==11}}" url="/pages/detailOrder/detailOrder?orderId={{item.id}}" hover-class="navigator-hover" open-type="navigate">去查看</navigator>
            <navigator class="goPay" tt:if="{{item.orderStatus==0 || item.orderStatus==7}}" url="/pages/detailOrder/detailOrder?orderId={{item.id}}" hover-class="navigator-hover" open-type="navigate">去支付</navigator>
            <!-- <view class="goPay">去支付</view> -->
        </view>
    </view>
    <view class="dingdan" tt:if="{{list.length==0}}">
        <image src="../../assets/itemImg/noOrders.png" mode="widthFix"></image>
        <text>您还没有相关订单</text>
        <text>再忙，也要记得买点什么犒赏自己～</text>
      </view>
    <view class="loading" tt:if="{{loading}}">
        <image src="../../assets/itemImg/loading.gif" mode="widthFix"></image>{{content}}
    </view>
</view>