<view class="header">
    <view class="tabs">
        <view class="tabs-item {{listType == '' ? 'show' : ''}}" bindtap="onTabs" data-type="">全部</view>
        <view class="tabs-item {{listType == 'unpay' ? 'show' : ''}}" bindtap="onTabs" data-type="unpay">待付款</view>
        <view class="tabs-item {{listType == 'paid' ? 'show' : ''}}" bindtap="onTabs" data-type="paid">待发货</view>
        <view class="tabs-item {{listType == 'delivered' ? 'show' : ''}}" bindtap="onTabs" data-type="delivered">待收货</view>
        <view class="tabs-item {{listType == 'signed' ? 'show' : ''}}" bindtap="onTabs" data-type="signed">已签收</view>
    </view>
</view>

<view class="list" wx:if="{{listsArr.length > 0}}">
    <view class="list-item" wx:for="{{listsArr}}" wx:key="listsArr">
        <view class="list-top">
            <view class="list-top-no">{{item.order_no}}</view>
            <view class="list-top-status">{{item.state}}</view>
        </view>
        <view class="list-goods" wx:for-item="goodItem" wx:for="{{item.items}}" wx:key="items">
            <image class="list-goods-img" mode="aspectFill" src="{{goodItem.sku.cover}}"></image>
            <view class="list-goods-cont">
                <view class="nowrap list-goods-name">{{goodItem.sku.goods_name}}</view>
                <view class="list-goods-text">
                    <text>规格 99ml</text>x{{goodItem.qty}}
                </view>
                <view class="list-goods-parice">
                    ￥<text>{{goodItem.sku.price}}</text>
                </view>
            </view>
        </view>
        <view class="list-total" wx:if="{{item.total != 0}}">
            交易金额 <text>￥</text>
            <view class="list-total-price">{{item.total}}</view>
        </view>
        <view class="list-total active" wx:else>
            兑换券兑换
        </view>
        <view class="list-tips">
            <view class="list-tips-left">
                <image class="list-tips-img" src="https://cdn.shuiganying.com/images/2023/04/04/d4543817b05d3aaac04dfb85ff9f8f8c.png"></image>收货城市
            </view>
            <view class="nowrap list-tips-right">{{item.province_city}}</view>
        </view>
        <view class="list-operate">
            <view class="list-more">
                <view class="list-more-go" bindtap="operateMore" data-order_no="{{item.order_no}}" wx:if="{{item.can.cancel}}">更多</view>
            </view> 
            <view class="list-btn">
                <view class="list-btn-labor" bindtap="payClick" data-order_no="{{item.order_no}}" data-total="{{item.total}}" wx:if="{{item.can.pay}}">立即付款</view>
                <view bindtap="signClick" data-order_no="{{item.order_no}}" class="list-btn-labor" wx:if="{{item.can.sign}}">签收订单</view>
                <navigator hover-class="none" url="./details/details?order_no={{item.order_no}}" class="list-btn-labor grey">查看详情</navigator>
            </view>
        </view>
    </view>
    <view class="pagesLoding" wx:if="{{lodingStats}}">
        <block wx:if="{{page.has_more}}">
            <image class="pagesLoding-icon" src="/static/icons/refresh_loding.gif" mode="widthFix"></image>加载中...
        </block>
        <block wx:else>
            没有更多了~
        </block>
    </view>
</view>

<view class="pack-center pages-hint" wx:else>
    <image src="/static/imgs/text_null.png"></image>
    <view>暂无数据</view>
</view>