细节调整

YYC

2023-05-19 6e7865b1f1c3d310019987f52d7e145cde691942

 igds-app/js/admin/security-video.js

@@ -1,5 +1,5 @@
var url = null;
var videoData = null;
var videoList = null;
var playData =null;
var data = {
   "interfaceId": "5604",
@@ -35,6 +35,7 @@
}

function getVideoList() {
   console.log(JSON.stringify(data.data))
   //发送请求获取视频设备
   mui.ajax(url, {
      type: "POST",
@@ -44,13 +45,11 @@
      data: JSON.stringify(data),
      success: function(result) {
         if (result.code == "0000") {
            videoData = result.data;
            console.log(JSON.stringify(videoData))
            videoList = result.data;
            renderVideo();
         } else {
            renderVideo();
            mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
				
         }
      },
      error: function() {
@@ -58,45 +57,70 @@
         mui.alert('系统繁忙,请重试！', '提示', ["确定"], function() {}, "div");
      }
   })
   videoList = [{
         "id": "45",
         "name": "东图习多",
         "status": "01",
         "playType": "id ea",
         "type": "02"
      },
      {
         "id": "52",
         "name": "老出亲事先",
         "status": "02",
         "playType": "Ut",
         "type": "01"
      },
      {
         "id": "70",
         "name": "解领文确团离照",
         "status": "02",
         "playType": "nisi nostrud",
         "type": "02"
      },
      {
         "id": "13",
         "name": "因局员",
         "status": "01",
         "playType": "ex labore esse",
         "type": "01"
      }
   ]
}

//渲染视频监控设备
function renderVideo() {
   var html = '';
   if (videoData) {
      var videoList = videoData.data;
      if (videoList && videoList.length > 0) {
         $.each(videoList, function(index, item) {
            if (index % 3 == 0) {
               html +=
               '<li><a onclick="getVideo(\''+item.id+'\',\''+item.playType+'\')" class="con" style="background-image: url(images/icons/g-i15.png);">';
            }
            if (index % 3 == 1) {
               '<li><a onclick="getVideo(\'' + item.id + '\',\'' + item.playType +
               '\')" class="con" style="background-image: url(images/icons/g-i15.png);">';
         }else if (index % 3 == 1) {
               html +=
               '<li><a onclick="getVideo(\''+item.id+'\',\''+item.playType+'\')" class="con" style="background-image: url(images/icons/g-i16.png);">';
            }
            if (index % 3 == 2) {
               '<li><a onclick="getVideo(\'' + item.id + '\',\'' + item.playType +
               '\')" class="con" style="background-image: url(images/icons/g-i16.png);">';
         }else if (index % 3 == 2) {
               html +=
               '<li><a onclick="getVideo(\''+item.id+'\',\''+item.playType+'\')" class="con" style="background-image: url(images/icons/g-i17.png);">';
            }
            if (item.type = '02') {
               html +=
                  '<div class="left"><div class="icon"><img src="images/icons/g-i13.png" alt=""></div><div class="name">' +
                  item.name + ' (球机)</div></div>';
               '<li><a onclick="getVideo(\'' + item.id + '\',\'' + item.playType +
               '\')" class="con" style="background-image: url(images/icons/g-i17.png);">';
            }
            if (item.type == '01') {
               html +=
                  '<div class="left"><div class="icon"><img src="images/icons/g-i14.png" alt=""></div><div class="name">' +
            html +='<div class="left"><div class="icon"><img src="images/icons/g-i14.png" alt=""></div><div class="name">' +
                  item.name + ' (枪机)</div></div>';

         }else if (item.type == '02') {
            html +=               '<div class="left"><div class="icon"><img src="images/icons/g-i13.png" alt=""></div><div class="name">' +
               item.name + ' (球机)</div></div>';
					
            }

            html += '<div class="right"><span class="mui-icon  mui-icon-forward"></span></div></a></li>';
         })
      } else {
         html += '<li><a class="con" style="background-image: url(images/icons/g-i15.png);"><span>暂无相关设备</span></a></li>';
      }
   }else{
      html += '<li><a class="con" style="background-image: url(images/icons/g-i15.png);"><span>暂无相关设备</span></a></li>';
      html +=
         '<li><a class="con" style="background-image: url(images/icons/g-i15.png);text-align: center;font-size: 20px;color:#dd524d""><span>暂无相关设备</span></a></li>';
   }
   $("#recordList").html(html);
}
@@ -105,7 +129,7 @@
function getVideo(cameraId,playType){
   data1.data.id = cameraId;
   data1.data.playType = playType;
	
   console.log(JSON.stringify(data1.data))
   //发送请求获取视频设备
   mui.ajax(url, {
      type: "POST",
@@ -119,7 +143,8 @@
            console.log(JSON.stringify(playData))
            toVideo(playData.playAddr);
         } else {
            toVideo('');
            // toVideo("http://player.alicdn.com/video/aliyunmedia.mp4");
            toVideo('')
            mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
         }
      },
@@ -132,7 +157,8 @@

function toVideo(playAddr){
   var html = '';
   html += '<video src="'+playAddr+'" poster="images/pos1.png" class="video" webkit-playsinline="true" playsinline="true" controls></video>'
   html += '<video src="' + playAddr +
      '" poster="images/pos1.png" class="video" webkit-playsinline="true" playsinline="true" controls></video>'
   $("#toVideo").html(html);
}