var layer;
|
|
var windowWidth = 1700;
|
var windowHeight = 810;
|
|
$(function () {
|
layui.use(['layer'], function () {
|
layer = layui.layer;
|
addDevice(listCamera);
|
});
|
});
|
|
window.onload = function () {
|
// var imgName = "aerial-" + companyId + ".png";
|
// $("#m-container").css("background-image", "url(../../static/img/" + imgName+")");
|
$("#m-container").css("background-image", "url(" + backgroundImg +")");
|
|
windowWidth = document.body.offsetWidth;
|
windowHeight = document.body.offsetHeight;
|
};
|
|
function showVideo(id) {
|
layer.msg("调用视频查看……");
|
//获取视频信息
|
var curVideo = null;
|
$.each(listCamera, function (index, item) {
|
if (item.id == id) {
|
curVideo = item;
|
return true;
|
}
|
});
|
if (!curVideo) {
|
layer.alert("没有获取到当前视频信息……");
|
return;
|
}
|
var url = "../../basic/security/video-play?cameraId=" + curVideo.id + "&playType=" + curVideo.playType;
|
if(curVideo.playType == "MEDIA_HIK"){
|
//海康插件直接window.open新页面播放
|
var iHeight = 550;
|
var iWidth = 1100;
|
var iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置;
|
var iLeft = (window.screen.width-10-iWidth)/2; //获得窗口的水平位置;
|
console.log(iWidth + "-" + iHeight);
|
console.log(iTop + "-" + iLeft);
|
var name = "视频预览";
|
window.open(url,name,'height='+iHeight+',innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=0,menubar=0,scrollbars=auto,resizeable=0,location=0,status=no');
|
}else {
|
if (windowWidth > 1350) {
|
layer.open({
|
type: 2,
|
title: false,//"当前预览：" + curVideo.name,
|
area: ['1315px', '570px'],
|
shade: 0,
|
content: url,
|
btn: 0,
|
closeBtn: 2
|
});
|
} else {
|
layer.open({
|
type: 2,
|
title: false,//"当前预览：" + curVideo.name,
|
area: ['1315px', (windowHeight - 30) + 'px'],
|
shade: 0,
|
content: url,
|
btn: 0,
|
closeBtn: 2
|
});
|
}
|
}
|
};
|
|
function showTips(name) {
|
$("#camera_info").text("提示：当前设备名称- " + name);
|
};
|
|
// 开始拖拽
|
function drag() {
|
var tips = $(".device");
|
if (tips.length == 0) {
|
return;
|
}
|
// var container = $("#m-container");
|
// var parentLeft = container.offset().left;
|
// var maxX = parentLeft + container.width();
|
|
var maxX = windowWidth;
|
var maxY = windowHeight;
|
|
$.each(tips, function (index, item) {
|
var dd = new Dragdrop({
|
target: item,
|
area: [0, maxX, 0, maxY],
|
callback: function (obj) {
|
console.log('x:' + (obj.moveX) + ' y:' + (obj.moveY));
|
}
|
});
|
dd.dragAll();
|
});
|
};
|
|
//添加设备信息
|
function addDevice(list) {
|
// console.log(list);
|
|
if (!list || list.length == 0) return;
|
var container = $("#m-container");
|
var parentWidth = container.width();
|
var parentHeight = container.height();
|
|
var temp;
|
var left = 50, top = 50;
|
$.each(list, function (index, item) {
|
left = (parentWidth * item.posX).toFixed(4);
|
top = (parentHeight * item.posY).toFixed(4);
|
if (left < 1) left = 50;
|
if (top < 1) top = 50;
|
|
temp = "";
|
temp += "<div id='" + item.id + "' class='device' "
|
+ "' onclick=showTips('" + item.name + "') "
|
+ "' ondblclick=showVideo('" + item.id + "') style='left:"
|
+ left + "px;top:" + top + "px;'>";
|
temp += "<img src='../../static/images/ca-4.png' /></div>";
|
container.append(temp);
|
});
|
};
|
|
// 保存设备位置信息
|
function updatePos() {
|
var tips = $(".device");
|
if (tips.length == 0) {
|
return;
|
}
|
var container = $("#m-container");
|
var parentWidth = container.width();
|
var parentHeight = container.height();
|
var parentTop = container.offset().top;
|
var parentLeft = container.offset().left;
|
|
// 封装数据进行保存
|
var data = new Array();
|
var id = null, posX = 0.0, posY = 0.0;
|
var offset;
|
$.each(tips, function (index, item) {
|
id = item.id;
|
offset = $('#' + id).offset();
|
|
posX = (offset.left - parentLeft) / parentWidth;
|
posY = (offset.top - parentTop) / parentHeight;
|
|
data[index] = {
|
id: id,
|
posX: posX.toFixed(4),
|
posY: posY.toFixed(4)
|
};
|
});
|
$.ajax({
|
type: 'POST',
|
url: "../../basic/security/update-pos",
|
dataType: 'JSON',
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
layer.msg("信息更新完成！！");
|
},
|
error: function (result) {
|
layer.msg(result.msg);
|
}
|
});
|
}
|
