From 9382a00fe89139663216673a1a8e8ddb8761a14d Mon Sep 17 00:00:00 2001
From: YYC <1833023622@qq.com>
Date: 星期二, 06 六月 2023 20:13:19 +0800
Subject: [PATCH] 无数据时的页面
---
igds-app/js/admin/security-video.js | 112 ++++++++++++++++++++++++++++++++++---------------------
1 files changed, 69 insertions(+), 43 deletions(-)
diff --git a/igds-app/js/admin/security-video.js b/igds-app/js/admin/security-video.js
index 7621866..98d34ab 100644
--- a/igds-app/js/admin/security-video.js
+++ b/igds-app/js/admin/security-video.js
@@ -1,6 +1,6 @@
var url = null;
-var videoData = null;
-var playData =null;
+var videoList = null;
+var playData = null;
var data = {
"interfaceId": "5604",
"tokenAuth": "",
@@ -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,54 +57,79 @@
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) {
- html +=
- '<li><a onclick="getVideo(\''+item.id+'\',\''+item.playType+'\')" class="con" style="background-image: url(images/icons/g-i16.png);">';
- }
- 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>';
- }
- if (item.type == '01') {
- html +=
- '<div class="left"><div class="icon"><img src="images/icons/g-i14.png" alt=""></div><div class="name">' +
- item.name + ' (鏋満)</div></div>';
- }
+ 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);">';
+ }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);">';
+ }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 == '01') {
+ html +='<div class="left"><div class="icon"><img src="images/icons/g-i14.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>';
+ }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);text-align: center;font-size: 20px;color:#dd524d""><span>鏆傛棤鐩稿叧璁惧</span></a></li>';
}
$("#recordList").html(html);
}
-function getVideo(cameraId,playType){
+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");
}
},
@@ -130,9 +155,10 @@
})
}
-function toVideo(playAddr){
+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);
}
--
Gitblit v1.9.3