软测单独项目
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.
 
 
 
 
 
 

635 lines
32 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>设备管理--科宁智慧安全社区后台管理</title>
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
<link rel="stylesheet" href="../../css/public.css" media="all" />
<link rel="stylesheet" href="../../css/ztree/metro/ztree.css" />
<script src="../../js/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="../../js/jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript" src="../../js/jq_extend.js"></script>
<style>
.ztree {
overflow: auto;
}
</style>
</head>
<body style="border: 1px solid #0c6f89;
background: rgba(12, 70, 100, 0.8);
padding: 20px;
box-sizing: border-box;
">
<div id="divOrgDept" style=" position: absolute; top: 0; bottom: 0px; left: 0; width: 270px; height: 50%; min-height: 410px; border: 1px solid #0c6f89; background: rgba(12, 70, 100, 0.8); border-radius: 4px; ">
<blockquote class="layui-elem-quote title">机构目录</blockquote>
<div style="width: 100%;height: calc(100% - 52px);overflow: auto">
<ul id="ztree" class="ztree"></ul>
</div>
</div>
<div id="divEpuType" style=" position: absolute; top: 50%; bottom: 0px; left: 0; width: 270px; height: 49%; min-height: 400px; border: 1px solid #0c6f89; background: rgba(12, 70, 100, 0.8); border-radius: 4px; ">
<blockquote class="layui-elem-quote title">装备类别</blockquote>
<div style="width: 100%;height: calc(100% - 52px);overflow: auto">
<ul id="epuTypeTree" class="ztree"></ul>
</div>
</div>
<div id="divEmpBody" class="layui-col-lg10 layui-col-md10 layui-col-xs10" style=" position: absolute; left: 290px; right: 0; top: 0; bottom: 0; z-index: 998; width: auto; overflow: hidden; overflow-y: auto; box-sizing: border-box; border: 1px solid #0c6f89; background: rgba(12, 70, 100, 0.8); border-radius: 4px; padding: 20px; ">
<form class="layui-form">
<blockquote class="layui-elem-quote quoteBox"
style="padding-left: 0; padding-top: 0">
<div class="layui-inline">
<div class="layui-input-inline">
<input type="text"
class="layui-input searchVal"
placeholder="请输入名称进行搜索" />
</div>
<div class="layui-input-inline">
<input type="checkbox"
id="is_content"
name="is_content"
value="1"
title="包含下级所属单位"
checked="checked" />
</div>
<a class="layui-btn search_btn" data-type="reload">搜索</a>
</div>
<div class="layui-inline">
<a class="layui-btn layui-btn-normal add_btn">添加</a>
</div>
<div class="layui-inline">
<a class="layui-btn layui-btn-danger layui-btn-normal delAll_btn">批量删除</a>
</div>
</blockquote>
<table id="epuList" lay-filter="epuList"></table>
<!--操作-->
<script type="text/html" id="sysappListBar">
<a lay-event="audit">
<img src="../../images/xiangqing.png"
style=" height:20px; width:20px; margin-right: 20px; cursor:pointer;"
title="详情" />
</a>
<a lay-event="edit">
<img src="../../images/edit.png"
style=" height:20px; width:20px; margin-right: 20px; cursor:pointer;"
title="编辑" />
</a>
</script>
</form>
</div>
<script type="text/javascript" src="../../layui/layui.js"></script>
<script type="text/javascript">
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 selTreeID = "", selTreeType = "", epuTypeSelectTreeID = "", epuTypeSelectTreeType = "";
var $zTree,
OrgList = [];
var setting = {
view: {
selectedMulti: false,
},
data: {
key: {
name: "NAME",
},
simpleData: {
enable: true,
type: "TYPE",
idKey: "ID",
pIdKey: "PID",
},
},
edit: {
enable: false,
},
callback: {
onClick: function (e, treeId, treeNode) {
if (treeNode.TYPE == "org" || treeNode.TYPE == "dept") {
selTreeID = treeNode.ID;
selTreeType = treeNode.TYPE;
} else {
epuTypeSelectTreeID = treeNode.ID;
epuTypeSelectTreeType = treeNode.TYPE;
}
search(selTreeID, selTreeType, epuTypeSelectTreeID, epuTypeSelectTreeType);
},
},
};
//初始化树
$(function () {
//判断当前是否管理员
var IsAdmin = JSON.parse(window.sessionStorage.getItem("userInfo")).IsAdmin;
if (IsAdmin === "1") {
//管理员
} else {
//非管理员
$("#divOrgDept").hide();
$("#divEpuType").attr("height","100%");
$("#divEmpBody").css("left", "0px");
}
$.ajax({
type: "post",
url: "../../ashx/SysEmpHandler.ashx",
data: { Action: "OrgDeptTree", OrgId: OrgId },
dataType: "json",
success: function (result) {
var data = result.data;
var zNodes = [];
if (data.length > 0) {
for (var i in data) {
//if (data[i].TYPE == "org") {
OrgList.push(data[i].ID);
zNodes.push(data[i]);
//}
}
}
$zTree = $.fn.zTree.init($("#ztree"), setting, zNodes);
//延迟展开根节点
var nodes = $zTree.getNodes();
for (var i = 0; i < nodes.length; i++) {
$zTree.expandNode($zTree.getNodes()[i], true, false, false);
}
},
});
$.ajax({
type: "post",
url: "../../ashx/FireEpuHandler.ashx",
data: { Action: "getEquipmentTree" },
dataType: "json",
success: function (result) {
var data = result.data;
var epuTypeNodes = [];
if (data.length > 0) {
for (var i in data) {
epuTypeNodes.push(data[i]);
}
}
$zTree = $.fn.zTree.init($("#epuTypeTree"), setting, epuTypeNodes);
//延迟展开根节点
var nodes = $zTree.getNodes();
for (var i = 0; i < nodes.length; i++) {
$zTree.expandNode($zTree.getNodes()[i], true, false, false);
}
},
});
});
//系统列表
setTimeout(function () {
var is_content = "";
$("input:checkbox[name='is_content']:checked").each(function (i) {
is_content = $(this).val();
});
var tableIns = table.render({
elem: "#epuList",
url: "../../ashx/FireEpuHandler.ashx",
where: {
Action: "EpuList",
OrgId: OrgId,
is_content: is_content,
random: new Date().getTime(),
},
cellMinWidth: 95,
page: true,
height: "full-125",
limits: [10, 15, 20, 25],
limit: 15,
id: "epuListTable",
cols: [
[
{ type: "checkbox", fixed: "left", width: 50 },
{
field: "DIC_NAME",
title: "消防类别",
minWidth: 60,
align: "center",
},
{
field: "DETAIL_NAME",
title: "装备名称",
minWidth: 60,
align: "center",
},
{
field: "CODE",
title: "装备编号",
minWidth: 60,
align: "center",
},
{
field: "ORG_NAME",
title: "所属消防机关",
minWidth: 60,
align: "center",
},
{
field: "CZ_NUM",
title: "车载数量",
width: 120,
align: "center",
templet: function (d) {
if (d.CZ_NUM != null && d.CZ_NUM != "" && d.CZ_NUM > 0) {
return "<a href='javascript:void(0)' title='点击查看车辆信息' style='text-decoration:underline;color: #00ff8c;' onclick=\"openCar('" + d.ID + "')\">" + d.CZ_NUM + "</a>";
} else {
return d.CZ_NUM;
}
},
},
{
field: "KC_NUM",
title: "库存数量",
width: 120,
align: "center",
},
{
field: "STATE",
title: "记录状态",
width: 110,
align: "center",
templet: function (d) {
if (d.STATE == "0") {
return ' <span class="layui-badge layui-bg-blue" style="background-color:#30ca30 !important">正常</div>';
} else if (d.STATE == "1") {
return ' <span class="layui-badge layui-bg-gray">废弃</div>';
} else {
return "";
}
},
},
{
title: "操作",
width: 180,
templet: "#sysappListBar",
fixed: "right",
align: "center",
},
],
],
});
}, 1000);
//搜索【此功能需要后台配合,所以暂时没有动态效果演示】
$(".search_btn").on("click", function () {
var is_content = "";
$("input:checkbox[name='is_content']:checked").each(function (i) {
is_content = $(this).val();
});
table.reload("epuListTable", {
page: {
curr: 1, //重新从第 1 页开始
},
where: {
Action: "EpuList",
OrgId: OrgId,
is_content: is_content,
keywords: $(".searchVal").val(), //搜索的关键字
random: new Date().getTime(), //随机参数
},
});
});
function search(treeid, type, epuTypeId, epuType) {
var is_content = "";
$("input:checkbox[name='is_content']:checked").each(function (i) {
is_content = $(this).val();
});
table.reload("epuListTable", {
page: {
curr: 1, //重新从第 1 页开始
},
where: {
Action: "EpuList",
keywords: $(".searchVal").val(), //搜索的关键字
treeID: treeid, //所属目录
is_content: is_content,
type: type, //所属目录
epuTypeId: epuTypeId, //所属类别ID
epuType: epuType, //所属类别
random: new Date().getTime(), //随机参数
},
});
}
function reload() {
var is_content = "";
$("input:checkbox[name='is_content']:checked").each(function (i) {
is_content = $(this).val();
});
table.reload("epuListTable", {
page: {
curr: 1, //重新从第 1 页开始
},
where: {
Action: "EpuList",
OrgId: OrgId,
is_content: is_content,
keywords: $(".searchVal").val(), //搜索的关键字
random: new Date().getTime(), //随机参数
},
});
}
//添加编辑
function AddEdit(edit) {
var clientWidth = parseInt(document.body.clientWidth * 0.7) + "px";
var clientHeight =
parseInt(document.body.clientHeight * 0.9) + "px";
var title = "";
var orgParam = selTreeID == "" ? OrgId : selTreeID;
if (edit) {
title = "编辑消防装备";
} else {
title = "添加消防装备";
}
var index = layui.layer.open({
title: title,
type: 2,
area: [clientWidth, clientHeight],
maxmin: true,
content: "EpuEdit.html?org_id=" + orgParam,
//弹出层关闭事件
end: function () {
search(orgParam, "");
},
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("#DETAIL_NAME").val(edit.DETAIL_NAME);
body.find("#CODE").val(edit.CODE);
body.find("#TYPE_CODE").val(edit.TYPE_CODE);
body.find("#ORG_NAME").val(edit.ORG_NAME);
body.find("#EQ_NUM").val(edit.EQ_NUM);
body.find("#CZ_NUM").val(edit.CZ_NUM);
body.find("#CZ_NUM").text(edit.CZ_NUM);
body.find("#KC_NUM").val(edit.KC_NUM);
//body.find("#SENSOR").val(edit.SENSOR);
body.find("#TRADEMARK").val(edit.TRADEMARK);
body.find("#GB_CODE").val(edit.GB_CODE);
body.find("#MANUFACTOR").val(edit.MANUFACTOR);
body.find("#LIABLE").val(edit.LIABLE);
body.find("#STATE").val(edit.STATE);
body.find("#A_PER").val(edit.A_PER);
body.find("#A_TIME").val(edit.A_TIME);
body.find("#U_PER").val(edit.U_PER);
body.find("#U_TIME").val(edit.U_TIME);
body.find("#UNIT_PER").val(edit.UNIT_PER);
body.find("#UNIT_W_PHONE").val(edit.UNIT_W_PHONE);
body.find("#UNIT_M_PHONE").val(edit.UNIT_M_PHONE);
//body.find("#UNIT_R_PHONE").val(edit.UNIT_R_PHONE);
body.find("#CONT_PER").val(edit.CONT_PER);
body.find("#CONT_W_PHONE").val(edit.CONT_W_PHONE);
body.find("#CONT_M_PHONE").val(edit.CONT_M_PHONE);
body.find("#CONT_R_PHONE").val(edit.CONT_R_PHONE);
//body.find("#CONT_EMAIL").val(edit.CONT_EMAIL);
body.find("#UNIT").val(edit.UNIT);
body.find("#UNIT_ADDR").val(edit.UNIT_ADDR);
body.find("#REMARKS").val(edit.REMARKS);
body.find("#PRICE").val(edit.PRICE);
//body.find("#RECORD_NO").val(edit.RECORD_NO);
body.find("#RESERVE").val(edit.RESERVE);
body.find("#R_TIME").val(edit.R_TIME);
body.find("#Q_G_P").val(edit.Q_G_P);
body.find("#DES").val(edit.DES);
body.find("#ADDR").val(edit.ADDR);
body.find("#UNIT_MEAS").val(edit.UNIT_MEAS);
body.find("#E_NAME").val(edit.E_NAME);
body.find("#H_LEVEL").val(edit.H_LEVEL);
body.find("#SECRET").val(edit.SECRET);
body.find("#DUTY_PHONE").val(edit.DUTY_PHONE);
body
.find("#EXTENDCODE1")
.attr("src", "../../" + edit.EXTENDCODE1);
body.find("#EXTENDCODE1_PATH").val(edit.EXTENDCODE1);
setTimeout(function () {
body
.find("#ORG_ID")
.siblings("div.layui-form-select")
.find("dl")
.find("dd[lay-value='" + edit.ORG_ID + "']")
.click();
body
.find("#TYPE_ID")
.siblings("div.layui-form-select")
.find("dl")
.find("dd[lay-value='" + edit.TYPE_ID + "']")
.click();
//body.find("#STATION_ID").siblings("div.layui-form-select").find('input').val();
}, 1000);
form.render();
} else {
body.find(".Action").val("Add");
setTimeout(function () {
body
.find("#ORG_ID")
.siblings("div.layui-form-select")
.find("dl")
.find("dd[lay-value='" + orgParam + "']")
.click();
}, 1000);
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: "EpuAudit.html",
success: function (layero, index) {
var body = layui.layer.getChildFrame("body", index);
body.find("#NAME").val(edit.NAME);
body.find("#DETAIL_NAME").val(edit.DETAIL_NAME);
body.find("#CODE").val(edit.CODE);
body.find("#TYPE_CODE").val(edit.TYPE_CODE);
body.find("#ORG_NAME").val(edit.ORG_NAME);
body.find("#EQ_NUM").val(edit.EQ_NUM);
body.find("#CZ_NUM").val(edit.CZ_NUM);
body.find("#KC_NUM").val(edit.KC_NUM);
//body.find("#SENSOR").val(edit.SENSOR);
body.find("#TRADEMARK").val(edit.TRADEMARK);
body.find("#GB_CODE").val(edit.GB_CODE);
body.find("#MANUFACTOR").val(edit.MANUFACTOR);
body.find("#LIABLE").val(edit.LIABLE);
body.find("#STATE").val(edit.STATE);
body.find("#A_PER").val(edit.A_PER);
body.find("#A_TIME").val(edit.A_TIME);
body.find("#U_PER").val(edit.U_PER);
body.find("#U_TIME").val(edit.U_TIME);
body.find("#UNIT_PER").val(edit.UNIT_PER);
body.find("#UNIT_W_PHONE").val(edit.UNIT_W_PHONE);
body.find("#UNIT_M_PHONE").val(edit.UNIT_M_PHONE);
//body.find("#UNIT_R_PHONE").val(edit.UNIT_R_PHONE);
body.find("#CONT_PER").val(edit.CONT_PER);
body.find("#CONT_W_PHONE").val(edit.CONT_W_PHONE);
body.find("#CONT_M_PHONE").val(edit.CONT_M_PHONE);
body.find("#CONT_R_PHONE").val(edit.CONT_R_PHONE);
//body.find("#CONT_EMAIL").val(edit.CONT_EMAIL);
body.find("#UNIT").val(edit.UNIT);
body.find("#UNIT_ADDR").val(edit.UNIT_ADDR);
body.find("#REMARKS").val(edit.REMARKS);
body.find("#PRICE").val(edit.PRICE);
//body.find("#RECORD_NO").val(edit.RECORD_NO);
body.find("#RESERVE").val(edit.RESERVE);
body.find("#R_TIME").val(edit.R_TIME);
body.find("#Q_G_P").val(edit.Q_G_P);
body.find("#DES").val(edit.DES);
body.find("#ADDR").val(edit.ADDR);
body.find("#UNIT_MEAS").val(edit.UNIT_MEAS);
body.find("#E_NAME").val(edit.E_NAME);
body.find("#H_LEVEL").val(edit.H_LEVEL);
body.find("#SECRET").val(edit.SECRET);
body.find("#DUTY_PHONE").val(edit.DUTY_PHONE);
body
.find("#EXTENDCODE1")
.attr("src", "../../" + edit.EXTENDCODE1);
//body.find("#FAX").val(edit.FAX);
form.render();
},
});
window.sessionStorage.setItem("index", index);
//改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
$(window).on("resize", function () {
layui.layer.full(window.sessionStorage.getItem("index"));
});
}
openCar = function (epuId) {
var con = "";
$.ajax({
type: "post",
url: "../../ashx/FireEpuHandler.ashx",
data: {
Action: "getCarListByEpuId",
EpuId: epuId
},
async: false,
dataType: "json",
success: function (res) {
con = "<table class='layui-table' style='width: 90%;margin-left: 5%;'><colgroup><col width='150'><col width='80'><col></colgroup>";
con += "<thead><tr><th>车牌号</th><th>数量</th></tr></thead>";
con += "<tbody>";
res.data.forEach(function (item, index, arr) {
con += "<tr><td>" + item.CAR_NUM + "</td><td>" + item.NUM + "</td></tr>";
});
con += "</tbody></table>";
},
});
if (con != "") {
var clientWidth = parseInt(document.body.clientWidth * 0.2) + "px";
var clientHeight = parseInt(document.body.clientHeight * 0.5) + "px";
var openIndex = layer.open({
type: 1,
offset: 'auto',
area: [clientWidth, clientHeight],
btn: '关闭窗口',
btnAlign: 'c',
content: con,
yes: function () {
layer.close(openIndex);
}
});
} else {
layer.msg("该装备未关联车辆!");
}
}
//批量删除
$(".delAll_btn").click(function () {
var checkStatus = table.checkStatus("epuListTable"),
data = checkStatus.data,
EpuList = [];
if (data.length > 0) {
for (var i in data) {
EpuList.push(data[i].ID);
}
layer.confirm(
"确定删除选中的设备?",
{ icon: 3, title: "提示信息" },
function (index) {
//提交信息
$.post(
"../../ashx/FireEpuHandler.ashx",
{
Action: "Del",
EpuList: EpuList.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(epuList)", function (obj) {
var layEvent = obj.event;
data = obj.data;
if (layEvent == "edit") {
//修改
AddEdit(data);
} else if (layEvent == "audit") {
//查看
Audit(data);
}
});
});
</script>
<link rel="stylesheet" href="../../css/right-list.css" media="all" />
<link rel="stylesheet" href="../../css/bulletframebg.css" media="all" />
</body>
</html>