<!--pages/member/ClockPunch/ClockPunch.wxml-->
<view class="clockin">
	<van-nav-bar title="{{clockin_title}}" right-text="我的战绩" bind:click-right="goClockPunchRecord" />
	<view class="clockin-detail">
		<view class="clock_content">
			<view class="clock_info">
				<view class="ul info">
					<view class="li info_a">打卡可随机瓜分金额({{language['元']?language['元']:'元'}})</view>
					<view class="li info_b">
						<view class="span">{{totalAmonut}}</view>
					</view>
					<view class="li info_c">打卡时间 {{clock_begintime}}：00 - {{clock_endtime}}：00</view>
					<view class="li info_d">当前有{{totalNumber}}人参与打卡挑战</view>
				</view>
				<view class="rule" catchtap="goClockPunchRule">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/clock_rule.png" mode='widthFix' />
					<view class="span">活动规则</view>
				</view>
				<view catchtap="clokinBtnCallBack" class="clokinBtn">
					{{message}}
				</view>
			</view>
			<view class="clock_state">
				<view class="h1">打卡状况</view>
				<view class="ul">
					<view class="li">
						<view class="left">
							{{clockInNum}}
						</view>
						<view class="center">人成功</view>
						<view class="right">
							<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/success.png" mode='widthFix' />
						</view>
					</view>
					<view class="li">
						<view class="left">
							{{notClockInNum}}
						</view>
						<view class="center">人失败</view>
						<view class="right">
							<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/fail.png" mode='widthFix' />
						</view>
					</view>
				</view>
			</view>
			<view class="clock_use">
				<view class="use_a" wx:if="{{clockFirstShow && clockFirstMember}}">
					<view class="header">
						<image src="{{clockFirstMember.has_one_member.avatar}}" mode='widthFix' />
					</view>
					<image class="hat" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/clock_hat.png" mode='widthFix' />
					<view class="span">早起之星</view>
					<view class="ul name">
						<view class="li">{{clockFirstMember.has_one_member.nickname}}</view>
						<view class="li">{{clockFirstMember.clock_in_at}}打卡</view>
					</view>
				</view>
				<view class="use_a" wx:if="{{luckyMemberShow && luckyMember}}">
					<view class="header">
						<image src="{{luckyMember.has_one_member.avatar}}" mode='widthFix' />
					</view>
					<image class="hat" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/clock_hat.png" mode='widthFix' />
					<view class="span">幸运之星</view>
					<view class="ul name">
						<view class="li">{{luckyMember.has_one_member.nickname}}</view>
						<view class="li">{{luckyMember.amount}}{{language['元']?language['元']:'元'}}</view>
					</view>
				</view>
				<view class="use_a" wx:if="{{continueMemberShow && continueMember}}">
					<view class="header">
						<image src="{{continueMember.has_one_member.avatar}}" mode='widthFix' />
					</view>
					<image class="hat" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/clock_hat.png" mode='widthFix' />
					<view class="span">毅力之星</view>
					<view class="ul name">
						<view class="li">{{continueMember.has_one_member.nickname}}</view>
						<view class="li">连续{{continueMember.clock_num}}次</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</view>
<van-action-sheet bind:select="actionbtn" show="{{actionSheetShow}}" actions="{{actionSheetItemsData}}" cancel-text="取消"
 bind:close="onClose" bind:cancel="onClose" />
