<!--packageE/appointment/client/project/project.wxml-->
<van-tabs title-active-color="#f49f19" bind:change="changeTags"  color="#f49f19">
    <van-tab title="可预约">
		<view class="blank" wx:if="{{projectList.length<=0}}">
          	<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png"></image>
          	<text>还没有记录哦</text>
        </view>

		<view class="project_list" wx:for="{{projectList}}" wx:key="id">
			<view style="width: 5rem;height: 5rem;align-self: center;">
				<image src="{{item.project_thumb}}" alt=""></image>
			</view>

			<view class="list_title">
				<text class="title">{{item.project_title}}</text>
				<text>已预约{{item.used_count}}次    可预约{{item.rest_count}}次</text>
				<text>截止使用日期：{{item.project_period_desc}}</text>
				<view class="list_button">
					<text class="list_pre" bindtap="toAppointment" data-item="{{item}}" >预约</text>
					<text class="list_cancle"  bindtap="createQrc" data-item="{{item}}">核销</text>
				</view>
			</view>
        </view>

	</van-tab>
    <van-tab title="已完成">
		<view class="blank" wx:if="{{projectList.length<=0}}">
          	<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png"></image>
          	<text>还没有记录哦</text>
        </view>

		<view class="project_list" wx:for="{{projectList}}" wx:key="id">
			<view style="width: 5rem;height: 5rem">
				<image src="{{item.project_thumb}}" alt=""></image>
			</view>

			<view class="list_title">
				<text class="title">{{item.project_title}}</text>
				<text>已预约{{item.used_count}}次  <text wx:if="{{item.rest_count>0}}">{{item.rest_count}}次超时未使用</text></text>
			</view>
		</view>


	</van-tab>
</van-tabs>




<van-popup show="{{ qrCodeFlag }}"  custom-style="background:transparent;">
     <view class="explainWrapper">
          	<view class="explainTextWrapper">
               	<image src="{{posterImageUrl}}"></image>
          	</view>
          	<icon bindtap="setQRCodeFlag" class="close iconfont icon-adsystem_icon_cancle"></icon>
     </view>
</van-popup>


