<!-- statistics.wxml -->
<view class="mycontainer" style="padding:0rpx;">
  <view class="picker-item">
    <view class="my-row my-align-c">
      <image src="/images/data-icon.png" class="icon"></image>
      <view class="desc-t">开始日期</view>
    </view>
    <view class="my-row my-align-c">
      <picker mode="date" value="{{startDate}}" start="2000-01-01" end="2099-12-31" bindchange="bindStartDateChange">
        <view class="desc-t">
          {{startDate}}
        </view>
      </picker>
      <image src="/images/jiantou-bottom.png" class="icon-bottom"></image>
    </view>
  </view>
  <view class="picker-item">
    <view class="my-row my-align-c">
      <image src="/images/data-icon.png" class="icon"></image>
      <view class="desc-t">结束日期</view>
    </view>
    <view class="my-row my-align-c">
      <picker mode="date" value="{{endDate}}" start="2000-01-01" end="2099-12-31" bindchange="bindendDateChange">
        <view class="desc-t">
          {{endDate}}
        </view>
      </picker>
      <image src="/images/jiantou-bottom.png" class="icon-bottom"></image>
    </view>
  </view>
  <view class="picker-item">
    <view class="my-row my-align-c">
      <image src="/images/query.png" class="icon"></image>
      <view class="desc-t">查询范围</view>
    </view>
    <view class="my-row my-align-c">
      <picker value="{{value}}" mode='multiSelector' range="{{userArray}}" bindchange="bindUserChange" bindcolumnchange='columnChange'>
        <view class="desc-t">
          {{userArray[0][value[0]]}}{{userArray[1][value[1]]}}
        </view>
      </picker>
      <image src="/images/jiantou-bottom.png" class="icon-bottom"></image>
    </view>
  </view>
  <view class="titlebar">
    考勤统计
  </view>
  <view class="canvas-item">
    <canvas canvas-id="ringCanvas" class="canvas" bindtouchstart="touchHandler"></canvas>
    <view class="charts-right">
      <view class="charts-line">
        <view class="charts-icon1 charts-icon"></view>
        <view class="charts-data">全员人数{{totalInfo.total}}人</view>
      </view>
      <view class="charts-line" wx:if='{{totalInfo.unAccessCount!=0}}'>
        <view class="charts-icon2 charts-icon"></view>
        <view class="charts-data">无进出记录人员{{totalInfo.unAccessCountP}}%</view>
      </view>
      <view class="charts-line" wx:if='{{totalInfo.out!=0}}'>
        <view class="charts-icon3 charts-icon"></view>
        <view class="charts-data">已出宿舍人员{{totalInfo.outP}}%</view>
      </view>
      <view class="charts-line" wx:if='{{totalInfo.in!=0}}'>
        <view class="charts-icon4 charts-icon"></view>
        <view class="charts-data">已归宿舍人员{{totalInfo.inP}}%</view>
      </view>
      <view class="charts-line" wx:if='{{totalInfo.laterIn!=0}}'>
        <view class="charts-icon5 charts-icon"></view>
        <view class="charts-data">晚归宿舍人员{{totalInfo.laterInP}}%</view>
      </view>
      <view class="charts-line" wx:if='{{totalInfo.unIn!=0}}'>
        <view class="charts-icon6 charts-icon"></view>
        <view class="charts-data">未归宿舍人员{{totalInfo.unInP}}%</view>
      </view>
      <view class="charts-line" wx:if='{{totalInfo.unOut!=0}}'>
        <view class="charts-icon7 charts-icon"></view>
        <view class="charts-data">未出宿舍人员{{totalInfo.unOutP}}%</view>
      </view>
    </view>
    <view class="bottom">
      <view class="my-column my-align-c">
        <view class="bottom-bigback1 item" bindtap="qiehuan" data-type="1">{{totalInfo.unAccessCount}}</view>
        <view class="desc">无进出记录人员</view>
      </view>
      <view class="my-column my-align-c">
        <view class="bottom-bigback2 item" bindtap="qiehuan" data-type="2" data-state="1">{{totalInfo.out}}</view>
        <view class="desc">已出宿舍人员</view>
      </view>
      <view class="my-column my-align-c">
        <view class="bottom-bigback3 item" bindtap="qiehuan" data-type="3" data-state="0">{{totalInfo.in}}</view>
        <view class="desc">已归宿舍人员</view>
      </view>
    </view>
    <view class="bottom" style="margin-top:30rpx;margin-bottom:30rpx;">
      <view class="my-column my-align-c">
        <view class="bottom-bigback4 item" bindtap="qiehuan" data-type="4">{{totalInfo.laterIn}}</view>
        <view class="desc">晚归宿舍人员</view>
      </view>
      <view class="my-column my-align-c">
        <view class="bottom-bigback5 item" bindtap="qiehuan" data-type="5">{{totalInfo.unIn}}</view>
        <view class="desc">未归宿舍人员</view>
      </view>
      <view class="my-column my-align-c">
        <view class="bottom-bigback6 item" bindtap="qiehuan" data-type="6">{{totalInfo.unOut}}</view>
        <view class="desc">未出宿舍人员</view>
      </view>
    </view>
  </view>
  <view class="titlebar">
    {{listTitle}}
  </view>
  <view class="weigui">
    <view class="title-item">
      <view class="name">姓名</view>
      <view class="name">楼栋</view>
      <view class="name">宿舍</view>
      <view class="name">次数</view>
      <view class="name">时间</view>
    </view>
    <block wx:for='{{list}}'>
      <view class="item">
        <view class="name">{{item.userName}}</view>
        <view class="name">{{item.storeyTitle}}</view>
        <view class="name">{{item.roomTitle}}</view>
        <view class="name">1</view>
        <view class="name">{{item.createDate}}</view>
      </view>
    </block>
  </view>
</view>