<!--packageE/pickUpCard/pickUpCardMyDet/pickUpCardMyDet.wxml-->

<view class="header">
	<view class="headerItem headerItem1">
		<view class="num">{{total_count}}</view>
		<view class="desc">总数</view>
	</view>
	<view class="headerItem headerItem2">
		<view class="num">{{notused_count}}</view>
		<view class="desc">未使用</view>
	</view>
	<view class="headerItem headerItem3">
		<view class="num">{{isused_count}}</view>
		<view class="desc">已使用</view>
	</view>
</view>
<van-tabs active="{{ active }}"  bind:change="changeActive">
	<van-tab title="全部"></van-tab>
	<van-tab title="未使用"></van-tab>
	<van-tab title="已使用"></van-tab>
</van-tabs>

<view class="listData">
	<van-collapse value="{{activeName}}" accordion bind:change="changeCollapse">
		<block wx:for="{{listData}}" wx:key="id">
		
			<van-collapse-item title="提货卡ID：{{item.id}}" name="{{item.id}}" label-class="vanCollapseItem" wx:if="{{item.status==1}}">
				<view slot="value">
					<text style="color:#f15353;">已使用</text>	
				</view>
				<view class="wrapper">
					<view class="t1">
						<view class="name">[ID:{{item.uses_record.member.uid}}]{{item.uses_record.member.nickname}}</view>
						<view class="time">{{item.uses_record.created_at}}</view>
					</view>
					<view class="t2">
						{{item.uses_record.member.mobile}}
					</view>
				</view>
			</van-collapse-item>

			<van-collapse-item name="4" disabled wx:if="{{item.status==0}}">
				<view slot="title">
					<text style="color:#323233;">提货卡ID：{{item.id}}</text>	
				</view>
				<view slot="value">
					<text style="color:#f15353;padding-right:1.3rem;">未使用</text>	
				</view>
			</van-collapse-item>
		</block>

	</van-collapse>
</view>


<view class="blank" wx:if="{{listData.length <= 0}}">
	<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
	<view style="text-align: center;font-size: 30rpx;">暂无数据</view>
</view>























