<!-- 日期弹出层 -->
<view class="register" wx:if="{{datechu}}">

  <view class="timewrap">

    <view class="detailhead">
      <view class="detailname {{timestate==1?'selactive':''}}" bindtap="seltime" data-id="1">选择时间</view>
      <view class="detailname {{timestate==2?'selactive':''}}" bindtap="seltime" data-id="2">选摄像头</view>

    </view>

    <!-- 开始时间和结束时间 -->

    <view class="timetwo">
      <view class="timebetin" bindtap="xuanshijan" data-time="1">

        <view class="timetop {{timesel==1?'seltimeactive':''}}">开始时间</view>
        <view class="timebottom {{timesel==1?'selnameactive':''}}">2019.01.09</view>
      </view>
      <view class="timebetin" bindtap="xuanshijan" data-time="2">

        <view class="timetop {{timesel==2?'seltimeactive':''}}">结束时间</view>
        <view class="timebottom {{timesel==2?'selnameactive':''}}">2019.01.09</view>
      </view>
    </view>

    <view class="timebox">
      <view class="timeboxitem {{sel==index?'timeboxactive':''}}" wx:for="{{timearr}}" wx:key="">
        <view class="itemcontent">{{item.year}}</view>
        <view class="itemcontent">{{item.month}}</view>
        <view class="itemcontent">{{item.day}}</view>
      </view>


    </view>

    <!-- <text>当前日期：{{date}}</text>
    <view bindtap="showDatePicker">选择日期</view> -->

    <date-picker id="date-picker" value="{{datePickerValue}}" isShow="{{datePickerIsShow}}" bindsureclick="datePickerOnSureClick" bindcancelclick="datePickerOnCancelClick" bindchange="bindDateChange" />
  </view>




</view>

<view class="detailhead">
  <view class="detailname {{state==1?'selactive':''}}" bindtap="selectshebei" data-id="1">人员状况</view>
  <view class="detailname {{state==2?'selactive':''}}" bindtap="selectshebei" data-id="2">进出水</view>

</view>


<!-- 人员状况 -->

<view class="peoplestate" wx:if="{{state==1}}">

  <view class="date">
    <view class="dateleft">
      <image src="/img/row.png"></image>
    </view>
    <view class="datetime">
      <view class="datesel">
        <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindstateDateChange" fields="month">
          <view class="picker">
            {{statedate}}
          </view>
        </picker>
      </view>

      <view class="datepic">
        <image src="/img/row.png"></image>
      </view>
    </view>

    <view class="dateright">
      <image src="/img/row.png"></image>
    </view>
  </view>

  <view class="shebeinum">
    <text class="she">人员进出信息</text>
  </view>

  <view class="containerzhe">
    <ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec1 }}"></ec-canvas>
  </view>

  <view class="datetime">{{showdate}}</view>


</view>

<!-- 进出流水 -->

<view class="lishui" wx:if="{{state==2}}">
  <view class="date" bindtap="datexianshi">
    <view class="dateleft">
      <image src="/img/row.png"></image>
    </view>
    <view class="datetime">
      <view class="datesel">
        {{watertime}}
      </view>

      <view class="datepic">
        <image src="/img/row.png"></image>
      </view>
    </view>

    <view class="dateright">
      <image src="/img/row.png"></image>
    </view>
  </view>

  <view class="shuibox">

    <view class="shihead">
      <view class="headitem shijian">时间</view>
      <view class="headitem shexiang">摄像头</view>
      <view class="headitem derition">方向</view>

    </view>
    <view class="shuicontent">
      <view class="shuiitem">
        <view class="shuiitemleft shijian">06.01</view>
        <view class="shuiitemleft shexiang">大厅左上角</view>
        <view class="shuiitemleft derition">进</view>
      </view>
       <view class="shuiitem">
        <view class="shuiitemleft shijian">06.01</view>
        <view class="shuiitemleft shexiang">大厅左上角</view>
        <view class="shuiitemleft derition">进</view>
      </view>

       <view class="shuiitem">
        <view class="shuiitemleft shijian">06.01</view>
        <view class="shuiitemleft shexiang">大厅左上角</view>
        <view class="shuiitemleft derition">进</view>
      </view>
       <view class="shuiitem">
        <view class="shuiitemleft shijian">06.01</view>
        <view class="shuiitemleft shexiang">车间后方大转盘</view>
        <view class="shuiitemleft derition">进</view>
      </view>
    </view>

  </view>

</view>