Mina/pages/clock/clock-tongji/list.wxml

<!--pages/clock/clock-tongji/list.wxml-->
<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>铁锤</view>
      <view class="approveStatus {{approveStatus === 3 ? '' : 'approveStatus-color'}}">
        {{approveStatus === 3 ? '开心工作认证用户' : '认证信息审核中'}}</view>
    </view>
  </view>
  <view class="mouth">
    <view class="title">
      <view>月统计数据</view>
      <view class="time">
        <text>本月</text>
      </view>
    </view>
    <view class="content">
      <view class="label">总预支：</view>
      <view class="value">261.44 元</view>
    </view>
    <view class="content">
      <view class="label">总工时：</view>
      <view class="value">23.0 小时</view>
    </view>
    <view class="content">
      <view class="label">打卡天数：</view>
      <view class="value"> 4 天</view>
    </view>
    <view class="content">
      <view class="label">缺卡：</view>
      <view class="value">0 次</view>
    </view>
  </view>
  <view class="week">
    <view class="title">
      <view>周统计数据</view>
      <view class="time">
        <text>本周</text>
      </view>
    </view>
    <view class="content">
      <view class="label">总预支：</view>
      <view class="value">261.44 元</view>
    </view>
    <view class="content">
      <view class="label">总工时：</view>
      <view class="value">23.0 小时</view>
    </view>
    <view class="content">
      <view class="label">打卡天数：</view>
      <view class="value"> 4 天</view>
    </view>
    <view class="content">
      <view class="label">缺卡：</view>
      <view class="value">0 次</view>
    </view>
  </view>
</view>