var layer;
|
var form;
|
var deviceList;// 当前仓库的所有设备列表
|
var depotId;
|
var deviceType = DeviceType.TYPE_01;// 被选中的设备类型，默认是通风窗
|
var viewTargetStatus;// 目标状态，根据设备类型和当前值调用动效
|
var domSelectDevice;// 被选中的设备dom对象
|
|
$(function () {
|
layui.use(['layer', 'form'], function () {
|
form = layui.form;
|
layer = layui.layer;
|
form.render();
|
|
// 监听仓库选择
|
form.on('select(select_depotId)', function (obj) {
|
return onDepotChange(obj);
|
});
|
|
//初始化刷新数据
|
initData();
|
});
|
|
// 添加切换动作
|
$(".js-tf-btn").click(
|
function () {
|
$(this).addClass("active").siblings(".js-tf-btn").removeClass(
|
"active");
|
});
|
|
$(".js-xg115-arrow").click(function () {
|
$(this).siblings(".xg115-btnhide").toggle();
|
$(this).toggleClass("active");
|
});
|
|
// 初始化ws
|
initWS(deptId, bizType, null, userId);
|
});
|
|
// socket信息返回處理
|
function socketOnMessage(pocket) {
|
//console.log(pocket);
|
window.parent.sysNotify(pocket.data);
|
if (pocket.orderResp == "MSG_SUCCESS") {
|
addLog(pocket.data);
|
//刷新信息
|
query(false, true, false);
|
} else if (pocket.orderResp == "ORDER_INPROGRESS")
|
addLog(pocket.data);
|
else {
|
addRedLog(pocket.data);
|
}
|
};
|
|
function initData() {
|
if (depotId) {
|
$("#depotId").val(depotId);
|
query(true, true, true);
|
form.render();
|
}
|
}
|
|
/**
|
* 检测仓库类型是否发生改变，如果发生改变，重新切换页面
|
*/
|
function onDepotChange(obj) {
|
var depotType = obj.elem[obj.elem.selectedIndex].getAttribute('type');
|
if (depotType == DEPOT_TYPE) {
|
query(true, true, true);
|
} else {
|
changeView(depotType);
|
}
|
}
|
|
function changeView(depotType) {
|
//类型改变，自动切换页面
|
if (socket) {
|
socket.close();
|
}
|
depotId = $("#depotId").val();
|
window.location.href = "./gateway?depotId=" + depotId + "&depotType=" + depotType;
|
return true;
|
}
|
|
/** 视频查看直接跳转到视频概览页面**/
|
function showVideo() {
|
window.parent.openTab("./basic/security/aerial-video?t=1", "视频鸟瞰", "aerial-video");
|
};
|
|
function closeAll() {
|
layer.msg("终端不支持当前功能……");
|
};
|
|
// 状态查询
|
function queryStatus() {
|
depotId = $("#depotId").val();
|
if (!depotId) {
|
layer.msg("请先选择仓库！");
|
return;
|
}
|
//把当前页面的设备传递到后台
|
var data = {
|
deptId: deptId,
|
depotId: depotId,
|
deviceList: []
|
};
|
var tips = $(".device");
|
$.each(tips, function (index, item) {
|
data.deviceList.push({
|
id: item.id,
|
depotId: item.getAttribute("depotid"),
|
passCode: item.getAttribute("passcode"),
|
name: item.getAttribute("name"),
|
serId: item.getAttribute("serid"),
|
link: item.getAttribute("link"),
|
type: item.getAttribute("type"),
|
companyId: companyId
|
});
|
});
|
$.ajax({
|
type: "POST",
|
url: "../../basic/verb/query-status",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
if ("ORDER_SUCCESS" != result.code) {
|
layer.msg(result.msg);
|
}
|
},
|
error: function (result) {
|
layer.msg("获取数据失败，请重新尝试！");
|
}
|
});
|
};
|
|
/**
|
* @param isNew 是否新库跟新仓库信息并执行状态刷新
|
* @param isCut 是否切换页面
|
* @param isQueryStatus 是否更新状态
|
*/
|
function query(isNew, isCut, isQueryStatus) {
|
depotId = $("#depotId").val();
|
if (!depotId) {
|
layer.msg("请先选择仓库！");
|
return;
|
}
|
$.ajax({
|
type: "POST",
|
url: "../../basic/verb/list-device-manual",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify({
|
depotId: depotId
|
}),
|
success: function (result) {
|
if (result.code != "0000") {
|
layer.msg(result.msg);
|
deviceList = null;
|
if(isCut){
|
toCutExe(viewAB,true);
|
}
|
return;
|
}
|
deviceList = result.data;
|
|
if (isNew) {
|
updateGrainInfo();
|
}
|
|
if(isCut){
|
toCutExe(viewAB,true);
|
}
|
|
if (isQueryStatus) {
|
queryStatus();
|
}
|
},
|
error: function (result) {
|
layer.msg("获取数据失败，请重新尝试！");
|
}
|
});
|
};
|
|
// 获取当前仓库的最新粮情数据信息
|
function updateGrainInfo() {
|
$.ajax({
|
type: "POST",
|
url: "../../basic/common/grain-data",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify({
|
depotId: depotId,
|
deptId: deptId,
|
depotType: DEPOT_TYPE
|
}),
|
success: function (result) {
|
if (result.code != "0000") {
|
addRedLog(result.msg)
|
return;
|
}
|
var grainData = result.data;
|
// 更新信息
|
$("#tempIn").text(grainData.tempIn);
|
$("#humidityIn").text(grainData.humidityIn);
|
$("#tempAve").text((grainData.tempAve).toFixed(1));
|
$("#tempOut").text(grainData.tempOut);
|
$("#updateTime").text(grainData.receiveDate);
|
},
|
error: function (result) {
|
layer.msg("当前仓库的粮情数据信息获取失败！");
|
}
|
});
|
};
|
|
|
/**
|
* 切换效果
|
* @param target 正反面
|
* @param isCutImg 是否执行切图
|
*/
|
function toCutExe(target, isCutImg) {
|
// 获取当前仓库效果图
|
viewAB = target;
|
if (isCutImg) {
|
cutImg(depotId, viewAB);
|
}
|
// 根据设备列表添加原型信息
|
addDevice(deviceList, viewAB);
|
};
|
|
// 手动执行，同时更新状态
|
function toCut(target) {
|
toCutExe(target, true);
|
};
|
|
// 添加操作日志
|
function addLog(htmlStr) {
|
var info = $("#areationInfo").html();
|
$("#areationInfo").html(htmlStr + "</br>" + info);
|
};
|
|
function addRedLog(htmlStr) {
|
var info = $("#areationInfo").html();
|
$("#areationInfo").html(
|
"<span class='font-red'>" + htmlStr + "</span></br>" + info);
|
};
|
|
/**
|
* 弹出操作框
|
*/
|
function showControl(id) {
|
domSelectDevice = $("#" + id);
|
var curDepotId = domSelectDevice.attr("depotid");
|
// 如果点击的设备不是选择仓库的，不执行
|
if (curDepotId != depotId) {
|
addRedLog("当前所选设备：" + domSelectDevice.attr("name") + "【非所选仓库】");
|
return;
|
} else {
|
addLog("当前所选设备：" + domSelectDevice.attr("name"));
|
}
|
|
// 更新所选择的设备类型
|
deviceType = domSelectDevice.attr("type");
|
if (1 == deviceType)
|
deviceType = "01";
|
if (2 == deviceType)
|
deviceType = "02";
|
if (3 == deviceType)
|
deviceType = "03";
|
if (4 == deviceType)
|
deviceType = "04";
|
|
var curStatus = domSelectDevice.attr("status");
|
|
// 根据设备类型弹出不一样的弹出框
|
if (DeviceType.TYPE_01 == deviceType) {// 风窗
|
layer.open({
|
type: 1,
|
title: '设备操作-' + domSelectDevice.attr("name"),
|
area: ['450px', '210px'],
|
shade: 0,
|
content: $('#control-FC'),
|
btn: 0,
|
closeBtn: 2
|
});
|
}
|
if (DeviceType.TYPE_0B == deviceType) {// 通风口
|
layer.open({
|
type: 1,
|
title: '设备操作-' + domSelectDevice.attr("name"),
|
area: ['450px', '210px'],
|
shade: 0,
|
content: $('#control-FK'),
|
btn: 0,
|
closeBtn: 2
|
});
|
}
|
if (DeviceType.TYPE_0C == deviceType) {// 混流风机
|
if (null == curStatus || DeviceStatus.W_CLOSE == curStatus) {// 设置风机按钮不可用
|
disBtnFj(true, "control-HL");
|
} else {
|
disBtnFj(false, "control-HL");
|
}
|
layer.open({
|
type: 1,
|
title: '设备操作-' + domSelectDevice.attr("name"),
|
area: ['450px', '270px'],
|
shade: 0,
|
content: $('#control-HL'),
|
btn: 0,
|
closeBtn: 2
|
});
|
}
|
if (DeviceType.TYPE_04 == deviceType) {// 环流风机
|
layer.open({
|
type: 1,
|
title: '设备操作-' + domSelectDevice.attr("name"),
|
area: ['450px', '150px'],
|
shade: 0,
|
content: $('#control-HL2'),
|
btn: 0,
|
closeBtn: 2
|
});
|
}
|
if (DeviceType.TYPE_02 == deviceType) {// 轴流风机
|
if (null == curStatus || DeviceStatus.W_CLOSE == curStatus) {// 设置风机按钮不可用
|
disBtnFj2(true, "control-ZL");
|
} else {
|
disBtnFj2(false, "control-ZL");
|
}
|
layer.open({
|
type: 1,
|
title: '设备操作-' + domSelectDevice.attr("name"),
|
area: ['480px', '270px'],
|
shade: 0,
|
content: $('#control-ZL'),
|
btn: 0,
|
closeBtn: 2
|
});
|
}
|
};
|
|
// 根据DIV获取所有的按钮，风机的按钮序号是 2-4
|
function disBtnFj(tag, divId) {
|
var btns = $("#" + divId).find("button");
|
if (tag) {
|
$(btns[2]).addClass("layui-btn-disabled");
|
$(btns[2]).addClass("btn-dis");
|
$(btns[2]).attr("disabled", true);
|
$(btns[3]).addClass("layui-btn-disabled");
|
$(btns[3]).addClass("btn-dis");
|
$(btns[3]).attr("disabled", true);
|
$(btns[4]).addClass("layui-btn-disabled");
|
$(btns[4]).addClass("btn-dis");
|
$(btns[4]).attr("disabled", true);
|
} else {
|
$(btns[2]).removeClass("layui-btn-disabled");
|
$(btns[2]).removeClass("btn-dis");
|
$(btns[2]).attr("disabled", false);
|
$(btns[3]).removeClass("layui-btn-disabled");
|
$(btns[3]).removeClass("btn-dis");
|
$(btns[3]).attr("disabled", false);
|
$(btns[4]).removeClass("layui-btn-disabled");
|
$(btns[4]).removeClass("btn-dis");
|
$(btns[4]).attr("disabled", false);
|
}
|
};
|
|
function disBtnFj2(tag, divId) {
|
var btns = $("#" + divId).find("button");
|
if (tag) {
|
$(btns[2]).addClass("layui-btn-disabled");
|
$(btns[2]).addClass("btn-dis");
|
$(btns[2]).attr("disabled", true);
|
$(btns[3]).addClass("layui-btn-disabled");
|
$(btns[3]).addClass("btn-dis");
|
$(btns[3]).attr("disabled", true);
|
} else {
|
$(btns[2]).removeClass("layui-btn-disabled");
|
$(btns[2]).removeClass("btn-dis");
|
$(btns[2]).attr("disabled", false);
|
$(btns[3]).removeClass("layui-btn-disabled");
|
$(btns[3]).removeClass("btn-dis");
|
$(btns[3]).attr("disabled", false);
|
}
|
};
|
|
// 根据操作目标状态和选择的设备进行执行-目标状态
|
function toExecute(targetStatus) {
|
var batchTag = false;
|
if ("W_OPEN_ALL" == targetStatus) {
|
batchTag = true;
|
targetStatus = DeviceStatus.OPEN;
|
}
|
if ("W_CLOSE_ALL" == targetStatus) {
|
batchTag = true;
|
targetStatus = DeviceStatus.CLOSE;
|
}
|
|
// 根据设备类型进行调整，针对风机类
|
if (targetStatus == DeviceStatus.OPEN) {
|
if (deviceType == DeviceType.TYPE_02)
|
targetStatus = DeviceStatus.W_OPEN;
|
if (deviceType == DeviceType.TYPE_0C)
|
targetStatus = DeviceStatus.W_OPEN;
|
}
|
|
if (targetStatus == DeviceStatus.CLOSE) {
|
if (deviceType == DeviceType.TYPE_02)
|
targetStatus = DeviceStatus.W_CLOSE;
|
if (deviceType == DeviceType.TYPE_0C)
|
targetStatus = DeviceStatus.W_CLOSE;
|
}
|
|
viewTargetStatus = targetStatus;
|
|
var data = {
|
depotId: depotId,
|
deptId: deptId,
|
batchTag: batchTag,
|
deviceType: deviceType,
|
targetStatus: targetStatus,
|
deviceList: []
|
};
|
|
// 批量设备操作，只处理相同的设备类型
|
if (batchTag) {
|
data.deviceList = deviceList;
|
} else {
|
data.deviceList.push({
|
id: domSelectDevice.id,
|
depotId: domSelectDevice.attr("depotid"),
|
passCode: domSelectDevice.attr("passcode"),
|
name: domSelectDevice.attr("name"),
|
serId: domSelectDevice.attr("serid"),
|
link: domSelectDevice.attr("link"),
|
type: domSelectDevice.attr("type"),
|
targetStatus: targetStatus
|
});
|
}
|
|
// 开始调用后台执行
|
layer.load(1);
|
|
$.ajax({
|
type: 'POST',
|
url: "../../basic/verb/control-device",
|
dataType: 'JSON',
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
layer.closeAll();
|
if (result.code != "ORDER_SUCCESS") {
|
layer.msg("执行失败：" + result.msg);
|
} else {
|
layer.msg("操作指令发送成功，待终端响应……");
|
}
|
},
|
error: function (result) {
|
layer.closeAll();
|
layer.msg("操作发生异常，暂时无法解决！！");
|
}
|
});
|
};
|
