jhwxapp/miniprogram/pageage/AIvideoAnalysis/index.wxml

<!--pages/AIvideoAnalysis/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="https://szgcwx.jhncidg.com/staticFiles/img/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_new_content">
  <project-select init="{{initData}}" bindchange="onProjectSelect"></project-select>
  <view class="modify_video_nav">
      <view bindtap="videoPageJump" data-index="1"><text>视频管理</text></view>
      <view class="active" bindtap="videoPageJump" data-index="2"><text>AI视频分析</text></view>
      <!-- <view bindtap="videoPageJump" data-index="3"><text>车辆管理</text></view> -->
  </view>

  <view class="modify_echarts_max">
    <view class="modify_echarts_min">
      <view class="modify_eharts_title">AI视频分析</view>  
      <view class="video_ai_survey">
          <van-row>
              <van-col span="12">
                  <pie-chart chart-id="chart2" chart-data="{{AIvideoSurvey}}"></pie-chart>
              </van-col>
              <van-col span="12">
                  <view class="ai_video_con">
                      <view class="ai_video_con_title">
                          <image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_1687339C488F426CAA9ABFC7F9963D0C.png"></image>
                          <text>算法接入</text>
                      </view>
                      <view class="ai_video_con_number">
                          <text>{{jrCount}}</text> 路
                      </view>
                  </view>
                  <view class="ai_video_con">
                      <view class="ai_video_con_title">
                          <image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_0A05F33F7CF94B249E5C4C97B24CCD0B.png"></image>
                          <text>异常预警</text>
                      </view>
                      <view class="ai_video_con_number">
                          <text>{{ycCount}}</text> 路
                      </view>
                  </view>
                  <view class="ai_video_con">
                      <view class="ai_video_con_title">
                          <image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_E217CC761C0440908943CEAD8A5DFDC4.png"></image>
                          <text>预警次数</text>
                      </view>
                      <view class="ai_video_con_number">
                          <text>{{yjCount}}</text> 路
                      </view>
                  </view>
              </van-col>
          </van-row>
      </view>
    </view>
  </view>
  <view class="modify_echarts_max">
    <view class="modify_echarts_title_min">
        <view class="modify_eharts_title">AI视频预警</view> 
        <view class="modify_list_btn" bindtap="goList">预警列表 》</view>
    </view>
    <view class="video_list_max">
      <view class="ai_warning_list" wx:for="{{videoWarningArray}}">
          <image src="{{item.photo}}" class="ai_warning_list_img"></image>
          <view class="ai_warning_list_con">
              <view class="ai_warning_list_project">{{item.projectName}}</view>
              <view class="ai_warning_list_reason">预警原因：<text>{{item.alertor_type_name}}</text></view>
              <view class="ai_warning_list_position">预警位置：<text>{{item.stream_name}}</text></view>
              <view class="ai_warning_list_time">
                  <view class="ai_warning_list_time_date">{{item.dateTime}}</view>
                  <view class="ai_warning_list_video_btn" bindtap="viewVideo" data-token="{{item.video_token}}">
                    <image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_84F967AF6E48448EB73D2AA2A00F57F4.png"></image>
                    <text>查看视频</text>
                  </view>
              </view>
          </view>
      </view>
    </view>
  </view>
</view>

<van-popup show="{{ videoShow }}" bind:close="onViewVideoClose" custom-style="width: 100%;" custom-class='custom_style'>
   <view class="ai_video_popup">
      <live-player src="{{videoStreamUrl}}" autoplay="true" style="width: 100%;"></live-player>
   </view>
</van-popup>

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