var form;
|
var table;
|
var element;
|
var deviceList = [];
|
|
layui.use(['layer'], function () {
|
layer = layui.layer;
|
});
|
|
//初始化设备分类列表
|
renderCategroy();
|
//查询扩展设备信息并渲染
|
queryDeviceExpandList();
|
|
//查询设备信息并渲染
|
queryDeviceList();
|
//查询扩展设备信息 -设置为同步请求
|
function queryDeviceExpandList() {
|
$.ajaxSettings.async = false;
|
$.get("./cgi-bin/device-io/query-ext", function (data, status) {
|
if ("success" == status) {
|
renderExpandSelect(data);
|
} else {
|
window.parent.notify("系统获取扩展设备列表出错！");
|
}
|
}, "json");
|
}
|
|
//渲染扩展设备下拉框
|
function renderExpandSelect(list) {
|
$.each(list, function (index, item) {
|
$("#device-devId").append("<option value='" + item.id + "'> " + item.name + " </option>");
|
});
|
}
|
|
//查询开关量设备信息
|
function queryDeviceList() {
|
$.get("./cgi-bin/device-io/query", function (data, status) {
|
if ("success" == status) {
|
deviceList = data;
|
renderDevice();
|
} else {
|
window.parent.notify("系统获取开关量设备列表出错！");
|
}
|
}, "json");
|
}
|
|
//渲染设备列表
|
function renderDevice() {
|
var html = '';
|
$.each(deviceList, function (index, item) {
|
html += '<tr><td>' + item.name + '</td>';
|
html += '<td>' + item.id + '</td>';
|
html += '<td>' + item.devChn + '</td>';
|
html += '<td>' + (item.vld==0?'启用':'停用') + '</td>';
|
//根据所属设备Id获取设备名称，需要先渲染扩展设备下拉框才能使用
|
var devName = item.devId?$("#devId option[value = '"+ item.devId +"']").text():item.devId;
|
html += '<td>' + (devName?devName:item.devId) + '</td>';
|
html += '<td><button style="height: 29px;line-height: 29px;" ' +
|
'class="layui-btn layui-btn-normal" onclick="deviceUpdate(\''+ index +'\')">编辑</button>';
|
html += '<button style="height: 29px;line-height: 29px;" ' +
|
'class="layui-btn layui-btn-normal" onclick="copy(\''+ index +'\')">复制</button>';
|
if(item.vld==0){
|
html += '<button style="height: 29px;line-height: 29px;" ' +
|
'class="layui-btn layui-btn-warm" onclick="changeStatus(\''+ index +'\')">停用</button>';
|
}else {
|
html += '<button style="height: 29px;line-height: 29px;" ' +
|
'class="layui-btn" onclick="changeStatus(\''+ index +'\')">启用</button>';
|
}
|
html += '<button style="height: 29px;line-height: 29px;" ' +
|
'class="layui-btn layui-btn-danger" onclick="deviceDel(\''+ index +'\')">删除</button>';
|
html += '</td></tr>';
|
});
|
$("#deviceList").html(html);
|
}
|
|
//设备编辑
|
function deviceUpdate(index) {
|
$(".pop-btn").hide();
|
if(index != -1){
|
$(".pop-name").html("编辑设备配置信息");
|
$("#edit").show();
|
$("#device-id").attr("readOnly",true);
|
var cur = deviceList[index];
|
$("#device-name").val(cur.name);
|
$("#device-id").val(cur.id);
|
$("#device-type").val(cur.type);
|
$("#device-devId").val(cur.devId);
|
$("#device-devChn").val(cur.devChn);
|
$("#device-condition").val(cur.condition);
|
$("#device-vld").val(cur.vld);
|
}else{
|
$("#device-id").attr("readOnly",false);
|
$(".pop-name").html("新增设备配置信息");
|
$("#add").show();
|
}
|
|
var widthPop = "55%";
|
var heightPop = "45%";
|
if(screen.width==1920 && screen.height==1080){
|
widthPop = "55%";
|
heightPop = "45%";
|
}else if(screen.width==1280 && screen.height==1024){
|
widthPop = "75%";
|
heightPop = "60%";
|
}else{
|
widthPop = "55%";
|
heightPop = "45%";
|
}
|
|
layer.open({
|
skin: 'mypop',
|
type: 1,
|
// title: '警报信息',
|
title: false,
|
area: [widthPop, heightPop],
|
closeBtn: 0,
|
shade: 0,
|
scrollbar: false,
|
content: $('#editDeviceDom')
|
});
|
}
|
//设备编辑
|
function copy(index) {
|
$(".pop-btn").hide();
|
$("#device-id").attr("readOnly",false);
|
$(".pop-name").html("新增设备配置信息");
|
$("#add").show();
|
var cur = deviceList[index];
|
$("#device-name").val(cur.name);
|
$("#device-id").val(cur.id);
|
$("#device-type").val(cur.type);
|
$("#device-devId").val(cur.devId);
|
$("#device-devChn").val(cur.devChn);
|
$("#device-condition").val(cur.condition);
|
$("#device-vld").val(cur.vld);
|
|
var widthPop = "55%";
|
var heightPop = "45%";
|
if(screen.width==1920 && screen.height==1080){
|
widthPop = "55%";
|
heightPop = "45%";
|
}else if(screen.width==1280 && screen.height==1024){
|
widthPop = "75%";
|
heightPop = "60%";
|
}else{
|
widthPop = "55%";
|
heightPop = "45%";
|
}
|
|
layer.open({
|
skin: 'mypop',
|
type: 1,
|
// title: '警报信息',
|
title: false,
|
area: [widthPop, heightPop],
|
closeBtn: 0,
|
shade: 0,
|
scrollbar: false,
|
content: $('#editDeviceDom')
|
});
|
}
|
//执行保存
|
function save(btn) {
|
var data = {
|
name : $("#device-name").val(),
|
id : $("#device-id").val(),
|
type : $("#device-type").val(),
|
devId : $("#device-devId").val(),
|
devChn : $("#device-devChn").val(),
|
condition : $("#device-condition").val(),
|
vld : $("#device-vld").val()
|
};
|
console.log("----------开关量设备需要执行保存的数据信息--------");
|
console.log(JSON.stringify(data));
|
|
if (!data.id) {
|
window.parent.notify("设备ID不能为空！");
|
return;
|
}
|
var r = /^\d{4}$/;
|
if(!r.test(data.id)){
|
window.parent.notify("设备ID不是一个4位的正整数！");
|
return;
|
}
|
if (data.id<3000 || data.id>3999) {
|
window.parent.notify("开关量设备ID设置范围为3000~3999！");
|
return;
|
}
|
|
var url = "./cgi-bin/device-io/add";
|
if ("edit" == btn) {
|
url = "./cgi-bin/device-io/edit";
|
}
|
$.post(url, JSON.stringify(data), function (data, status) {
|
if ("success" == data.code) {
|
layer.closeAll();
|
window.parent.notify("数据保存成功！");
|
queryDeviceList();
|
} else {
|
window.parent.notify("数据保存出错，请重新操作！"+data.msg+"！");
|
}
|
}, "json");
|
}
|
//数据删除
|
function deviceDel(index) {
|
var data = deviceList[index];
|
var param = {"id": data.id};
|
layer.confirm('确定删除此条数据吗？', function (index) {
|
$.post("./cgi-bin/device-io/delete", JSON.stringify(param), function (data, status) {
|
if ("success" == status && "success" == data.code) {
|
layer.close(index);
|
window.parent.notify("数据删除成功，页面自动刷新！");
|
|
queryDeviceList();
|
} else {
|
layer.close(index);
|
window.parent.notify("数据删除失败");
|
}
|
}, "json");
|
});
|
}
|
|
//状态设置
|
function changeStatus(index) {
|
var data = deviceList[index];
|
var param = {"id": data.id};
|
var msg = "确定要停用么？", url = "./cgi-bin/device-io/val-1";
|
if (1 == data.vld) {
|
msg = "确定启用用么？";
|
url = "./cgi-bin/device-io/val-0";
|
}
|
layer.confirm(msg, function (index) {
|
$.post(url, JSON.stringify(param), function (data, status) {
|
if ("success" == status && "success" == data.code) {
|
layer.close(index);
|
window.parent.notify("操作成功，页面自动刷新！");
|
queryDeviceList();
|
} else {
|
layer.close(index);
|
window.parent.notify("数据操作失败，请重新尝试！");
|
}
|
}, "json");
|
});
|
}
|
|
function closepopBtn() {
|
//清空表单信息
|
$("#device-io")[0].reset();
|
layer.closeAll();
|
|
}
|
//初始化设备分类列表
|
function renderCategroy(){
|
$.each(CATEGORY, function (index, item) {
|
//漏水
|
if(item.code == "2005"){
|
$("#device-type").append("<option value='" + item.code + "'>" + item.name + "</option>");
|
}
|
//门禁
|
// if(item.code == "3001"){
|
// $("#device-type").append("<option value='" + item.code + "'>" + item.name + "</option>");
|
// }
|
//烟感
|
if(item.code == "3002"){
|
$("#device-type").append("<option value='" + item.code + "'>" + item.name + "</option>");
|
}
|
//红外
|
if(item.code == "3003"){
|
$("#device-type").append("<option value='" + item.code + "'>" + item.name + "</option>");
|
}
|
//消防
|
// if(item.code == "3007"){
|
// $("#device-type").append("<option value='" + item.code + "'>" + item.name + "</option>");
|
// }
|
//温感
|
if(item.code == "3008"){
|
$("#device-type").append("<option value='" + item.code + "'>" + item.name + "</option>");
|
}
|
//通用开关量
|
if(item.code == "3009"){
|
$("#device-type").append("<option value='" + item.code + "'>" + item.name + "</option>");
|
}
|
//消防开关量
|
if(item.code == "3012"){
|
$("#device-type").append("<option value='" + item.code + "'>" + item.name + "</option>");
|
}
|
//防雷
|
if(item.code == "3013"){
|
$("#device-type").append("<option value='" + item.code + "'>" + item.name + "</option>");
|
}
|
});
|
}
|
|
