<!--pages/vehicleManage/index.wxml-->
<view class="header_title">
  <view class="header_title_row">
    <van-row>
      <van-col span="3">
        <view class="header_img" bindtap="showPopup"><image src="/images/core.png"></image></view>
      </van-col>
      <van-col span="4">
        <view class="header_img" bindtap="goGCLB">
          <image src="/images/left.png"></image>
          <text class="header_fh">返回</text>
        </view>
      </van-col>
      <van-col span="10">
        <view class="header_name">项目视频</view>
      </van-col>
    </van-row>
  </view>
</view>

<van-popup show="{{ show }}" position="left" custom-style="width: 70%;height:100%;background:#191d28" bind:close="onClose" >
  <view class="left_max">
    <van-row class="demo clearfix">
      <van-col span="10">
        <view class="left_head"><image src="http://fileimg.makalu.cc/szgl/9015e824c5004e629049c4f72967cfdc.png"></image></view>
      </van-col>
      <van-col span="14">
        <view class="left_info">
          <view class="left_info_name">{{userName}}</view>
          <view class="left_info_name">{{loginName}}</view>
        </view>
      </van-col>
    </van-row>
  </view>
</van-popup>

<view class="max_content">
  <project-select init="{{initData}}" bindchange="onProjectSelect"></project-select>

  <view class="modify_video_nav">
      <view bindtap="videoPageJump" data-index="1"><text>视频管理</text></view>
      <view bindtap="videoPageJump" data-index="2"><text>AI视频分析</text></view>
      <view class="active" bindtap="videoPageJump" data-index="3"><text>车辆管理</text></view>
  </view>

  <view class="video_num">
    <van-row>
      <van-col span="12">
        <view class="video_icon">
          <image src="http://fileimg.makalu.cc/WEB_0E744AAFAB1E4A20AD31C0CB6C1DF0B7.png"></image>
          今日进场数：
          <!-- <text>0</text>
          个 -->
        </view>
      </van-col>
      <van-col span="12">
        <view class="video_icon">
          <image src="http://fileimg.makalu.cc/WEB_A2C4B56EC94741598A8ABF456B00BD22.png"></image>
          今日出场数：
          <!-- <text>0</text>
          个 -->
        </view>
      </van-col>
    </van-row>
  </view>
 
  <van-sticky  offset-top="{{ 78 }}">
    <view class="vehicle_video_nav_max">
      <view class="vehicle_video_nav_min">
        <view class="vehicle_video_nav active">门口1(0)</view>
        <view class="vehicle_video_nav ">门口1(0)</view>
        <view class="vehicle_video_nav ">门口1(0)</view>
      </view>
    </view>
  </van-sticky>

  <view class="modify_echarts_max">
    <view class="modify_echarts_title_min">
        <view class="modify_eharts_title">车辆识别视频</view> 
    </view>
    <view class="modify_vehicle_video">
      <video></video>
    </view>
  </view>
  <view class="modify_echarts_max">
    <view class="modify_echarts_title_min">
        <view class="modify_eharts_title">车辆识别列表</view> 
        <!-- <view class="modify_list_btn">车辆识别列表 》</view> -->
    </view>
    <view class="modify_list_license_plate_max">
      <!-- <view class="modify_list_license_plate"> 陕A123456 </view> -->
      <view class="modify_list_license_photo">
          <view class="modify_list_license_direction">进出场照片</view>
          <view>
            <van-row>
              <van-col span="12" wx:for="{{management}}" wx:if="{{index<20}}">
                <view class="modify_list_photos_max">
                  <view class="modify_list_photos_min">
                      <image src="{{item.photoUrl}}" bindtap="enlargeImage" data-url="{{item.photoUrl}}"></image>
                  </view>
                  <view class="modify_list_photos_time">{{item.uploadTime}}</view>
                </view>
              </van-col>
            </van-row>
          </view>   
      </view>
    </view>  
  </view>
</view>

<van-overlay show="{{loadShow}}">
  <view class="gif">
    <image src="../../images/loding2.gif"></image>
    <view>数据加载中！请稍后...</view>
  </view>
</van-overlay>  


<!-- 图片放大弹窗 -->
<view class="popup_img" wx:if="{{imgShow}}">
  <view class="popup_images" bindtap="closeImages"
  style="background: url('{{imgUrl}}') no-repeat center/100%"></view>
</view>