<view class="orderFixed">
    <view class="orderTab">
        <view class="orderTab-item {{couponType == 1 ? 'active' : ''}}" bindtap="tabClick" data-type="1">
            <text>1瓶</text>
        </view>
        <!-- <view class="orderTab-item {{couponType == 2 ? 'active' : ''}}" bindtap="tabClick" data-type="2">
            <text>2瓶</text>
        </view>
        <view class="orderTab-item {{couponType == 3 ? 'active' : ''}}" bindtap="tabClick" data-type="3">
            <text>3瓶</text>
        </view> -->
    </view>
    <view class="orderState">
        <view class="orderState-item {{couponStatus == 1 ? 'active' : ''}}" bindtap="stateClick" data-status="1">
            <text>未使用</text>
        </view>
        <view class="orderState-item {{couponStatus == 2 ? 'active' : ''}}" bindtap="stateClick" data-status="2">
            <text>已使用</text>
        </view>
        <view class="orderState-item {{couponStatus == 3 ? 'active' : ''}}" bindtap="stateClick" data-status="3">
            <text>已过期</text>
        </view>
    </view>
</view>

<!-- 兑换券列表 -->
<view class="coupon">
    <view class="coupon-list" wx:if="{{couponArr.length > 0}}">
        <navigator hover-class="none" url="" class="coupon-item {{item.status.value == 1 ? '' : 'active'}}" wx:for="{{couponArr}}" wx:key="couponArr">
            <view class="coupon-item-name"><text>{{item.stock}}</text>瓶</view>
            <view class="coupon-item-text">
                <view class="coupon-item-number">{{item.number}}张</view>
                <view class="coupon-item-time">有效期至 {{item.actived_at}}</view>
                <view class="coupon-item-go" wx:if="{{item.status.value == 1}}">去使用</view>
                <view class="coupon-item-go" wx:elif="{{item.status.value == 2}}">已使用</view>
                <image class="coupon-item-img" wx:else src="https://cdn.shuiganying.com/images/2023/04/25/bae805f5a3b07b7a62ae95e9eb5eb4be.png" mode="widthFix"></image>
            </view>
        </navigator>
        <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>
</view>