Skip to content

J
jcy_monitor
Commit 1440a3e8 authored by beilang's avatar beilang
Browse files
Options

2024-04-03

parent 2cd93770
Hide whitespace changes
Inline Side-by-side
Showing with 321 additions and 841 deletions
src/main/java/com/ces/common/device/service/DeviceQueryService.java
View file @ 1440a3e8
......@@ -155,4 +155,17 @@ public class DeviceQueryService {
}
return dtoList.get(0);
}
public DeviceDTO getDeviceByGbId(String deviceId) {
QueryWrapper queryWrapper = new QueryWrapper();
queryWrapper.eq("gbid", deviceId);
List<DeviceDTO> dtoList = this.getDeviceByExt(queryWrapper);
if (dtoList == null || dtoList.isEmpty()) {
return null;
}
return dtoList.get(0);
}
}
src/main/java/com/ces/common/device/support/QueryWrapper.java
View file @ 1440a3e8
package com.ces.common.device.support;
import cn.hutool.core.util.StrUtil;
import com.ces.common.utils.ObjectUtils;
import org.apache.ibatis.annotations.Param;
import java.util.HashMap;
import java.util.Map;
......@@ -23,12 +25,27 @@ public class QueryWrapper {
public static final String CONTAINS = "contains";
}
private String includes;
private final Map<String, Map<String, String>> params;
public QueryWrapper() {
params = new HashMap<>(16);
}
public QueryWrapper(String includes) {
params = new HashMap<>(16);
this.includes = includes;
}
public String getIncludes() {
return includes;
}
public void setIncludes(String includes) {
this.includes = includes;
}
public synchronized void eq(String key, String val){
this.addParams(OPTION_KEY.EQ, key, val);
}
......@@ -85,6 +102,10 @@ public class QueryWrapper {
return null;
}
if (StrUtil.isNotBlank(this.includes)) {
paramMap.put("includes", this.includes);
}
return paramMap;
}
}
src/main/java/com/ces/web/device/controller/DeviceController.java
View file @ 1440a3e8
......@@ -102,13 +102,14 @@ public class DeviceController {
Map<String, String> resultMap = new HashMap<>(gbIdArray.length);
for (String gbId : gbIdArray) {
QueryWrapper queryWrapper = new QueryWrapper();
/*QueryWrapper queryWrapper = new QueryWrapper("gbid,status");
queryWrapper.eq("gbid", gbId);
List<DeviceDTO> deviceByExt = deviceQueryService.getDeviceByExt(queryWrapper);
if (ObjectUtils.isNotEmpty(deviceByExt)) {
DeviceDTO device = deviceByExt.get(0);
resultMap.put(device.getGbid(), device.getStatus());
}
}*/
resultMap.put(gbId, "0");
}
return Result.success(resultMap);
......
src/main/webapp/WEB-INF/views/bs/ddl.jsp
View file @ 1440a3e8
......@@ -91,37 +91,12 @@
}]
};
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/dongfloor_' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/dongfloor_', true).init();
});
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bs/jqeight.jsp
View file @ 1440a3e8
......@@ -407,37 +407,13 @@
}]
};
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
new DeviceRender(dataList, '/static/images/baoshan_02.png').init();
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/baoshan_02.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bs/jqone.jsp
View file @ 1440a3e8
......@@ -367,37 +367,12 @@
}]
};
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/baoshan_01.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/baoshan_01.png').init();
});
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bs/jqthree.jsp
View file @ 1440a3e8
......@@ -399,38 +399,11 @@
}]
};
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
console.log(index, dataList[`arr${"${index}"}`].length)
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/baoshan_03.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/baoshan_03.png').init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bs/jqtwo.jsp
View file @ 1440a3e8
......@@ -407,37 +407,11 @@
}]
};
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/baoshan_02.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/baoshan_02.png').init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bs/wlzx.jsp
View file @ 1440a3e8
......@@ -127,37 +127,11 @@
}]
};
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/wuliucenter.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/wuliucenter.png').init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bs/xdl.jsp
View file @ 1440a3e8
......@@ -87,37 +87,11 @@
}]
};
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/dongfloor_' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/dongfloor_', true).init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bs/zhl.jsp
View file @ 1440a3e8
......@@ -203,37 +203,11 @@
}]
};
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/zonghe_' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/zonghe_', true).init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bxj/jqfive.jsp
View file @ 1440a3e8
......@@ -332,37 +332,11 @@
]
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/jianqu5_' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/jianqu5_', true).init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bxj/jqfour.jsp
View file @ 1440a3e8
......@@ -346,37 +346,12 @@
]
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/jianqu4_' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/jianqu4_', true).init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bxj/jqone.jsp
View file @ 1440a3e8
......@@ -327,37 +327,11 @@
]
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/jianqu1_' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/jianqu1_', true).init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bxj/jqseven.jsp
View file @ 1440a3e8
......@@ -307,37 +307,11 @@
],
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/jianqu7_' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/jianqu7_', true).init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bxj/jqsix.jsp
View file @ 1440a3e8
......@@ -302,37 +302,11 @@
],
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/jianqu6_' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/jianqu6_', true).init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bxj/jqthree.jsp
View file @ 1440a3e8
......@@ -372,37 +372,11 @@
],
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/jianqu3_' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/jianqu3_', true).init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bxj/jqtwo.jsp
View file @ 1440a3e8
......@@ -385,37 +385,11 @@
],
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/jianqu2_' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/jianqu2_', true).init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/bxj/wss.jsp
View file @ 1440a3e8
......@@ -236,38 +236,11 @@
],
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
console.log(dataList[`arr${"${index}"}`].length)
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/weisheng1_' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/weisheng1_', true).init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/hw/hw_bcj.jsp
View file @ 1440a3e8
......@@ -255,37 +255,11 @@
}]
};
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/workshop' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style="top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/workshop', true).init();
function handleClick(i) {
let gbId = dataList['arr' + thisIndex][i].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/hw/hw_bj.jsp
View file @ 1440a3e8
......@@ -524,37 +524,11 @@
}]
};
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/beijian' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style=top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + ' onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/beijian', true).init();
function handleClick(areaNumber) {
let gbId = dataList['arr' + thisIndex][areaNumber].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/hw/hw_hall.jsp
View file @ 1440a3e8
......@@ -48,70 +48,52 @@
</div>
</body>
<script type="text/javascript">
var arr = [
{
top: '0.2rem',
left: '3.2rem',
gbid: '31011700001320001326'
}, {
top: '0.33rem',
left: '10.4rem',
gbid: '31011700001320001327'
}, {
top: '0.78rem',
left: '0.3rem',
gbid: '31011700001320001330'
}, {
top: '4.39rem',
left: '0.3rem',
gbid: '31011700001320001331'
}, {
top: '5.35rem',
left: '0.3rem',
gbid: '31011700001320001333'
}, {
top: '6.68rem',
left: '3.15rem',
gbid: '31011700001320001328'
}, {
top: '6.68rem',
left: '10.4rem',
gbid: '31011700001320001329'
}, {
top: '4.37rem',
left: '11.15rem',
gbid: '31011700001320001334'
}, {
top: '7.25rem',
left: '6.5rem',
gbid: '31011700001320001332'
}
]
var dataList = {
'arr1': [
{
top: '0.2rem',
left: '3.2rem',
gbid: '31011700001320001326'
}, {
top: '0.33rem',
left: '10.4rem',
gbid: '31011700001320001327'
}, {
top: '0.78rem',
left: '0.3rem',
gbid: '31011700001320001330'
}, {
top: '4.39rem',
left: '0.3rem',
gbid: '31011700001320001331'
}, {
top: '5.35rem',
left: '0.3rem',
gbid: '31011700001320001333'
}, {
top: '6.68rem',
left: '3.15rem',
gbid: '31011700001320001328'
}, {
top: '6.68rem',
left: '10.4rem',
gbid: '31011700001320001329'
}, {
top: '4.37rem',
left: '11.15rem',
gbid: '31011700001320001334'
}, {
top: '7.25rem',
left: '6.5rem',
gbid: '31011700001320001332'
}
]
}
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
})
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/hall.jpg" alt="">'
for (let i = 0; i < arr.length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style=top:' + arr[i].top + ";left:" + arr[i].left + ' onclick="handleClick(' + i + ')"></img>'
new DeviceRender(dataList, '/static/images/hall.jpg').init();
}
divElement.innerHTML = htmlTxt;
});
function handleClick(areaNumber) {
let gbId = arr[areaNumber].gbid;
VideoPlayer.show(gbId);
}
</script>
</html>
\ No newline at end of file
src/main/webapp/WEB-INF/views/hw/hw_jcqy.jsp
View file @ 1440a3e8
......@@ -456,44 +456,12 @@
]
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
/*let model = $(this).find('.tabName').html();
location.replace(model)*/
})
updateData(1);
new DeviceRender(dataList, '/static/images/jcqy_0', true, '.jpg').init();
$("p:contains(" + model + ")").parents('li').trigger('click');
});
function updateData(index) {
thisIndex = index;
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/jcqy_0' + index + '.jpg" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style=top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + ' onclick="handleClick(' + i + ')"></img>'
// 使用 innerHTML 添加元素
}
divElement.innerHTML = htmlTxt;
}
function handleClick(areaNumber) {
let gbId = dataList['arr' + thisIndex][areaNumber].gbid;
VideoPlayer.show(gbId);
}
</script>
</body>
</html>
\ No newline at end of file
src/main/webapp/WEB-INF/views/hw/hw_jyl.jsp
View file @ 1440a3e8
......@@ -341,37 +341,12 @@
]
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/jiaoyu' + index + '.png" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style=top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + ' onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/jiaoyu', true).init();
});
function handleClick(areaNumber) {
let gbId = dataList['arr' + thisIndex][areaNumber].gbid;
VideoPlayer.show(gbId);
}
</script>
<body>
......
src/main/webapp/WEB-INF/views/hw/hw_lhjl.jsp
View file @ 1440a3e8
......@@ -49,100 +49,93 @@
</div>
<script type="text/javascript">
var arr = [
{
top: '0.3rem',
left: '2.5rem',
gbid: '31011700001320000806'
}, {
top: '0.32rem',
left: '8.1rem',
gbid: '31011700001320000807'
}, {
top: '2rem',
left: '1.2rem',
gbid: '31011700001320000810'
}, {
top: '2rem',
left: '3.5rem',
gbid: '31011700001320000811'
}, {
top: '2rem',
left: '5.75rem',
gbid: '31011700001320000812'
}, {
top: '2rem',
left: '8rem',
gbid: '31011700001320000813'
}, {
top: '2rem',
left: '10.5rem',
gbid: '31011700001320000814'
}, {
top: '4.5rem',
left: '1.2rem',
gbid: '31011700001320000815'
}, {
top: '4.5rem',
left: '3.5rem',
gbid: '31011700001320000816'
}, {
top: '4.5rem',
left: '5.75rem',
gbid: '31011700001320000817'
}, {
top: '4.5rem',
left: '8rem',
gbid: '31011700001320000818'
}, {
top: '4.5rem',
left: '10.5rem',
gbid: '31011700001320000819'
}, {
top: '7.2rem',
left: '1rem',
gbid: '31011700001320000821'
}, {
top: '7.2rem',
left: '2.9rem',
gbid: '31011700001320000822'
}, {
top: '7.2rem',
left: '4.8rem',
gbid: '31011700001320000823'
}, {
top: '7.2rem',
left: '6.7rem',
gbid: '31011700001320000824'
}, {
top: '7.2rem',
left: '8.9rem',
gbid: '31011700001320000825'
}, {
top: '7.2rem',
left: '10.8rem',
gbid: '31011700001320000826'
}, {
top: '7.6rem',
left: '6.2rem',
gbid: '31011700001320000820'
}]
var dataList = {
'arr1': [
{
top: '0.3rem',
left: '2.5rem',
gbid: '31011700001320000806'
}, {
top: '0.32rem',
left: '8.1rem',
gbid: '31011700001320000807'
}, {
top: '2rem',
left: '1.2rem',
gbid: '31011700001320000810'
}, {
top: '2rem',
left: '3.5rem',
gbid: '31011700001320000811'
}, {
top: '2rem',
left: '5.75rem',
gbid: '31011700001320000812'
}, {
top: '2rem',
left: '8rem',
gbid: '31011700001320000813'
}, {
top: '2rem',
left: '10.5rem',
gbid: '31011700001320000814'
}, {
top: '4.5rem',
left: '1.2rem',
gbid: '31011700001320000815'
}, {
top: '4.5rem',
left: '3.5rem',
gbid: '31011700001320000816'
}, {
top: '4.5rem',
left: '5.75rem',
gbid: '31011700001320000817'
}, {
top: '4.5rem',
left: '8rem',
gbid: '31011700001320000818'
}, {
top: '4.5rem',
left: '10.5rem',
gbid: '31011700001320000819'
}, {
top: '7.2rem',
left: '1rem',
gbid: '31011700001320000821'
}, {
top: '7.2rem',
left: '2.9rem',
gbid: '31011700001320000822'
}, {
top: '7.2rem',
left: '4.8rem',
gbid: '31011700001320000823'
}, {
top: '7.2rem',
left: '6.7rem',
gbid: '31011700001320000824'
}, {
top: '7.2rem',
left: '8.9rem',
gbid: '31011700001320000825'
}, {
top: '7.2rem',
left: '10.8rem',
gbid: '31011700001320000826'
}, {
top: '7.6rem',
left: '6.2rem',
gbid: '31011700001320000820'
}]
}
$(function () {
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
console.log(divElement)
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/meeting.png" alt="">'
for (let i = 0; i < arr.length; i++) {
console.log(divElement)
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style=top:' + arr[i].top + ";left:" + arr[i].left + ' onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
new DeviceRender(dataList, '/static/images/meeting.png').init();
});
function handleClick(areaNumber) {
let gbId = arr[areaNumber].gbid;
VideoPlayer.show(gbId);
}
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/hw/hw_ncj.jsp
View file @ 1440a3e8
......@@ -462,37 +462,11 @@
]
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/south_0' + index + '.jpg" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style=top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + ' onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/south_0', true, '.jpg').init();
function handleClick(areaNumber) {
let gbId = dataList['arr' + thisIndex][areaNumber].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/hw/hw_nj.jsp
View file @ 1440a3e8
......@@ -419,37 +419,11 @@
]
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/nj_0' + index + '.jpg" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="${ctx}/static/images/camera.png" ' + ' style=top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + ' onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/nj_0', true, '.jpg').init();
function handleClick(areaNumber) {
let gbId = dataList['arr' + thisIndex][areaNumber].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
src/main/webapp/WEB-INF/views/hw/hw_wss.jsp
View file @ 1440a3e8
......@@ -117,38 +117,11 @@
]
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="../static/images/wss_0' + index + '.jpg" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="../static/images/camera.png" ' + ' style=top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + ' onclick="handleClick(' + i + ')"></img>'
// 使用 innerHTML 添加元素
}
divElement.innerHTML = htmlTxt;
}
function handleClick(areaNumber) {
new DeviceRender(dataList, '/static/images/wss_0', true, '.jpg').init();
let gbId = dataList['arr' + thisIndex][areaNumber].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
\ No newline at end of file
src/main/webapp/WEB-INF/views/hw/hw_xkl.jsp
View file @ 1440a3e8
......@@ -260,37 +260,11 @@
]
}
let thisIndex = 1;
$(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
updateData(index + 1);
})
updateData(1);
});
function updateData(index) {
thisIndex = index;
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="../static/images/xkl_0' + index + '.jpg" alt="">'
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<img class="camera" src="../static/images/camera.png" ' + ' style=top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + ' onclick="handleClick(' + i + ')"></img>'
// 使用 innerHTML 添加元素
}
divElement.innerHTML = htmlTxt;
}
new DeviceRender(dataList, '/static/images/xkl_0', true, '.jpg').init();
function handleClick(areaNumber) {
let gbId = dataList['arr' + thisIndex][areaNumber].gbid;
VideoPlayer.show(gbId);
}
});
</script>
</body>
</html>
\ No newline at end of file
src/main/webapp/WEB-INF/views/login.jsp
View file @ 1440a3e8
......@@ -62,11 +62,11 @@
<form class="loginForm">
<div class="mb-3">
<label for="loginName" class="form-label">账 号</label>
<input type="text" class="form-control" id="loginName" value="dengtao">
<input type="text" class="form-control" id="loginName" value="dengtao" placeholder="请输入账号">
</div>
<div class="mb-3">
<label for="password" class="form-label">密 码</label>
<input type="password" class="form-control" id="password" value="000000">
<input type="password" class="form-control" id="password" value="000000" placeholder="请输入密码">
</div>
<div class="mb-3 text-center" style="margin-top: 35px">
<a type="button" class="btn btn-primary" id="loginSubmit">登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;录</a>
......
src/main/webapp/static/js/main.js
View file @ 1440a3e8
......@@ -224,10 +224,16 @@ var VideoPlayer = {
name = name.substring(0, 5) + '...';
}
}
html += '<li data-gbid="' + obj.gbId + '" title="' + title + '"><img src="'+ctx+'/static/images/sp_icon.png"><span ' + (obj.gbId === _this.gbid ? 'style="color:#00e5ff;"' : '') + '>' + name + '</span></li>';
if (window.deviceStatus[obj.gbId] === '0') {
let textColor = '#eee';
if (obj.gbId === _this.gbid) textColor = '#00e5ff'
if (window.deviceStatus[obj.gbId] !== '0') textColor = 'red'
html += '<li data-gbid="' + obj.gbId + '" title="' + title + '"><img src="'+ctx+'/static/images/sp_icon.png"><span style="color: ' + textColor + '">' + name + '</span></li>';
}
})
$("#videos").append(html);
_this.getListStatus(gbIds);
// _this.getListStatus(gbIds);
},
getListStatus: function (gbIds) {
$.ajax({
......@@ -238,7 +244,7 @@ var VideoPlayer = {
if (res.success && res.data) {
$("#videos li").each(function (i, ele) {
let gbId = $(this).data('gbid');
if (res.data[gbId] !== '0') {
if (window.deviceStatus[gbId] !== '0') {
$(this).find("span").css({'color': 'red'});
}
})
......@@ -284,7 +290,7 @@ var VideoPlayer = {
return;
}
layer.msg('未找到播放源');
}
},
}
let toolsShow = false;
......@@ -325,4 +331,95 @@ $(document).on('click', '#isLive', function () {
if (VideoPlayer.gbid) {
VideoPlayer.show(VideoPlayer.gbid);
}
})
\ No newline at end of file
})
let currIndex = 1;
let datas = [];
function DeviceRender(data, bgSrc, variable, suffix) {
datas = data;
this.dataList = data;
this.bgSrc = bgSrc;
this.variable = variable || false;
this.suffix = suffix || '.png';
let _this = this;
this.init = function () {
this.deviceInit(function () {
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
let index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
_this.updateData(index + 1);
})
_this.updateData(1);
})
}
this.deviceInit = function (resolve) {
let loadIndex = layer.load(1, {
shade: [0.1,'#fff'] //0.1透明度的白色背景
});
let gbidArray = [];
let keys = Object.keys(this.dataList);
for (let key of keys) {
let gbids = Array.from(this.dataList[key], ({gbid})=> gbid)
gbidArray = gbidArray.concat(gbids)
}
$.ajax({
url: ctx + '/device/getListStatus',
data: {gbIds: gbidArray.join(',')},
dataType: 'json',
success: function (res) {
layer.close(loadIndex)
if (res.success && res.data) {
window.deviceStatus = res.data;
}
if (typeof resolve === 'function') {
resolve();
}
}
})
}
this.updateData = function (index) {
currIndex = index;
//循环数组 打摄像头位置
let divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="' + ctx + (this.variable ? this.bgSrc + index + this.suffix : this.bgSrc) + '" alt="">'
for (let i = 0; i < this.dataList[`arr${index}`].length; i++) {
let gbid = this.dataList[`arr${index}`][i].gbid;
let status = window.deviceStatus[gbid];
this.dataList[`arr${index}`][i].status = status;
let icon = ctx + '/static/images/' + (status === '0' ? 'camera_ok.png' : 'camera_no.png')
htmlTxt = htmlTxt + '<img class="camera" src="' + icon + '" ' + ' style="top:' + this.dataList[`arr${index}`][i].top + ";left:" + this.dataList[`arr${index}`][i].left + '" onclick="handleClick(' + i + ')"></img>'
}
divElement.innerHTML = htmlTxt;
}
}
function handleClick (i) {
let status = datas['arr' + currIndex][i].status;
if (status !== '0') {
layer.msg('当前设备不在线！');
return false;
}
let gbId = datas['arr' + currIndex][i].gbid;
VideoPlayer.show(gbId);
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment