<view class="header">
    <view class="tabs">
        <view class="tabs-item {{listType == item.status ? 'show' : ''}}" bindtap="onTabs" data-type="{{item.status}}" wx:for="{{listArr}}" wx:key="listArr">{{item.status_text}}</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">订单状态</view>
            <view class="list-top-status">{{item.status_text}}</view>
        </view>
        <view class="list-goods">
            <image class="list-goods-img" mode="aspectFill" src="{{item.goods.cover}}"></image>
            <view class="list-goods-cont">
                <view class="nowrap list-goods-name">{{item.goods.name}}</view>
                <view class="list-goods-text">
                    <text>规格 99ml</text>x 1
                </view>
                <view class="list-goods-parice">
                    ￥<text>{{item.goods.price.vip}}</text>
                </view>
            </view>
        </view>
        <view class="list-total">
           <view class="list-total-price">{{item.water_number}}</view><text>水滴</text>
        </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.express.full_address}}</view>
        </view>
        <view class="list-operate">
            <view class="list-more"></view> 
            <view class="list-btn">
                <view bindtap="signClick" data-order_no="{{item.exchange_id}}" class="list-btn-labor" wx:if="{{item.can_sign}}">签收订单</view>
                <navigator hover-class="none" url="/pages/water/details/details?order_no={{item.exchange_id}}" 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>