var layer;
|
var depotId;
|
var view_tag = "A";//A-仓外 B-仓内
|
var windowWidth = 1920;
|
var windowHeight = 1080;
|
|
$(function () {
|
layui.use(['layer'], function () {
|
layer = layui.layer;
|
renderDevice();
|
});
|
});
|
|
|
window.onload = function () {
|
$("#m-container").css("background-image", "url(" + backgroundImg + ")");
|
windowWidth = document.body.offsetWidth;
|
windowHeight = document.body.offsetHeight;
|
};
|
|
function shoControl(id) {
|
$.each(listDevice, function (index, item) {
|
if (item.id == id) {
|
depotId = item.depotId;
|
return true;
|
}
|
});
|
|
layer.open({
|
type: 1,
|
title: '当前仓操作',
|
area: ['450px', '210px'],
|
shade: 0,
|
content: $('#control-FK'),
|
btn: 0,
|
closeBtn: 2
|
});
|
};
|
|
function showTips(msg) {
|
$("#fire_info").text("信息：" + msg);
|
};
|
|
//添加设备信息
|
function renderDevice() {
|
if (!listDevice || listDevice.length == 0) {
|
showTips("没有获取到照明配置信息！");
|
return;
|
}
|
|
//删除之前的渲染
|
$("div").remove(".device");
|
|
var container = $("#m-container");
|
var parentWidth = container.width();
|
var parentHeight = container.height();
|
var temp;
|
var left = 50, top = 50;
|
$.each(listDevice, function (index, item) {
|
|
//外部设备
|
if (view_tag == "A" && DeviceLocation.L_05 == item.location) {
|
return true;
|
}
|
//内部
|
if (view_tag == "B" && DeviceLocation.L_05 != item.location) {
|
return true;
|
}
|
|
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=shoControl('" + item.id + "') style='left:"
|
+ left + "px;top:" + top + "px;'>";
|
|
if (DeviceStatus.OPEN == item.status) {
|
temp += "<img src='../../static/img/device/lamp_OPEN.png' /></div>";
|
} else {
|
temp += "<img src='../../static/img/device/lamp_CLOSE.png' /></div>";
|
}
|
container.append(temp);
|
});
|
};
|
|
function cut(tag) {
|
if ("A" == tag) {
|
$("#btnA").removeClass("layui-btn-primary");
|
$("#btnB").addClass("layui-btn-primary");
|
}
|
if ("B" == tag) {
|
$("#btnB").removeClass("layui-btn-primary");
|
$("#btnA").addClass("layui-btn-primary");
|
}
|
view_tag = tag;
|
renderDevice();
|
};
|
|
//内部操作
|
function executeIn(targetStatus) {
|
toExecute(targetStatus, "IN");
|
};
|
|
//外部操作
|
function executeOut(targetStatus) {
|
toExecute(targetStatus, "OUT");
|
};
|
|
//正库区操作
|
function executeALL(targetStatus) {
|
depotId = null;
|
toExecute(targetStatus, "ALL");
|
};
|
|
|
//全部状态查询
|
function queryAllStatus() {
|
depotId = null;
|
queryStatus();
|
};
|
|
//设备操作
|
function toExecute(targetStatus, type) {
|
var param = {
|
companyId: companyId,
|
deptId: deptId,
|
depotId: depotId,
|
type: type,
|
targetStatus: targetStatus,
|
deviceList: listDevice
|
};
|
|
// console.log(param);
|
|
// 开始调用后台执行
|
layer.load(1);
|
$.ajax({
|
type: 'POST',
|
url: "../../basic/lamp/control-device",
|
dataType: 'JSON',
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(param),
|
success: function (result) {
|
layer.closeAll();
|
if (result.code != "ORDER_SUCCESS") {
|
layer.alert("执行失败：" + result.msg);
|
} else {
|
layer.alert("操作指令发送成功，待终端响应……");
|
query();
|
}
|
},
|
error: function () {
|
layer.closeAll();
|
layer.alert("操作发生异常，暂时无法解决！！");
|
}
|
});
|
};
|
|
|
// 状态查询
|
function queryStatus() {
|
layer.load(1);
|
var param = {
|
companyId: companyId,
|
deptId: deptId,
|
depotId: depotId,
|
deviceList: listDevice
|
};
|
$.ajax({
|
type: "POST",
|
url: "../../basic/lamp/query-status",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(param),
|
success: function (result) {
|
layer.closeAll();
|
if ("ORDER_SUCCESS" != result.code) {
|
// layer.alert(result.msg);
|
showTips(result.msg);
|
}
|
query();
|
},
|
error: function () {
|
layer.closeAll();
|
layer.alert("获取数据失败，请重新尝试！");
|
}
|
});
|
};
|
|
|
// 执行查询
|
function query() {
|
|
//console.log('-----------query----------------');
|
|
layer.load(1);
|
var param = {
|
companyId: companyId,
|
deptId: deptId
|
};
|
$.ajax({
|
type: "POST",
|
url: "../../basic/lamp/list-device-group",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(param),
|
success: function (result) {
|
layer.closeAll();
|
if (result.code != "0000") {
|
layer.msg(result.msg);
|
return;
|
}
|
listDevice = result.data;
|
// 根据设备渲染
|
renderDevice();
|
},
|
error: function () {
|
layer.closeAll();
|
layer.alert("获取设备列表失败，请重新刷新页面！");
|
}
|
});
|
};
|
|
// 根据CSS标签控制那些组件支持拖拽.device
|
function dragDevice() {
|
var tips = $(".device");
|
if (tips.length == 0) {
|
return;
|
}
|
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 - parentLeft) + ' y:' + (obj.moveY - parentTop));
|
}
|
});
|
dd.dragAll();
|
});
|
};
|
|
// 保存设备位置信息
|
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, offset, posX = 0.0, posY = 0.0;
|
$.each(tips, function (index, item) {
|
id = item.id;
|
offset = $('#' + id).offset();
|
//调整为相对位置
|
posX = (offset.left - parentLeft) / parentWidth;
|
posY = (offset.top - parentTop) / parentHeight;
|
|
data[index] = {
|
bizId: id,
|
posX: posX.toFixed(4),
|
posY: posY.toFixed(4)
|
};
|
});
|
$.ajax({
|
type: 'POST',
|
url: "../../basic/common/update-verb-pos",
|
dataType: 'JSON',
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
layer.msg(result.msg);
|
},
|
error: function (result) {
|
layer.msg(result.msg);
|
}
|
});
|
}
|
