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