8 changed files with 517 additions and 50 deletions
@ -0,0 +1,130 @@ |
|||
<!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 type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script> |
|||
<script type="text/javascript" src="../../js/jq_extend.js"></script> |
|||
<style> |
|||
.ztree li span{ |
|||
color: #000 !important; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div> |
|||
<ul id="ztree" class="ztree" /> |
|||
</div> |
|||
<input id="treeID" class="layui-input" type="hidden" /> |
|||
<script type="text/javascript" src="../../layui/layui.js"></script> |
|||
<script> |
|||
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; |
|||
var menuIDArry = []; |
|||
var OrgId = ''; |
|||
var org_id = $.getUrlVar("org_id"); |
|||
if (org_id != null && org_id != "") { |
|||
OrgId = org_id; |
|||
} else { |
|||
OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID; |
|||
} |
|||
|
|||
var chkStyle = $("#chkStyle", window.parent.document).val(); |
|||
var type = "USERS_UID" |
|||
if (chkStyle == "" || chkStyle == null || chkStyle == undefined) { chkStyle = "checkbox"; type = "ID" }; |
|||
var setting = { |
|||
view: { |
|||
selectedMulti: false |
|||
}, |
|||
check: { |
|||
enable: true, |
|||
chkStyle: chkStyle, |
|||
chkboxType: { "Y": "ps", "N": "ps" } |
|||
}, |
|||
data: { |
|||
key: { |
|||
name: "NAME" |
|||
}, |
|||
simpleData: { |
|||
enable: true, |
|||
type: "TYPE", |
|||
idKey: "ID", |
|||
pIdKey: "PID" |
|||
} |
|||
}, |
|||
edit: { |
|||
enable: false |
|||
} |
|||
}; |
|||
inittree(); |
|||
function inittree() { |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "../../ashx/OaLeaveHandler.ashx", |
|||
data: { Action: "getOrgTree3", OrgId: OrgId, type: type }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
|
|||
var zNodes = result.data; |
|||
$.fn.zTree.init($("#ztree"), setting, zNodes); |
|||
|
|||
//回显已选择项 |
|||
var treeObj = $.fn.zTree.getZTreeObj("ztree"); |
|||
var Dataselected = $("#treeID").val().split(","); |
|||
Dataselected.forEach(function (element) { |
|||
var ppl_Id = element; |
|||
var test = treeObj.getNodesByParam("ID", ppl_Id, null); //返回的数组 |
|||
|
|||
if (test.length != 0) { |
|||
if (test[0].isParent == false) { |
|||
treeObj.checkNode(test[0], true, true); |
|||
} |
|||
} |
|||
else { |
|||
|
|||
} |
|||
}) |
|||
|
|||
//var treeObj = $.fn.zTree.getZTreeObj("ztree"); |
|||
//var Dataselected = JSON.parse($("#treeID").val()); |
|||
//Dataselected.data.forEach(function (element) { |
|||
// var ppl_Id = element.ppl_Id; |
|||
// var test = treeObj.getNodesByParam("ID", ppl_Id, null); //返回的数组 |
|||
|
|||
// if (test.length != 0) { |
|||
// if (test[0].isParent == false) { |
|||
// treeObj.checkNode(test[0], true, true); |
|||
// } |
|||
// } |
|||
// else { |
|||
|
|||
// } |
|||
//}) |
|||
} |
|||
}); |
|||
} |
|||
returnData = function () { |
|||
var treeObj = $.fn.zTree.getZTreeObj("ztree"); |
|||
return JSON.stringify(treeObj.getCheckedNodes(true)); |
|||
} |
|||
}) |
|||
|
|||
</script> |
|||
<link rel="stylesheet" href="../../css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="../../css/bulletframebg.css" media="all" /> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,170 @@ |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
<html xmlns="http://www.w3.org/1999/xhtml"> |
|||
<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" /> |
|||
<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script> |
|||
<script type="text/javascript" src="../../js/jq_extend.js"></script> |
|||
<style> |
|||
.layui-timeline-item:before{width:0 !important} |
|||
/*.layui-form-label{width: 320px} |
|||
.layui-input-block {margin-left: 370px;}*/ |
|||
@media screen and (max-width: 450px) { |
|||
.layui-col-xs12 .layui-form-label { |
|||
width: 90px; |
|||
padding-left: 0; |
|||
} |
|||
} |
|||
@media screen and (max-width: 450px) { |
|||
.layui-col-xs12 .layui-input-block, .layui-col-xs12 .layui-input-inline { |
|||
margin-left: 110px; |
|||
} |
|||
} |
|||
</style> |
|||
</head> |
|||
<body class="childrenBody"> |
|||
<form class="layui-form" style="width: 90%;"> |
|||
<input id="chkStyle" class="layui-input" type="hidden" /> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next" title="登记人姓名"> |
|||
登记人姓名 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input type="text" class="layui-input" id="NAME" placeholder="请输入登记人姓名" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12" title="驾驶车辆牌照"> |
|||
<label class="layui-form-label"> |
|||
驾驶车辆牌照 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input type="text" class="layui-input" id="CARID" placeholder="请输入车辆牌照" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12" title="携带物品"> |
|||
<label class="layui-form-label"> |
|||
携带物品 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<textarea id="BELONGINGS" placeholder="请输入携带物品" class="layui-textarea"></textarea> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12" title="访问事由"> |
|||
<label class="layui-form-label label-required-next"> |
|||
访问事由 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<textarea id="REASON" placeholder="请输入访问事由" class="layui-textarea"></textarea> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12" title="访问时长"> |
|||
<label class="layui-form-label"> |
|||
访问时长 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input type="number" class="layui-input" id="ABOUTTIME" placeholder="大约访问时长，单位（小时）" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12" title="被访问人"> |
|||
<label class="layui-form-label label-required-next"> |
|||
被访问人 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input id="VED_NAME" placeholder="点击选择被访问人" type="text" class="layui-input" readonly=readonly /> |
|||
<input id="VED_ID" class="layui-input" type="hidden" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-center"> |
|||
<a class="layui-btn layui-btn-normal addNews_btn" lay-filter="AddEdit" lay-submit=lay-submit>提交</a> |
|||
</div> |
|||
</form> |
|||
<script type="text/javascript" src="../../layui/layui.js"></script> |
|||
<script type="text/javascript"> |
|||
layui.use(['form', 'layer', 'table', 'laytpl', 'laydate'], function () { |
|||
var form = layui.form, |
|||
$ = layui.jquery, |
|||
laytpl = layui.laytpl, |
|||
table = layui.table; |
|||
laydate = layui.laydate; |
|||
var OrgId = "734389c7ae364584aea9918693bba3de"; |
|||
|
|||
//审批人 |
|||
$("#VED_NAME").click(function () { |
|||
$("#chkStyle").val("radio"); |
|||
layui.layer.open({ |
|||
type: 2, |
|||
title: '被访问人选择', |
|||
area: ['260px', '420px'], |
|||
content: 'AppOrgtree.html?org_id=' + OrgId, |
|||
btn: ['确定'], |
|||
success: function (layero, index) { |
|||
var body = layui.layer.getChildFrame('body', index); |
|||
}, |
|||
yes: function (index, layero) { |
|||
$("#chkStyle").val(""); |
|||
var iframeWin = window[layero.find('iframe')[0]['name']]; |
|||
var datas = iframeWin.window.returnData(); |
|||
datas = JSON.parse(datas); |
|||
for (var i = 0; i < datas.length; i++) { |
|||
if (datas[i].TYPE != "org") { |
|||
$("#VED_NAME").val(datas[i].NAME); |
|||
$("#VED_ID").val(datas[i].ID); |
|||
break; |
|||
} |
|||
} |
|||
layui.layer.close(index); //如果设定了yes回调，需进行手工关闭 |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
form.on("submit(AddEdit)", function (data) { |
|||
if ($("#VED_ID").val() == null || $("#VED_ID").val() == "" || $("#VED_NAME").val() == null || $("#VED_NAME").val() == "") { |
|||
layui.layer.msg('请选择被访问人！'); |
|||
return; |
|||
} |
|||
//load提交 |
|||
var index = layui.layer.msg('数据提交中，请稍候', { icon: 16, time: false, shade: 0.8 }); |
|||
$.post("../../ashx/VisitorRegHandler.ashx", { |
|||
Action: "add2", |
|||
NAME: $("#NAME").val(), //登记人姓名 |
|||
CARID: $("#CARID").val(), //驾驶车辆牌照 |
|||
BELONGINGS: $("#BELONGINGS").val(), //携带物品 |
|||
REASON: $("#REASON").val(), //访问事由 |
|||
ABOUTTIME: $("#ABOUTTIME").val(), //大约访问时长 |
|||
VED_ID: $("#VED_ID").val(), //被访问人员ID |
|||
VED_MAN: $("#VED_NAME").val(), //被访问人员姓名 |
|||
ORG_ID: OrgId, //机构ID |
|||
random: new Date().getTime() //随机参数(员工表ID ","分割) |
|||
}, function (res) { |
|||
res = $.parseJSON(res); |
|||
if (res.code == 1) { |
|||
layui.layer.open({ |
|||
type: 1 |
|||
, offset: 'auto' |
|||
, content: '<div style="padding: 20px 100px;">' + res.msg + '</div>' |
|||
, btn: '关闭页面' |
|||
, btnAlign: 'c' //按钮居中 |
|||
, shade: 0.8 //不显示遮罩 |
|||
, yes: function () { |
|||
window.close(); |
|||
} |
|||
}); |
|||
} else { |
|||
layui.layer.msg(res.msg); |
|||
} |
|||
}); |
|||
layui.layer.close(index); |
|||
return false; |
|||
}) |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue