<!--pages/index/punchDetail/punchDetail.wxml-->
<view class="punch_detail">
    <!-- 顶部统一返回 -->
    <view class="navigation_back" bindtap="handleBack">
        <van-icon name="arrow-left" />
    </view>
    <!-- 已打卡 -->
    <image class="temporary" wx:if="{{Clocked}}" src="/img/_check_in3.png" mode="widthFix" alt="" />
    <!-- 未打卡 -->
    <image class="temporary" wx:else src="/img/_check_in1.png" mode="widthFix" alt="" />
    <!-- 我的成果 -->
    <text class="temporary_box" wx:if="{{!Clocked}}" style="width: 308rpx;height: 100rpx;position: absolute;top: 1412rpx;left: 32rpx;" bindtap="handleAchievement"></text>
    <!-- 立即打卡 -->
    <text class="temporary_box" wx:if="{{!Clocked}}" style="width: 308rpx;height: 100rpx;position: absolute;top: 1412rpx;right: 32rpx;" bindtap="handleEdit"></text>

    <!-- 立即打卡 -->
    <van-popup show="{{ showEdit }}" position="bottom" custom-style="height: 80%;" bind:close="closeEdit">
        <image class="temporary" src="/img/_check_in2.png" mode="widthFix" alt="" />
        <text class="temporary_box" style="width: 700rpx;height: 100rpx;position: absolute;top: 1452rpx;right: 32rpx;" bindtap="handleSubmit"></text>
    </van-popup>
        <!-- 打卡成果 -->
    <van-popup show="{{ showSuccess }}" custom-style="width:80%;height: 80%;" bind:close="colseSuccess">
        <image class="temporary" src="/img/_check_in4.png" mode="widthFix" alt="" />
        <text class="temporary_box" style="width: 200rpx;height: 60rpx;position: absolute;top: 800rpx;left: 200rpx;" bindtap="colseSuccess"></text>
    </van-popup>
</view>