<!-- 车辆流水日期弹出层 -->
<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':''}}">{{startdate}}</view>
      </view>
      <view class="timebetin" bindtap="xuanshijan" data-time="2">

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

    <view class="timebox" wx:if="{{currentdate}}">
      <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>
    <view class="qudingdate" wx:else bindtap='qudingxuandate'>确定</view>


    <view wx:if="{{currentdate}}">

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

    </view>
  </view>
</view>

<!-- 车辆状况日期弹出层 -->

<view class="modal-mask" bindtap="hideModal" wx:if="{{showModal}}"></view>
<view wx:if="{{showModal}}">
  <view class="modal-content">
    <!-- 年份 -->
    <view class="modal_year">
      <picker bindchange="bindyearChange" value="{{index}}" range="{{yeararray}}">
        <view class="picker">
          {{yearname}}年
        </view>
      </picker>
    </view>
    <!-- 月份 -->
    <view class="modal_month">
      <view class="month_single {{item.sel==true?'change':''}}" wx:for="{{monthList}}" wx:key="" data-id="{{index}}" catchtap="choice">{{item.name}}</view>
    </view>
    <view class="date_descript {{showt==true?'tactive':''}}" bindtap="three">近30天</view>
    <view class='btns'>
      <view class="cacle" bindtap="hideModal">取消</view>
      <view class="cacle sure" bindtap="hideModal">确定</view>
    </view>
  </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 wx:if="{{showModal==false}}">
  <!-- 车辆状况 -->

  <view class="peoplestate" wx:if="{{state==1}}">
    <!-- <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="date" bindtap='toShowModal'>
      <view class="dateleft">
        <image src="/img/row.png"></image>
      </view>
      <view class="datetime">
        <view class="datesel">
          {{time}}
        </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>
</view>