var layer;
|
|
$(function () {
|
layui.use(['layer'], function () {
|
layer = layui.layer;
|
addDevice(listFire);
|
});
|
|
});
|
|
function showDetail(id) {
|
var curFire = null;
|
|
$.each(listFire, function (index, item) {
|
if (item.id == id) {
|
curFire = item;
|
return true;
|
}
|
});
|
|
if (!curFire) {
|
layer.alert("没有获取到当前消防栓信息……");
|
return;
|
}
|
|
var cont = '<span>名称：' + curFire.name + '</span><br><span>巡更人：' + curFire.updateUser
|
+ '</span><br><span>巡更时间：' + dateFormatStr(curFire.updateTime) + '</span><br><span>启用时间：'
|
+ dateFormatStr(curFire.startTime) + '</span>';
|
|
layer.open({
|
type: 1,
|
title: '详细信息',
|
area: ['210px', '140px'],
|
shade: 0,
|
content: cont,
|
// btn: '关闭',
|
// yes: function () {
|
// layer.closeAll();
|
// }
|
});
|
};
|
|
function showTips(name) {
|
$("#fire_info").text("信息：当前设备名称：" + name);
|
};
|
|
// 开始拖拽
|
function drag() {
|
var tips = $(".device");
|
if (tips.length == 0) {
|
return;
|
}
|
var container = $("#m-container");
|
console.log(container);
|
|
// var parentTop = container.offset().top;
|
var parentLeft = container.offset().left;
|
var maxX = parentLeft + container.width();
|
|
$.each(tips, function (index, item) {
|
var dd = new Dragdrop({
|
target: item,
|
area: [0, maxX, 0, 1000],
|
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 parentTop = container.offset().top;
|
var parentLeft = container.offset().left;
|
var temp;
|
var left = 0, top = 0;
|
$.each(list, function (index, item) {
|
left = parentLeft + item.posX;
|
top = parentTop + item.posY;
|
temp = "";
|
temp += "<div id='" + item.id + "' class='device' "
|
+ "' onclick=showTips('" + item.name + "') "
|
+ "' ondblclick=showDetail('" + item.id + "') style='left:"
|
+ left + "px;top:" + top + "px;'>";
|
temp += "<img src='../../static/images/fire.png' /></div>";
|
container.append(temp);
|
});
|
};
|
|
// 保存设备位置信息
|
function updatePos() {
|
var tips = $(".device");
|
if (tips.length == 0) {
|
return;
|
}
|
var container = $("#m-container");
|
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();
|
data[index] = {
|
id: id,
|
posX: offset.left - parentLeft,
|
posY: offset.top - parentTop
|
};
|
});
|
$.ajax({
|
type: 'POST',
|
url: "../../basic/security/update-fire-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);
|
}
|
});
|
}
|
|
//格式化时间
|
function dateFormatStr(time) {
|
if (time) {
|
var d = new Date(time);
|
return dateFtt("yyyy-MM-dd", d);
|
}
|
return "";
|
}
|
