dorm-manager/dorm-manager-wx/pages/teacher/statistics/statistics.wxml

<!-- 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="{{scopeIndex}}" range="{{scopeArray}}" bindchange="bindScopeChange">
        <view class="desc-t">
          {{scopeArray[scopeIndex]}}
        </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.out+totalInfo.unOut}}人</view>
      </view>
    </view>
    <view class="bottom">
      <view class="my-column my-align-c">
        <view class="bottom-bigback1 item">{{totalInfo.unAccessCount}}</view>
        <view class="desc">无进出记录人员</view>
      </view>
      <view class="my-column my-align-c">
        <view class="bottom-bigback2 item">{{totalInfo.out}}</view>
        <view class="desc">已出宿舍人员</view>
      </view>
      <view class="my-column my-align-c">
        <view class="bottom-bigback3 item">{{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">{{totalInfo.laterIn}}</view>
        <view class="desc">晚归宿舍人员</view>
      </view>
      <view class="my-column my-align-c">
        <view class="bottom-bigback5 item">{{totalInfo.unIn}}</view>
        <view class="desc">未归宿舍人员</view>
      </view>
      <view class="my-column my-align-c">
        <view class="bottom-bigback6 item">{{totalInfo.unOut}}</view>
        <view class="desc">未出宿舍人员</view>
      </view>
    </view>
  </view>
  <view class="titlebar">
    未归宿舍人员统计
  </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='{{weiguiList}}'>
      <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.time}}</view>
      </view>
    </block>
  </view>
</view>