<!--pages/clock/clock-tongji/list.wxml-->
<wxs src="../clock.wxs" module="clock"></wxs>
<view class="container">
  <view class="header">
    <view class="avatar">
      <image src="{{avatar}}" class="avatar-img"></image>
      <image class="avatar-icon" src="{{imgServerUrl}}/images/clock/clock-approved-icon.png"
        wx:if="{{approveStatus === 3}}"></image>
      <image class="avatar-icon" src="{{imgServerUrl}}/images/clock/clock-approving-icon.png" wx:else></image>
    </view>
    <view class="header-info">
      <view>{{name}}</view>
      <view class="approveStatus {{approveStatus === 3 ? '' : 'approveStatus-color'}}">
        {{approveStatus === 3 ? '开心工作认证用户' : '认证信息审核中'}}</view>
    </view>
  </view>
  <view class="mouth">
    <view class="title">
      <view>月统计数据</view>
      <view class="calendar-content-choose">
        <view class="last" bindtap="mouthLast">
          <image src="{{mouthLast}}"></image>
        </view>
        <text class="calendar-content-choose-text">{{year}}-{{mouth>10?mouth:'0'+mouth}}</text>
        <view class="next" bindtap="mouthNext">
          <image src="{{mouthNext}}"></image>
        </view>
      </view>
    </view>
    <view class="content">
      <view class="label">总预支：</view>
      <view class="value">{{clock.toFixed(mouthData.nextMoney)}} 元</view>
    </view>
    <view class="content">
      <view class="label">总工时：</view>
      <view class="value">{{clock.toFixed(mouthData.countDuration)}} 小时</view>
    </view>
    <view class="content">
      <view class="label">出勤次数：</view>
      <view class="value">{{mouthData.attendance || 0}} 次</view>
    </view>
    <view class="content">
      <view class="label">缺卡：</view>
      <view class="value">{{mouthData.lackClock || 0}} 次</view>
    </view>
  </view>
  <view class="week">
    <view class="title">
      <view>周统计数据</view>
      <view class="calendar-content-choose">
        <view class="last" bindtap="weekLast">
          <image src="{{weekLast}}"></image>
        </view>
        <text class="calendar-content-choose-text">{{week}}</text>
        <view class="next" bindtap="weekNext">
          <image src="{{weekNext}}"></image>
        </view>
      </view>
    </view>
    <view class="content">
      <view class="label">总预支：</view>
      <view class="value">{{clock.toFixed(weekData.nextMoney)}} 元</view>
    </view>
    <view class="content">
      <view class="label">总工时：</view>
      <view class="value">{{clock.toFixed(weekData.countDuration)}} 小时</view>
    </view>
    <view class="content">
      <view class="label">出勤次数：</view>
      <view class="value">{{weekData.attendance || 0}} 次</view>
    </view>
    <view class="content">
      <view class="label">缺卡：</view>
      <view class="value">{{weekData.lackClock || 0}} 次</view>
    </view>
  </view>
</view>