<!--pages/index/record/record.wxml-->
<view class="punch_detail">
    <view>
        <van-tabs active="{{ tabindex }}" bind:change="handleTab" line-height='0' title-inactive-color='#999' title-active-color='#556191'>
            <van-tab title="我发布的"></van-tab>
            <van-tab title="我的打卡"></van-tab>
        </van-tabs>
    </view>
    <view class="bck">
        <view class="grey_font">进行中打卡</view>
        <view class="card" wx:for="{{taskList}}" wx:key="index" wx:for-item="value"> 
            <view class="card_title">
                <view class="title_L">
                    <image class="title_pic" src="/img/answer/bj.png" alt="" />
                </view>
                <view class="title_R">
                    <view>{{value.taskTitle}}</view>
                    <view class="grey_font">开始时间 {{value.startDate}}</view>
                </view>
            </view>
            <view class="day_font" >{{value.taskDesc}}</view>
            <!-- <view class="day_font2">已坚持打卡
                <text class="day_font2_large">1/50 </text>天
            </view> -->
            <view>
                <van-progress percentage="50" color='#3F5EFF' stroke-width="13" pivot-text=' ' />
            </view>
            <view class="flex_font">
                <text class="grey_flex">打卡频次：</text>
                {{value.taskFrequency}}
            </view>
            <view class="flex_font" wx:if="{{value.submitCondition != null}}">
                <text class="grey_flex">打卡要求：</text>
                {{ value.submitCondition == '无限制' ? '无限制': '需要 '+value.submitCondition}}
            </view>
            <view class="flex_font">
                <view class="grey_flex">其他：</view>
                {{value.allowRepairCard == 1 ? '允许补卡': '不允许补卡'}}
            </view>
            <view class="grey_line"></view>
            <view class="blue_font" wx:if="{{tabindex == 0}}">
                <view bindtap="handleAchievement" data-valueId="{{value.id}}">我的成果</view>
                <view class="blue_line"></view>
                <view bindtap="handleDetail" data-valueId="{{value.id}}">去打卡</view>
            </view>
            <view class="blue_font" wx:else>
                <view bindtap="handleAchievement" data-valueId="{{value.id}}">打卡成果</view>
            </view>
        </view>

        <view class="blue_tip" bindtap="toShow">
            <image class="img_tip" src="/img/answer/add.png" alt="" />
        </view>
    </view>

    <!-- 弹窗 -->
    <van-popup show="{{ showAdd }}" round position="bottom" custom-style="height: 60%;" bind:close="closeAdd">
        <view class="pop_card">
            <view class="pop_title">选择模板</view>
            <view class="tem_box">
                <view class="tem_item"  bindtap="toPunch" >
                    <image class="tem_pic" src="/img/answer/zdy.png" alt="" />
                    <view class="tem_font">自定义模板</view>
                </view>
                <view class="tem_item" wx:for="{{tempList}}" wx:key="index" wx:for-item="value" bindtap="toPunch" data-value="{{value}}">
                    <image class="tem_pic" src="{{value.taskBackground}}" alt="" />
                    <view class="tem_font">{{value.taskTitle}}</view>
                </view>
            </view>
        </view>
    </van-popup>
</view>