<!--pages/xiangmushipin/xiangmushipin.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 class="left_manage_max">
    <view class="left_manage_min">
      <view class="left_manage" bindtap="TCDL">
        <view class="left_sign">
          退出登录
        </view>
      </view>
    </view>
    
  </view>
</van-popup> -->

<view class="max_new_content">
  <project-select init="{{initData}}" bindchange="onProjectSelect"></project-select>
  <view class="modify_video_nav" style="margin-top: 60rpx;">
      <view class="active" bindtap="videoPageJump" data-index="1"><text>视频管理</text></view>
      <view bindtap="videoPageJump" data-index="2"><text>AI视频分析</text></view>
      <!-- <view 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="/images/video.png"></image>
          视频接入数：
          <text>{{videoAll}}</text>
          个
        </view>
      </van-col>
      <van-col span="12">
        <view class="video_icon">
          <image src="/images/video.png"></image>
          视频在线数：
          <text>{{videoOnline}}</text>
          个
        </view>
      </van-col>
    </van-row>
  </view>

  <van-sticky  offset-top="{{ 78 }}">
    <view class="video_nav_max">
      <view class="video_nav active" style="border-radius: 10rpx;margin-left: 14rpx;">
        工区一
      </view>
    </view>
  </van-sticky>

  <view class="video_work_area">
    <view class="video_work_area_title">工区一</view>

    <van-row class="demo clearfix">
      <van-col span="12" wx:for="{{videoList}}">
        <view class="video_work_area_content" bindtap="doubleClick" data-time="{{lastTapTime}}" data-url="{{item.url}}" data-name="{{item.cameraName}}" data-token="{{item.token}}">
          <view wx:if="{{item.state == '1'}}"> 
            <image src="http://fileimg.makalu.cc/254b9b5f889e4fb2b10bedfcf98771b8.png" class="img_state"></image>
          </view>
          <view wx:if="{{item.state == '0'}}"> 
            <image src="http://fileimg.makalu.cc/9160dabe7d1843168eab5b952140ba59.png" class="img_state"></image>
          </view>
          <view wx:if="{{item.state == '3'}}"> 
            <live-player src="{{item.url}}" autoplay="true"></live-player>
          </view>
          <image src="/images/quanping.png" class="icon_img" bindtap="quanping" data-url="{{item.url}}" data-name="{{item.cameraName}}" data-token="{{item.token}}"></image>
          <view class="video_id">{{item.cameraName}}</view>
        </view>
      </van-col>

    </van-row> 
  </view>

</view>

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




















