<!--pages/member/IntegralRecord/IntegralRecord.wxml-->
<view class="get_record">
	<view class="content">
		<view class="get_state ul">
			<view class="li">
				<view class="span">已领取</view>
				<view class="span">{{receive_point}}</view>
			</view>
			<view class="li">
				<view class="span">已使用</view>
				<view class="span">{{used_point}}</view>
			</view>
			<view class="li">
				<view class="span">已过期</view>
				<view class="span">{{validity_point}}</view>
			</view>
		</view>
		<view class="list_box">
			<van-tabs swipe-threshold="{{5}}" active="{{activeName}}" bind:change="handleClick">
				<van-tab title="全部">
					<view class="get_box">
						<block wx:if="{{dataList.length>0}}">
							<view class="list" wx:for-item="list" wx:for="{{dataList}}" wx:key="index">
								<view class="state_a">
									<view class="ul state">
										<view class="li left">
											<view class="img">
												<image src="{{list.avatar}}" mode='widthFix' />
											</view>
											<view class="span">{{list.nickname}}</view>
										</view>
										<view class="li right">{{list.status_name}}</view>
									</view>
								</view>
								<view class="ul state_b">
									<view class="li">
										<view class="span">已使用：</view>
										<view class="span">{{list.used}}</view>
									</view>
									<view class="li">
										<view class="span">剩余：</view>
										<view class="span">{{list.stock}}</view>
									</view>
								</view>
								<view class="time">
									<view class="span">{{list.created_at}}</view>
									<view class="span" wx:if="{{list.validity_at}}">有效期至：{{list.validity_at}}</view>
								</view>
							</view>
						</block>
						<block wx:else>
							<view class="nomessage">
								没有更多了
							</view>
						</block>
					</view>
				</van-tab>
				<van-tab title="已领取">
					<view class="get_box">
						<block wx:if="{{dataList.length>0}}">
							<view class="list" wx:for-item="list" wx:for="{{dataList}}" wx:key="index">
								<view class="state_a">
									<view class="ul state">
										<view class="li left">
											<view class="img">
												<image src="{{list.avatar}}" mode='widthFix' />
											</view>
											<view class="span">{{list.nickname}}</view>
										</view>
										<view class="right li">{{list.status_name}}</view>
									</view>
								</view>
								<view class="ul state_b">
									<view class="li">
										<view class="span"></view>
										<view class="span"></view>
									</view>
									<view class="li">
										<view class="span"></view>
										<view class="span">+{{list.stock}}</view>
									</view>
								</view>
								<view class="time">
									<view class="span">{{list.created_at}}</view>
									<view class="span" wx:if="{{list.validity_at}}">有效期至：{{list.validity_at}}</view>
								</view>
							</view>
						</block>
						<block wx:else>
							<view class="nomessage">
								没有更多了
							</view>
						</block>
					</view>
				</van-tab>
				<van-tab title="使用中">
					<view class="get_box">
						<block wx:if="{{dataList.length>0}}">
							<view class="list" wx:for-item="list" wx:for="{{dataList}}" wx:key="index">
								<view class="state_a">
									<view class="ul state">
										<view class="li left">
											<view class="img">
												<image src="{{list.avatar}}" mode='widthFix' />
											</view>
											<view class="span">{{list.nickname}}</view>
										</view>
										<view class="li right">{{list.status_name}}</view>
									</view>
								</view>
								<view class="ul state_b">
									<view class="li">
										<view class="span">已使用：</view>
										<view class="span">{{list.used}}</view>
									</view>
									<view class="li">
										<view class="span">剩余：</view>
										<view class="span">{{list.stock}}</view>
									</view>
								</view>
								<view class="time">
									<view class="span">{{list.created_at}}</view>
									<view class="span" wx:if="{{list.validity_at}}">有效期至：{{list.validity_at}}</view>
								</view>
							</view>
						</block>
						<block wx:else>
							<view class="nomessage">
								没有更多了
							</view>
						</block>
					</view>
				</van-tab>
				<van-tab title="已使用">
					<view class="get_box">
						<block wx:if="{{dataList.length>0}}">
							<view class="list" wx:for-item="list" wx:for="{{dataList}}" wx:key="index">
								<view class="state_a">
									<view class="ul state">
										<view class="li left">
											<view class="img">
												<image src="{{list.avatar}}" mode='widthFix' />
											</view>
											<view class="span">{{list.nickname}}</view>
										</view>
										<view class="li right">{{list.status_name}}</view>
									</view>
								</view>
								<view class="ul state_b">
									<view class="li">
										<view class="span"></view>
										<view class="span"></view>
									</view>
									<view class="li">
										<view class="span"></view>
										<view class="span">-{{list.used}}</view>
									</view>
								</view>
								<view class="time">
									<view class="span">{{list.created_at}}</view>
									<view class="span" wx:if="{{list.validity_at}}">有效期至：{{list.validity_at}}</view>
								</view>
							</view>
						</block>
						<block wx:else>
							<view class="nomessage">
								没有更多了
							</view>
						</block>
					</view>
				</van-tab>
				<van-tab title="已过期">
					<view class="get_box">
						<block wx:if="{{dataList.length>0}}">
							<view class="list" wx:for-item="list" wx:for="{{dataList}}" wx:key="index">
								<view class="state_a">
									<view class="state ul">
										<view class="li left">
											<view class="img">
												<image src="{{list.avatar}}" mode='widthFix' />
											</view>
											<view class="span">{{list.nickname}}</view>
										</view>
										<view class="right li">{{list.status_name}}</view>
									</view>
								</view>
								<view class="ul state_b">
									<view class="li">
										<view class="span"></view>
										<view class="span"></view>
									</view>
									<view class="li">
										<view class="span"></view>
										<view class="span">-{{list.used}}</view>
									</view>
								</view>
								<view class="time">
									<view class="span">{{list.created_at}}</view>
									<view class="span" wx:if="{{list.validity_at}}">有效期至：{{list.validity_at}}</view>
								</view>
							</view>
						</block>
						<block wx:else>
							<view class="nomessage">
								没有更多了
							</view>
						</block>
					</view>
				</van-tab>
			</van-tabs>
		</view>
	</view>
</view>
