You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
242 lines
11 KiB
242 lines
11 KiB
11 months ago
|
layui.config({
|
||
|
|
base: '../../js/'
|
||
|
|
}).use(['ztree', 'form', 'layer', 'table', 'laytpl'], function () {
|
||
|
|
var form = layui.form,
|
||
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
||
|
|
$ = layui.jquery,
|
||
|
|
laytpl = layui.laytpl,
|
||
|
|
table = layui.table;
|
||
|
|
var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
||
|
|
|
||
|
|
//系统列表
|
||
|
|
var tableIns = table.render({
|
||
|
|
elem: '#poolList',
|
||
|
|
url: '../../ashx/FirePoolHandler.ashx',
|
||
|
|
where: { Action: 'poolList', OrgId: OrgId, random: new Date().getTime() },
|
||
|
|
cellMinWidth: 95,
|
||
|
|
page: true,
|
||
|
|
height: "full-125",
|
||
|
|
limits: [10, 15, 20, 25],
|
||
|
|
limit: 10,
|
||
|
|
id: "poolListTable",
|
||
|
|
cols: [[
|
||
|
|
{ type: "checkbox", fixed: "left", width: 50 },
|
||
|
|
{ field: 'POOL_NO', title: '水池编号', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'NAME', title: '水池名称', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'ADDR', title: '水池地址', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'A_STATE', title: '可用状态', minWidth: 60, align: "center", templet: function (d) {
|
||
|
|
if (d.A_STATE == "0") {
|
||
|
|
return ' <div class="layui-table-cell laytable-cell-1-LPPL_NAME">可用</div>';
|
||
|
|
} else if (d.A_STATE == "1") {
|
||
|
|
return ' <div class="layui-table-cell laytable-cell-1-LPPL_NAME">不可用</div>';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{ field: 'ALL_CAPACITY', title: '容量', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'N_CAPACITY', title: '储水量', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'SUP_UNIT', title: '供水单位', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'ORG_NAME', title: '所在地消防机构名称', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'STATE', title: '记录状态', minWidth: 60, align: "center", templet: function (d) {
|
||
|
|
if (d.STATE == "0") {
|
||
|
|
return ' <div class="layui-table-cell laytable-cell-1-LPPL_NAME">正常</div>';
|
||
|
|
} else if (d.STATE == "1") {
|
||
|
|
return ' <div class="layui-table-cell laytable-cell-1-LPPL_NAME">废弃</div>';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{ title: '操作', width: 180, templet: '#sysappListBar', fixed: "right", align: "center" }
|
||
|
|
]]
|
||
|
|
});
|
||
|
|
|
||
|
|
//搜索【此功能需要后台配合，所以暂时没有动态效果演示】
|
||
|
|
$(".search_btn").on("click", function () {
|
||
|
|
|
||
|
|
table.reload("poolListTable", {
|
||
|
|
page: {
|
||
|
|
curr: 1 //重新从第 1 页开始
|
||
|
|
},
|
||
|
|
where: {
|
||
|
|
Action: 'poolList',
|
||
|
|
OrgId: OrgId,
|
||
|
|
STATE: $("#STATE").val(), //搜索的关键字
|
||
|
|
keywords: $(".searchVal").val(), //搜索的关键字
|
||
|
|
random: new Date().getTime() //随机参数
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
function reload() {
|
||
|
|
table.reload("poolListTable", {
|
||
|
|
page: {
|
||
|
|
curr: 1 //重新从第 1 页开始
|
||
|
|
},
|
||
|
|
where: {
|
||
|
|
Action: 'poolList',
|
||
|
|
OrgId: OrgId,
|
||
|
|
keywords: $(".searchVal").val(), //搜索的关键字
|
||
|
|
random: new Date().getTime() //随机参数
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
//添加编辑
|
||
|
|
function AddEdit(edit) {
|
||
|
|
console.log(edit);
|
||
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
|
||
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
|
||
|
|
var title = "";
|
||
|
|
if (edit) { title = "编辑天然水池"; } else { title = "添加天然水池"; }
|
||
|
|
var index = layui.layer.open({
|
||
|
|
title: title,
|
||
|
|
type: 2,
|
||
|
|
area: [clientWidth, clientHeight],
|
||
|
|
maxmin: true,
|
||
|
|
content: "PoolEdit.html",
|
||
|
|
success: function (layero, index) {
|
||
|
|
var body = layui.layer.getChildFrame('body', index);
|
||
|
|
if (edit) {
|
||
|
|
body.find(".ID").val(edit.ID);
|
||
|
|
body.find(".Action").val("Edit");
|
||
|
|
body.find("#POOL_NO").val(edit.POOL_NO);
|
||
|
|
body.find("#NAME").val(edit.NAME);
|
||
|
|
body.find("#ADDR").val(edit.ADDR);
|
||
|
|
body.find("#ALL_CAPACITY").val(edit.ALL_CAPACITY);
|
||
|
|
body.find("#N_CAPACITY").val(edit.N_CAPACITY);
|
||
|
|
body.find("#LON").val(edit.LON);
|
||
|
|
body.find("#LAT").val(edit.LAT);
|
||
|
|
body.find("#A_STATE").val(edit.A_STATE);
|
||
|
|
body.find("#SUB_ROAD").val(edit.SUB_ROAD);
|
||
|
|
body.find("#I_FORM").val(edit.I_FORM);
|
||
|
|
body.find("#I_HEIGHT").val(edit.I_HEIGHT);
|
||
|
|
body.find("#WATER_DIFF").val(edit.WATER_DIFF);
|
||
|
|
body.find("#P_SPACE").val(edit.P_SPACE);
|
||
|
|
body.find("#P_NUM").val(edit.P_NUM);
|
||
|
|
body.find("#R_PHOTO").attr('src', "../../" + edit.R_PHOTO);
|
||
|
|
body.find("#R_PHOTO_PATH").val(edit.R_PHOTO);
|
||
|
|
body.find("#P_PHOTO").attr('src', "../../" + edit.P_PHOTO);
|
||
|
|
body.find("#P_PHOTO_PATH").val(edit.P_PHOTO);
|
||
|
|
body.find("#M_FORM").val(edit.M_FORM);
|
||
|
|
body.find("#FLOW_SIZE").val(edit.FLOW_SIZE);
|
||
|
|
body.find("#SUP_UNIT").val(edit.SUP_UNIT);
|
||
|
|
body.find("#FOUND_DATE").val(edit.FOUND_DATE);
|
||
|
|
body.find("#I_RECORD").val(edit.I_RECORD);
|
||
|
|
body.find("#ORG_ID").val(edit.ORG_ID);
|
||
|
|
body.find("#CITY").val(edit.CITY);
|
||
|
|
body.find("#STATE").val(edit.STATE);
|
||
|
|
|
||
|
|
setTimeout(function () {
|
||
|
|
console.log(edit.ORG_ID);
|
||
|
|
console.log(edit.CITY);
|
||
|
|
body.find("#A_STATE").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.A_STATE + "']").click();
|
||
|
|
body.find("#ORG_ID").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.ORG_ID + "']").click();
|
||
|
|
body.find("#CITY").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.CITY + "']").click();
|
||
|
|
body.find("#STATE").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.STATE + "']").click();
|
||
|
|
}, 1000)
|
||
|
|
form.render();
|
||
|
|
} else {
|
||
|
|
body.find(".Action").val("Add");
|
||
|
|
form.render();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
window.sessionStorage.setItem("index", index);
|
||
|
|
//改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
|
||
|
|
$(window).on("resize", function () {
|
||
|
|
layui.layer.full(window.sessionStorage.getItem("index"));
|
||
|
|
})
|
||
|
|
}
|
||
|
|
$(".add_btn").click(function () {
|
||
|
|
AddEdit();
|
||
|
|
});
|
||
|
|
|
||
|
|
//查看
|
||
|
|
function Audit(edit) {
|
||
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
|
||
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
|
||
|
|
var index = layui.layer.open({
|
||
|
|
title: "查看天然水池信息",
|
||
|
|
type: 2,
|
||
|
|
area: [clientWidth, clientHeight],
|
||
|
|
maxmin: true,
|
||
|
|
content: "PoolAudit.html",
|
||
|
|
success: function (layero, index) {
|
||
|
|
console.log(edit);
|
||
|
|
var body = layui.layer.getChildFrame('body', index);
|
||
|
|
body.find(".ID").val(edit.ID);
|
||
|
|
body.find(".Action").val("Edit");
|
||
|
|
body.find("#POOL_NO").val(edit.POOL_NO);
|
||
|
|
body.find("#NAME").val(edit.NAME);
|
||
|
|
body.find("#ADDR").val(edit.ADDR);
|
||
|
|
body.find("#ALL_CAPACITY").val(edit.ALL_CAPACITY);
|
||
|
|
body.find("#N_CAPACITY").val(edit.N_CAPACITY);
|
||
|
|
body.find("#LON").val(edit.LON);
|
||
|
|
body.find("#LAT").val(edit.LAT);
|
||
|
|
body.find("#A_STATE").val(edit.A_STATE);
|
||
|
|
body.find("#SUB_ROAD").val(edit.SUB_ROAD);
|
||
|
|
body.find("#I_FORM").val(edit.I_FORM);
|
||
|
|
body.find("#I_HEIGHT").val(edit.I_HEIGHT);
|
||
|
|
body.find("#WATER_DIFF").val(edit.WATER_DIFF);
|
||
|
|
body.find("#P_SPACE").val(edit.P_SPACE);
|
||
|
|
body.find("#P_NUM").val(edit.P_NUM);
|
||
|
|
body.find("#R_PHOTO").attr('src', "../../" + edit.R_PHOTO);
|
||
|
|
body.find("#R_PHOTO_PATH").val(edit.R_PHOTO);
|
||
|
|
body.find("#P_PHOTO").attr('src', "../../" + edit.P_PHOTO);
|
||
|
|
body.find("#P_PHOTO_PATH").val(edit.P_PHOTO);
|
||
|
|
body.find("#M_FORM").val(edit.M_FORM);
|
||
|
|
body.find("#FLOW_SIZE").val(edit.FLOW_SIZE);
|
||
|
|
body.find("#SUP_UNIT").val(edit.SUP_UNIT);
|
||
|
|
body.find("#FOUND_DATE").val(edit.FOUND_DATE);
|
||
|
|
body.find("#I_RECORD").val(edit.I_RECORD);
|
||
|
|
body.find("#ORG_ID").val(edit.ORG_NAME);
|
||
|
|
body.find("#CITY").val(edit.CITY_NAME);
|
||
|
|
body.find("#STATE").val(edit.STATE);
|
||
|
|
form.render();
|
||
|
|
}
|
||
|
|
})
|
||
|
|
window.sessionStorage.setItem("index", index);
|
||
|
|
//改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
|
||
|
|
$(window).on("resize", function () {
|
||
|
|
layui.layer.full(window.sessionStorage.getItem("index"));
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
//批量删除
|
||
|
|
$(".delAll_btn").click(function () {
|
||
|
|
var checkStatus = table.checkStatus('poolListTable'),
|
||
|
|
data = checkStatus.data,
|
||
|
|
poolList = [];
|
||
|
|
if (data.length > 0) {
|
||
|
|
for (var i in data) {
|
||
|
|
poolList.push(data[i].ID);
|
||
|
|
}
|
||
|
|
layer.confirm('确定删除选中的天然水池？', { icon: 3, title: '提示信息' }, function (index) {
|
||
|
|
//提交信息
|
||
|
|
$.post("../../ashx/FirePoolHandler.ashx", {
|
||
|
|
Action: "Del",
|
||
|
|
poolList: poolList.join(","),
|
||
|
|
random: new Date().getTime() //随机参数
|
||
|
|
}, function (res) {
|
||
|
|
res = $.parseJSON(res);
|
||
|
|
if (res.code == 1) {
|
||
|
|
top.layer.msg(res.msg);
|
||
|
|
reload();
|
||
|
|
} else {
|
||
|
|
top.layer.msg(res.msg);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
layer.msg("请选择需要删除的天然水池");
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
//列表操作
|
||
|
|
table.on('tool(poolList)', function (obj) {
|
||
|
|
var layEvent = obj.event;
|
||
|
|
data = obj.data;
|
||
|
|
if (layEvent == 'edit') {//修改
|
||
|
|
AddEdit(data);
|
||
|
|
} else if (layEvent == 'audit') {//查看
|
||
|
|
Audit(data);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|