52 changed files with 4339 additions and 1076 deletions
@ -0,0 +1,208 @@ |
|||
<!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" /> |
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<style> |
|||
.searchVal { |
|||
width: 300px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
</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; min-height: 500px; 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="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; "> |
|||
|
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入" class="layui-input" style="width:160px;" id="ipt_seach"> |
|||
</div> |
|||
<button type="button" class="layui-btn layui-btn-normal" id="btn_seach">搜索</button> |
|||
<div class="layui-inline"> |
|||
<a class="layui-btn layui-btn-danger layui-btn-normal" onclick="document.getElementById('btn_upd_hide').click();">导入</a> |
|||
<input type="file" id="btn_upd_hide" style="display:none;" /> |
|||
</div> |
|||
|
|||
|
|||
<table class="layui-hide" id="ItemInfoList" lay-filter="ItemInfoList"></table> |
|||
|
|||
</div> |
|||
|
|||
<script type="text/javascript" src="/js/layui/layui.js"></script> |
|||
|
|||
<script> |
|||
layui.config({ |
|||
base: '/js/' |
|||
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () { |
|||
|
|||
|
|||
//var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID; |
|||
|
|||
var OrgId = 'D8DC637B8B984848A63F82A018AFAEB0'; |
|||
|
|||
var selTreeID = OrgId; |
|||
|
|||
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) { |
|||
|
|||
// search(treeNode.ID, treeNode.TYPE); |
|||
|
|||
selTreeID = treeNode.ID; |
|||
|
|||
InitTable(); |
|||
//search(selTreeID, treeNode.TYPE); |
|||
|
|||
} |
|||
} |
|||
}; |
|||
//初始化树 |
|||
$(function () { |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/SysEmpHandler.ashx", |
|||
data: { Action: "OrgDeptTree", OrgId: OrgId }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
var zNodes = result.data; |
|||
if (zNodes.length > 0) { |
|||
for (var i in zNodes) { |
|||
OrgList.push(zNodes[i].ID); |
|||
} |
|||
} |
|||
$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); |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
var table = layui.table; |
|||
function InitTable() { |
|||
|
|||
table.render({ |
|||
elem: '#ItemInfoList' |
|||
, url: '/ashx/A_CommonHandler.ashx' |
|||
, where: { Action: 'SelInfoPage', tbName: "oa_meeting_memo", wheres: " MSUBJECT like '%" + $("#ipt_seach").val() + "%' ", random: new Date().getTime() } |
|||
, cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增 |
|||
, cols: [[ |
|||
//{ field: 'id', align: "center", title: 'ID', sort: true } |
|||
{ field: 'MSUBJECT', align: "center", title: '会议名称' } |
|||
, { field: 'MHOST', align: "center", title: '主持人' } |
|||
, { field: 'MPARTICIPANT', align: "center", title: '参会人员' } |
|||
, { field: 'MCONTENT', align: "center", title: '会议内容' } |
|||
, { field: 'A_TIME', align: "center", title: '时间', sort: true } |
|||
, { |
|||
field: 'cz', align: "center", title: '操作', templet: function (d) { |
|||
var htmlStr = ' <a lay-event="del"><img src="/images/del.png" style=" height:20px; width:20px; margin-right: 20px; cursor:pointer;" title="删除" /></a> '; |
|||
return htmlStr; |
|||
} |
|||
} |
|||
]] |
|||
, page: true |
|||
, limits: [10, 15, 20, 50, 999, 9999] |
|||
, toolbar: true |
|||
, defaultToolbar: ['filter', 'print', 'exports'] |
|||
, limit: 15 |
|||
}); |
|||
|
|||
} |
|||
|
|||
InitTable(); |
|||
|
|||
$("#btn_seach").click(function () { |
|||
|
|||
InitTable(); |
|||
}); |
|||
|
|||
//列表操作 |
|||
table.on('tool(ItemInfoList)', function (obj) { |
|||
var layEvent = obj.event; |
|||
data = obj.data; |
|||
//console.log(data); |
|||
|
|||
switch (layEvent) { |
|||
//删除 |
|||
case 'del': |
|||
layer.confirm('是否确认删除?', { icon: 3, title: '提示信息' }, function (index) { |
|||
|
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { Action: "DelInfo", tbName: "oa_meeting_memo", wheres: " id = '" + data.ID + "'" }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
InitTable(); |
|||
layer.closeAll(); |
|||
} |
|||
}); |
|||
}); |
|||
break; |
|||
} |
|||
}) |
|||
|
|||
|
|||
}); |
|||
</script> |
|||
|
|||
|
|||
</body> |
|||
</html> |
@ -0,0 +1,243 @@ |
|||
<!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" /> |
|||
|
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<script type="text/javascript" src="/js/layui/layui.js"></script> |
|||
<style> |
|||
.searchVal { |
|||
width: 200px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-form-label { |
|||
width: 100px; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body style="border: 1px solid #0c6f89; |
|||
background: rgba(12, 70, 100, 0.8); |
|||
padding: 20px; |
|||
box-sizing: border-box; |
|||
"> |
|||
<div style="float:left;width:100%;height:100%;"> |
|||
<form class="layui-form" style="width: 99%;"> |
|||
<input class="layui-input ID" type="hidden" /> |
|||
<input class="layui-input Action" type="hidden" /> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
姓名 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<select id="pplName" lay-filter="pplName" lay-search=""> |
|||
<option value="">---申请人---</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
电话 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="pplId" readonly="readonly" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
标题 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="title" readonly="readonly" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
离营时间 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="sTime" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
归队时间 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="eTime" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
请假天数 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="lNum" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
事由 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="reason" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
去向 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="lOut" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
审批人 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<select id="app_pplId" lay-filter="app_pplId" lay-search=""> |
|||
<option value="">---审批人---</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="layui-form-item"> |
|||
<div class="layui-input-block"> |
|||
<button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1" id="btn_save">保存</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
|
|||
<script> |
|||
layui.config({ |
|||
base: '/js/' |
|||
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () { |
|||
|
|||
var form = layui.form; |
|||
var laydate = layui.laydate; |
|||
|
|||
laydate.render({ elem: '#sTime', type: 'datetime', value: new Date() }); |
|||
laydate.render({ elem: '#eTime', type: 'datetime', value: new Date() }); |
|||
|
|||
//获取Url参数 |
|||
function getParameterByName(name) { |
|||
var params = {}; |
|||
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) { |
|||
params[key] = value; |
|||
}); |
|||
return params[name] || ''; |
|||
} |
|||
|
|||
var OrgId = getParameterByName('orgId'); |
|||
//申请人切换 |
|||
form.on('select(pplName)', function (data) { |
|||
//console.log(data); |
|||
$("#pplId").val(data.value); |
|||
//选择信息 |
|||
var tag = $('#pplName option:selected').text(); |
|||
if (tag == "---申请人---") { |
|||
$("#title").val(""); |
|||
} else { |
|||
$("#title").val(tag + "的请假申请"); |
|||
} |
|||
|
|||
}); |
|||
|
|||
|
|||
//初始化树 |
|||
$(function () { |
|||
|
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/SysEmpHandler.ashx", |
|||
data: { Action: 'OrgEmpList', random: new Date().getTime(), OrgId: OrgId, is_admin: 0, IsAdmin: 1, is_content: 1, limit: 999 }, |
|||
dataType: "json", |
|||
success: function (res) { |
|||
//console.log(res); |
|||
var htmlStr = ''; |
|||
res.data.forEach(function (obj, index, arr) { |
|||
htmlStr += "<option value='" + obj.EMP_MOBILE + "'>" + obj.EMP_NAME + "</option>"; |
|||
}); |
|||
$("#pplName").append(htmlStr); |
|||
$("#app_pplId").append(htmlStr); |
|||
|
|||
form.render('select'); |
|||
|
|||
} |
|||
}); |
|||
|
|||
}); |
|||
|
|||
|
|||
|
|||
|
|||
$("#btn_save").click(function () { |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/AppFlowHandler.ashx", |
|||
data: { |
|||
Action: 'AppLeaveTaskApply' |
|||
, random: new Date().getTime() |
|||
, extend2: 1 |
|||
, pplId: $("#pplId").val() |
|||
, pplName: $('#pplName option:selected').text() |
|||
, lType: "a1e92887-8230-4aba-8a06-bebffdee8043" |
|||
, sTime: $("#sTime").val() |
|||
, eTime: $("#eTime").val() |
|||
, lNum: $("#lNum").val() |
|||
, reason: $("#reason").val() |
|||
, title: $("#title").val() |
|||
, app_pplId: $("#app_pplId").val() |
|||
, opation: "apply" |
|||
, receiveId: $("#app_pplId").val() |
|||
, groupid: "734389c7ae364584aea9918693bba3de" |
|||
, issign: 0 |
|||
, senderId: $("#pplId").val() |
|||
}, |
|||
dataType: "json", |
|||
success: function (res) { |
|||
|
|||
top.layer.msg("OK", { time: 1800 }); |
|||
var index = parent.layer.getFrameIndex(window.name); |
|||
parent.layer.close(index); |
|||
} |
|||
}); |
|||
|
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
|
|||
</body> |
|||
</html> |
@ -0,0 +1,243 @@ |
|||
<!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" /> |
|||
|
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<script type="text/javascript" src="/js/layui/layui.js"></script> |
|||
<style> |
|||
.searchVal { |
|||
width: 200px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-form-label { |
|||
width: 100px; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body style="border: 1px solid #0c6f89; |
|||
background: rgba(12, 70, 100, 0.8); |
|||
padding: 20px; |
|||
box-sizing: border-box; |
|||
"> |
|||
<div style="float:left;width:100%;height:100%;"> |
|||
<form class="layui-form" style="width: 99%;"> |
|||
<input class="layui-input ID" type="hidden" /> |
|||
<input class="layui-input Action" type="hidden" /> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
姓名 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<select id="pplName" lay-filter="pplName" lay-search=""> |
|||
<option value="">---申请人---</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
电话 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="pplId" readonly="readonly" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
标题 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="title" readonly="readonly" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
离营时间 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="sTime" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
归队时间 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="eTime" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
请假天数 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="lNum" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
事由 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="reason" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
去向 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="lOut" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
审批人 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<select id="app_pplId" lay-filter="app_pplId" lay-search=""> |
|||
<option value="">---审批人---</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="layui-form-item"> |
|||
<div class="layui-input-block"> |
|||
<button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1" id="btn_save">保存</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
|
|||
<script> |
|||
layui.config({ |
|||
base: '/js/' |
|||
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () { |
|||
|
|||
var form = layui.form; |
|||
var laydate = layui.laydate; |
|||
|
|||
laydate.render({ elem: '#sTime', type: 'datetime', value: new Date() }); |
|||
laydate.render({ elem: '#eTime', type: 'datetime', value: new Date() }); |
|||
|
|||
//获取Url参数 |
|||
function getParameterByName(name) { |
|||
var params = {}; |
|||
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) { |
|||
params[key] = value; |
|||
}); |
|||
return params[name] || ''; |
|||
} |
|||
|
|||
var OrgId = getParameterByName('orgId'); |
|||
//申请人切换 |
|||
form.on('select(pplName)', function (data) { |
|||
//console.log(data); |
|||
$("#pplId").val(data.value); |
|||
//选择信息 |
|||
var tag = $('#pplName option:selected').text(); |
|||
if (tag == "---申请人---") { |
|||
$("#title").val(""); |
|||
} else { |
|||
$("#title").val(tag + "的公差申请"); |
|||
} |
|||
|
|||
}); |
|||
|
|||
|
|||
//初始化树 |
|||
$(function () { |
|||
|
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/SysEmpHandler.ashx", |
|||
data: { Action: 'OrgEmpList', random: new Date().getTime(), OrgId: OrgId, is_admin: 0, IsAdmin: 1, is_content: 1, limit: 999 }, |
|||
dataType: "json", |
|||
success: function (res) { |
|||
//console.log(res); |
|||
var htmlStr = ''; |
|||
res.data.forEach(function (obj, index, arr) { |
|||
htmlStr += "<option value='" + obj.EMP_MOBILE + "'>" + obj.EMP_NAME + "</option>"; |
|||
}); |
|||
$("#pplName").append(htmlStr); |
|||
$("#app_pplId").append(htmlStr); |
|||
|
|||
form.render('select'); |
|||
|
|||
} |
|||
}); |
|||
|
|||
}); |
|||
|
|||
|
|||
|
|||
|
|||
$("#btn_save").click(function () { |
|||
|
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/AppFlowHandler.ashx", |
|||
data: { |
|||
Action: 'AppToleranceTaskApply' |
|||
, random: new Date().getTime() |
|||
, extend2: 1 |
|||
, pplId: $("#pplId").val() |
|||
, pplName: $('#pplName option:selected').text() |
|||
, lType: "ee62a186-336f-4984-b650-fd9826ad82cd" |
|||
, sTime: $("#sTime").val() |
|||
, eTime: $("#eTime").val() |
|||
, lNum: $("#lNum").val() |
|||
, reason: $("#reason").val() |
|||
, title: $("#title").val() |
|||
, app_pplId: $("#app_pplId").val() |
|||
, opation: "apply" |
|||
, receiveId: $("#app_pplId").val() |
|||
, groupid: "734389c7ae364584aea9918693bba3de" |
|||
, issign: 0 |
|||
, senderId: $("#pplId").val() |
|||
}, |
|||
dataType: "json", |
|||
success: function (res) { |
|||
|
|||
top.layer.msg("OK", { time: 1800 }); |
|||
var index = parent.layer.getFrameIndex(window.name); |
|||
parent.layer.close(index); |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
|
|||
</body> |
|||
</html> |
@ -0,0 +1,288 @@ |
|||
<!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" /> |
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<style> |
|||
.searchVal { |
|||
width: 300px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
</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; min-height: 500px; 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="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; "> |
|||
|
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入" class="layui-input" style="width:160px;" id="ipt_seach"> |
|||
</div> |
|||
<button type="button" class="layui-btn layui-btn-normal" id="btn_seach">搜索</button> |
|||
|
|||
|
|||
<table class="layui-hide" id="ItemInfoList" lay-filter="ItemInfoList"></table> |
|||
|
|||
</div> |
|||
|
|||
<script type="text/javascript" src="/js/layui/layui.js"></script> |
|||
|
|||
<script> |
|||
layui.config({ |
|||
base: '/js/' |
|||
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () { |
|||
|
|||
|
|||
//var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID; |
|||
|
|||
var OrgId = 'D8DC637B8B984848A63F82A018AFAEB0'; |
|||
|
|||
|
|||
|
|||
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) { |
|||
|
|||
// search(treeNode.ID, treeNode.TYPE); |
|||
|
|||
selTreeID = treeNode.ID; |
|||
InitTable(); |
|||
|
|||
} |
|||
} |
|||
}; |
|||
//初始化树 |
|||
$(function () { |
|||
|
|||
|
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/SysEmpHandler.ashx", |
|||
data: { Action: "OrgDeptTree", OrgId: OrgId }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
var zNodes = result.data; |
|||
if (zNodes.length > 0) { |
|||
for (var i in zNodes) { |
|||
OrgList.push(zNodes[i].ID); |
|||
} |
|||
} |
|||
$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); |
|||
} |
|||
|
|||
} |
|||
}); |
|||
|
|||
InitTable(); |
|||
}); |
|||
|
|||
|
|||
|
|||
|
|||
var table = layui.table; |
|||
|
|||
function InitTable() { |
|||
|
|||
var keys = $("#ipt_seach").val(); |
|||
|
|||
table.render({ |
|||
elem: '#ItemInfoList' |
|||
, url: '/ashx/A_CommonHandler.ashx' |
|||
, where: { |
|||
Action: 'SelInfoPage', tbName: "oa_kaoqinbulou", random: new Date().getTime(), wheres: " shenqing_name like '%" + keys + "%' or shuoming like '%" + keys + |
|||
"%' or kaoqin_type like '%" + keys + "%' or shenpi_name like '%" + keys + "%' or state like '%" + keys + "%' " |
|||
, orderBy: 'createtime desc' |
|||
} |
|||
, cellMinWidth: 80 |
|||
, cols: [[ |
|||
{ field: 'SHENQING_NAME', align: "center", title: '申请人' } |
|||
, { field: 'SHENQINGSHIJIAN', align: "center", title: '时间', width: 170, sort: true } |
|||
, { field: 'SHUOMING', align: "center", title: '事由' } |
|||
, { field: 'KAOQIN_TYPE', align: "center", title: '类型' } |
|||
, { field: 'SHENPI_NAME', align: "center", title: '审批人' } |
|||
, { field: 'SHENPISHIJIAN', align: "center", title: '审批时间', width: 170 } |
|||
, { |
|||
field: 'STATE', align: "center", title: '审批结果', templet: function (d) { |
|||
switch (d.STATE) { |
|||
case '0': |
|||
return '未审批'; |
|||
case '1': |
|||
return '通过'; |
|||
case '2': |
|||
return '拒绝'; |
|||
} |
|||
} |
|||
} |
|||
, { |
|||
field: 'cz', align: "center", width: 170, title: '操作', templet: function (d) { |
|||
//console.log(d); |
|||
var htmlStr = '<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/同意.png" style=" height:20px; width:20px; margin-right: 20px; cursor:pointer;" title="同意" /></a> ' + |
|||
' <a lay-event="del"><img src="/images/不同意.png" style=" height:20px; width:20px; margin-right: 20px; cursor:pointer;" title="删除" /> '; |
|||
return htmlStr; |
|||
} |
|||
} |
|||
]] |
|||
, page: true |
|||
, limits: [10, 15, 20, 50, 999, 9999] |
|||
, toolbar: true |
|||
, defaultToolbar: ['filter', 'print', 'exports'] |
|||
, limit: 15 |
|||
}); |
|||
} |
|||
|
|||
//列表操作 |
|||
table.on('tool(ItemInfoList)', function (obj) { |
|||
var layEvent = obj.event; |
|||
data = obj.data; |
|||
//console.log(data); |
|||
|
|||
switch (layEvent) { |
|||
//查看 |
|||
case 'audit': |
|||
|
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpAttendEdit.html", |
|||
success: function (layero, index) { |
|||
var body = layui.layer.getChildFrame('body', index); |
|||
body.find("#SHENQING_NAME").val(data.SHENQING_NAME); |
|||
body.find("#SHENQINGSHIJIAN").val(data.SHENQINGSHIJIAN); |
|||
body.find("#SHUOMING").val(data.SHUOMING); |
|||
body.find("#KAOQIN_TYPE").val(data.KAOQIN_TYPE); |
|||
body.find("#SHENPI_NAME").val(data.SHENPI_NAME); |
|||
body.find("#btn_save").hide(); |
|||
|
|||
} |
|||
}); |
|||
break; |
|||
//处理 |
|||
case 'edit': |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { |
|||
Action: "UpdInfo", tbName: "oa_kaoqinbulou", sets: "shenpiyijian='同意',shenpishijian=now(),state='1'" |
|||
, wheres: "id = '" + data.ID + "'" |
|||
}, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
|
|||
var col1 = ''; |
|||
var col2 = ''; |
|||
|
|||
switch (data.KAOQIN_TYPE) { |
|||
case '上午上班': col1 = 'KQ_FACE_READ_START_STATE_AM'; col2 = 'KQ_FACE_READ_START_TIME_AM'; break; |
|||
case '上午下班': col1 = 'KQ_FACE_READ_END_STATE_AM'; col2 = 'KQ_FACE_READ_END_TIME_AM'; break; |
|||
case '下午上班': col1 = 'KQ_FACE_READ_START_STATE_PM'; col2 = 'KQ_FACE_READ_START_TIME_PM'; break; |
|||
case '下午下班': col1 = 'KQ_FACE_READ_END_STATE_PM'; col2 = 'KQ_FACE_READ_END_TIME_PM'; break; |
|||
} |
|||
|
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { |
|||
Action: "UpdInfo", tbName: "oa_attendance_record", sets: col1 + "='1'," + col2 + "='" + data.SHENQINGSHIJIAN + "'" |
|||
, wheres: "ATTENDANCE_DATE = date_format('" + data.SHENQINGSHIJIAN + "','%Y-%m-%d') and USERS_NAME = '" + data.SHENQING_NAME + "' and " + col1 + "='0'" |
|||
}, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
InitTable(); |
|||
} |
|||
}); |
|||
} |
|||
}); |
|||
break; |
|||
//删除 |
|||
case 'del': |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { |
|||
Action: "UpdInfo", tbName: "oa_kaoqinbulou", sets: "shenpiyijian='拒绝',shenpishijian=now(),state='2'" |
|||
, wheres: "id = '" + data.ID + "'" |
|||
}, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
InitTable(); |
|||
} |
|||
}); |
|||
break; |
|||
} |
|||
}) |
|||
|
|||
|
|||
|
|||
$("#btn_seach").click(function () { |
|||
InitTable(); |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
|
|||
|
|||
</body> |
|||
</html> |
@ -0,0 +1,151 @@ |
|||
<!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" /> |
|||
|
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<style> |
|||
.searchVal { |
|||
width: 200px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-form-label { |
|||
width: 100px; |
|||
} |
|||
</style> |
|||
<script type="text/javascript"> |
|||
$(function () { |
|||
|
|||
function guid() { |
|||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { |
|||
var r = Math.random() * 16 | 0, |
|||
v = c == 'x' ? r : (r & 0x3 | 0x8); |
|||
return v.toString(16); |
|||
}); |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
$("#btn_save").click(function () { |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { |
|||
Action: "InsInfo", tbName: "oa_dangrizhiban", columns: "ID,ZHIBAN_NAME,ORG_NAME,KAISHI_TIME,JIESHU_TIME,ZHIBAN_DAY,HUANGANG,BANCI_NAME" |
|||
, values: "'" + guid() + "','" + $("#ZHIBAN_NAME").val() + "','" + $("#ORG_NAME").val() + "','" + $("#KAISHI_TIME").val() + "','" + |
|||
$("#JIESHU_TIME").val() + "','" + $("#ZHIBAN_DAY").val() + "','" + $("#HUANGANG").val() + "','" + $("#BANCI_NAME").val() + "'" |
|||
}, |
|||
|
|||
|
|||
dataType: "json", |
|||
success: function (result) { |
|||
var index = parent.layer.getFrameIndex(window.name); // 获取当前弹框的索引 |
|||
parent.layer.close(index); // 关闭当前弹框 |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
</head> |
|||
<body style="border: 1px solid #0c6f89; |
|||
background: rgba(12, 70, 100, 0.8); |
|||
padding: 20px; |
|||
box-sizing: border-box; |
|||
"> |
|||
<div style="float:left;width:100%;height:100%;"> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
值班人员 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_NAME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
营区 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ORG_NAME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
开始时间 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="KAISHI_TIME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
结束时间 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="JIESHU_TIME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
值班日期 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_DAY" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
是否换岗 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="HUANGANG" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
班次名称 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="BANCI_NAME" /> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="layui-form-item"> |
|||
<div class="layui-input-block"> |
|||
<button class="layui-btn" id="btn_save">确定</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
@ -0,0 +1,158 @@ |
|||
<!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" /> |
|||
|
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<style> |
|||
.searchVal { |
|||
width: 200px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-form-label { |
|||
width: 100px; |
|||
} |
|||
</style> |
|||
<script type="text/javascript"> |
|||
$(function () { |
|||
|
|||
$("#btn_save").click(function () { |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { |
|||
Action: "UpdInfo", tbName: "oa_dangrizhiban", sets: "ZHIBAN_NAME='" + $("#ZHIBAN_NAME").val() + "',ORG_NAME='" + $("#ORG_NAME").val() + "',KAISHI_TIME='" + $("#KAISHI_TIME").val() + |
|||
"',JIESHU_TIME='" + $("#JIESHU_TIME").val() + "',ZHIBAN_DAY='" + $("#ZHIBAN_DAY").val() + "',HUANGANG='" + $("#HUANGANG").val() + "',BANCI_NAME='" + $("#BANCI_NAME").val() + "'" |
|||
, wheres: "id = '" + $("#ID").val() + "'" |
|||
}, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
var index = parent.layer.getFrameIndex(window.name); // 获取当前弹框的索引 |
|||
parent.layer.close(index); // 关闭当前弹框 |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
</head> |
|||
<body style="border: 1px solid #0c6f89;background: rgba(12, 70, 100, 0.8);padding: 20px;box-sizing: border-box;"> |
|||
<div style="float:left;width:49%;height:100%;"> |
|||
<fieldset class="layui-elem-field layui-field-title"> |
|||
<legend>信息</legend> |
|||
</fieldset> |
|||
<input class="layui-input" id="ID" type="hidden" /> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
值班人员 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_NAME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
营区 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ORG_NAME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
开始时间 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="KAISHI_TIME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
结束时间 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="JIESHU_TIME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
值班日期 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_DAY" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
是否换岗 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="HUANGANG" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
班次名称 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="BANCI_NAME" /> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="layui-form-item"> |
|||
<div class="layui-input-block"> |
|||
<button class="layui-btn" id="btn_save">确定</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="float:left;position: absolute;left: 50%;top: 0;z-index: 0;width: 2px;height: 100%;background: linear-gradient(rgba(52, 1, 255, .8), rgba(255,1,255,.8));"></div> |
|||
<div style="float:right;width:49%;height:100%;padding-left:20px"> |
|||
<fieldset class="layui-elem-field layui-field-title"> |
|||
<legend>流转信息</legend> |
|||
</fieldset> |
|||
<ul id="stepMsg" class="layui-timeline"> |
|||
<li class='layui-timeline-item'> |
|||
<i class='layui-icon layui-icon-circle' style='color:black'></i> |
|||
<div class='layui-timeline-content layui-text'> |
|||
<h4 class='layui-timeline-title' style='font-size: 16px;'><span style='color: #008000 '>【已处理】</span>  步骤:信息创建</h4> |
|||
</div> |
|||
</li> |
|||
<li class='layui-timeline-item'> |
|||
<i class='layui-icon layui-icon-circle' style='color:black'></i> |
|||
<div class='layui-timeline-content layui-text'> |
|||
<h4 class='layui-timeline-title' style='font-size: 16px;'><span style='color: blue '>【待处理】</span>  步骤:审批</h4> |
|||
</div> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</body> |
|||
</html> |
@ -0,0 +1,304 @@ |
|||
<!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" /> |
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<style> |
|||
.searchVal { |
|||
width: 300px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
</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; min-height: 500px; 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="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; "> |
|||
|
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="值班人员、营区、开始时间、结束时间、值班日期、是否换岗、班次名称" class="layui-input" style="width:500px;" id="ipt_seach"> |
|||
</div> |
|||
<button type="button" class="layui-btn layui-btn-normal" id="btn_seach">搜索</button> |
|||
<button type="button" class="layui-btn layui-btn-normal" id="btn_add">添加</button> |
|||
<div class="layui-inline"> |
|||
<a class="layui-btn layui-btn-danger layui-btn-normal" onclick="document.getElementById('btn_upd_hide').click();">导入</a> |
|||
<input type="file" id="btn_upd_hide" style="display:none;" /> |
|||
</div> |
|||
|
|||
|
|||
<table class="layui-hide" id="ItemInfoList" lay-filter="ItemInfoList"></table> |
|||
|
|||
</div> |
|||
|
|||
<script type="text/javascript" src="/js/layui/layui.js"></script> |
|||
|
|||
<script> |
|||
layui.config({ |
|||
base: '/js/' |
|||
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () { |
|||
|
|||
|
|||
//var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID; |
|||
|
|||
var OrgId = 'D8DC637B8B984848A63F82A018AFAEB0'; |
|||
|
|||
|
|||
|
|||
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) { |
|||
|
|||
// search(treeNode.ID, treeNode.TYPE); |
|||
|
|||
selTreeID = treeNode.ID; |
|||
//判断选中标签是否部门 |
|||
if (treeNode.TYPE == "dept") { |
|||
//选中节点是部门 |
|||
selDeptId = treeNode.ID; |
|||
selTreeID = treeNode.PID; |
|||
TREEID = selTreeID; |
|||
} else { |
|||
//选中节点是机构 |
|||
selDeptId = ""; |
|||
TREEID = treeNode.ID; |
|||
} |
|||
|
|||
//search(selTreeID, treeNode.TYPE); |
|||
|
|||
} |
|||
} |
|||
}; |
|||
//初始化树 |
|||
$(function () { |
|||
|
|||
|
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/SysEmpHandler.ashx", |
|||
data: { Action: "OrgDeptTree", OrgId: OrgId }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
var zNodes = result.data; |
|||
if (zNodes.length > 0) { |
|||
for (var i in zNodes) { |
|||
OrgList.push(zNodes[i].ID); |
|||
} |
|||
} |
|||
$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); |
|||
} |
|||
|
|||
} |
|||
}); |
|||
InitTable(); |
|||
}); |
|||
|
|||
|
|||
var table = layui.table; |
|||
|
|||
function InitTable() { |
|||
|
|||
var keys = $("#ipt_seach").val(); |
|||
|
|||
table.render({ |
|||
elem: '#ItemInfoList' |
|||
, url: '/ashx/A_CommonHandler.ashx' |
|||
, where: { |
|||
Action: 'SelInfoPage', tbName: "oa_dangrizhiban", random: new Date().getTime(), wheres: " ZHIBAN_NAME like '%" + keys + "%' or ORG_NAME like '%" + keys + "%' or KAISHI_TIME like '%" + |
|||
keys + "%' or JIESHU_TIME like '%" + keys + "%' or ZHIBAN_DAY like '%" + keys + "%'or HUANGANG like '%" + keys + "%' or BANCI_NAME like '%" + keys + "%' " |
|||
} |
|||
, cellMinWidth: 80 |
|||
, cols: [[ |
|||
{ field: 'ZHIBAN_NAME', align: "center", title: '值班人员' } |
|||
, { field: 'ORG_NAME', align: "center", title: '营区', sort: true } |
|||
, { field: 'KAISHI_TIME', align: "center", title: '开始时间' } |
|||
, { field: 'JIESHU_TIME', align: "center", title: '结束时间' } |
|||
, { field: 'ZHIBAN_DAY', align: "center", title: '值班日期' } |
|||
, { field: 'HUANGANG', align: "center", title: '是否换岗' } |
|||
, { field: 'BANCI_NAME', align: "center", title: '班次名称' } |
|||
, { |
|||
field: 'cz', align: "center", title: '操作', templet: function (d) { |
|||
//console.log(d); |
|||
var htmlStr = '<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> ' + |
|||
' <a lay-event="del"><img src="/images/del.png" style=" height:20px; width:20px; margin-right: 20px; cursor:pointer;" title="删除" /> '; |
|||
return htmlStr; |
|||
} |
|||
} |
|||
]] |
|||
, page: true |
|||
, limits: [10, 15, 20, 50, 999, 9999] |
|||
, toolbar: true |
|||
, defaultToolbar: ['filter', 'print', 'exports'] |
|||
, limit: 15 |
|||
}); |
|||
} |
|||
|
|||
|
|||
//列表操作 |
|||
table.on('tool(ItemInfoList)', function (obj) { |
|||
var layEvent = obj.event; |
|||
data = obj.data; |
|||
|
|||
switch (layEvent) { |
|||
//查看 |
|||
case 'audit': |
|||
|
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpZhiBanDangRiEdit.html", |
|||
success: function (layero, index) { |
|||
var body = layui.layer.getChildFrame('body', index); |
|||
body.find("#ZHIBAN_NAME").val(data.ZHIBAN_NAME); |
|||
body.find("#ORG_NAME").val(data.ORG_NAME); |
|||
body.find("#KAISHI_TIME").val(data.KAISHI_TIME); |
|||
body.find("#JIESHU_TIME").val(data.JIESHU_TIME); |
|||
body.find("#ZHIBAN_DAY").val(data.ZHIBAN_DAY); |
|||
body.find("#HUANGANG").val(data.HUANGANG); |
|||
body.find("#BANCI_NAME").val(data.BANCI_NAME); |
|||
body.find("#btn_save").hide(); |
|||
} |
|||
}); |
|||
break; |
|||
//处理 |
|||
case 'edit': |
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpZhiBanDangRiEdit.html", |
|||
success: function (layero, index) { |
|||
var body = layui.layer.getChildFrame('body', index); |
|||
body.find("#ID").val(data.ID); |
|||
body.find("#ZHIBAN_NAME").val(data.ZHIBAN_NAME); |
|||
body.find("#ORG_NAME").val(data.ORG_NAME); |
|||
body.find("#KAISHI_TIME").val(data.KAISHI_TIME); |
|||
body.find("#JIESHU_TIME").val(data.JIESHU_TIME); |
|||
body.find("#ZHIBAN_DAY").val(data.ZHIBAN_DAY); |
|||
body.find("#HUANGANG").val(data.HUANGANG); |
|||
body.find("#BANCI_NAME").val(data.BANCI_NAME); |
|||
} |
|||
, end: function () { |
|||
// 弹窗关闭的回调 |
|||
// 这里可以执行关闭后的操作 |
|||
console.log('弹窗已关闭'); |
|||
InitTable(); |
|||
} |
|||
}); |
|||
break; |
|||
//删除 |
|||
case 'del': |
|||
|
|||
layer.confirm('是否确认删除?', { icon: 3, title: '提示信息' }, function (index) { |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { Action: "DelInfo", tbName: "oa_dangrizhiban", wheres: " id = '" + data.ID + "'" }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
InitTable(); |
|||
} |
|||
}); |
|||
layer.closeAll(); |
|||
}); |
|||
break; |
|||
} |
|||
}) |
|||
|
|||
|
|||
$("#btn_add").click(function () { |
|||
|
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpZhiBanDangRiAdd.html", |
|||
success: function (layero, index) { |
|||
} |
|||
, end: function () { |
|||
// 弹窗关闭的回调 |
|||
// 这里可以执行关闭后的操作 |
|||
InitTable(); |
|||
} |
|||
}); |
|||
|
|||
}); |
|||
|
|||
$("#btn_seach").click(function () { |
|||
InitTable(); |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
|
|||
|
|||
</body> |
|||
</html> |
@ -0,0 +1,290 @@ |
|||
<!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" /> |
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<style> |
|||
.searchVal { |
|||
width: 300px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
</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; min-height: 500px; 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="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; "> |
|||
|
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="值班人员、营区、开始时间、结束时间、值班日期、是否换岗、班次名称" class="layui-input" style="width:500px;" id="ipt_seach"> |
|||
</div> |
|||
<button type="button" class="layui-btn layui-btn-normal" id="btn_seach">搜索</button> |
|||
|
|||
|
|||
<table class="layui-hide" id="ItemInfoList" lay-filter="ItemInfoList"></table> |
|||
|
|||
</div> |
|||
|
|||
<script type="text/javascript" src="/js/layui/layui.js"></script> |
|||
|
|||
<script> |
|||
layui.config({ |
|||
base: '/js/' |
|||
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () { |
|||
|
|||
|
|||
//var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID; |
|||
|
|||
var OrgId = 'D8DC637B8B984848A63F82A018AFAEB0'; |
|||
|
|||
|
|||
|
|||
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) { |
|||
|
|||
// search(treeNode.ID, treeNode.TYPE); |
|||
|
|||
selTreeID = treeNode.ID; |
|||
//判断选中标签是否部门 |
|||
if (treeNode.TYPE == "dept") { |
|||
//选中节点是部门 |
|||
selDeptId = treeNode.ID; |
|||
selTreeID = treeNode.PID; |
|||
TREEID = selTreeID; |
|||
} else { |
|||
//选中节点是机构 |
|||
selDeptId = ""; |
|||
TREEID = treeNode.ID; |
|||
} |
|||
|
|||
//search(selTreeID, treeNode.TYPE); |
|||
|
|||
} |
|||
} |
|||
}; |
|||
//初始化树 |
|||
$(function () { |
|||
|
|||
|
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/SysEmpHandler.ashx", |
|||
data: { Action: "OrgDeptTree", OrgId: OrgId }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
var zNodes = result.data; |
|||
if (zNodes.length > 0) { |
|||
for (var i in zNodes) { |
|||
OrgList.push(zNodes[i].ID); |
|||
} |
|||
} |
|||
$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); |
|||
} |
|||
|
|||
} |
|||
}); |
|||
InitTable(); |
|||
}); |
|||
|
|||
|
|||
var table = layui.table; |
|||
|
|||
function InitTable() { |
|||
|
|||
var keys = $("#ipt_seach").val(); |
|||
|
|||
table.render({ |
|||
elem: '#ItemInfoList' |
|||
, url: '/ashx/A_CommonHandler.ashx' |
|||
, where: { |
|||
Action: 'SelInfoPage', tbName: "oa_dangrizhiban", random: new Date().getTime(), wheres: " (ZHIBAN_NAME like '%" + keys + "%' or ORG_NAME like '%" + keys + "%' or KAISHI_TIME like '%" + |
|||
keys + "%' or JIESHU_TIME like '%" + keys + "%' or HUANGANG like '%" + keys + "%' or BANCI_NAME like '%" + keys + "%') and zhiban_day = date_format(now(),'%Y-%m-%d') " |
|||
} |
|||
, cellMinWidth: 80 |
|||
, cols: [[ |
|||
{ field: 'ZHIBAN_NAME', align: "center", title: '值班人员' } |
|||
, { field: 'ORG_NAME', align: "center", title: '营区', sort: true } |
|||
, { field: 'KAISHI_TIME', align: "center", title: '开始时间' } |
|||
, { field: 'JIESHU_TIME', align: "center", title: '结束时间' } |
|||
, { field: 'ZHIBAN_DAY', align: "center", title: '值班日期' } |
|||
, { field: 'HUANGANG', align: "center", title: '是否换岗' } |
|||
, { field: 'BANCI_NAME', align: "center", title: '班次名称' } |
|||
]] |
|||
, page: true |
|||
, limits: [10, 15, 20, 50, 999, 9999] |
|||
, toolbar: true |
|||
, defaultToolbar: ['filter', 'print', 'exports'] |
|||
, limit: 15 |
|||
}); |
|||
} |
|||
|
|||
|
|||
//列表操作 |
|||
table.on('tool(ItemInfoList)', function (obj) { |
|||
var layEvent = obj.event; |
|||
data = obj.data; |
|||
|
|||
switch (layEvent) { |
|||
//查看 |
|||
case 'audit': |
|||
|
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpZhiBanDangRiEdit.html", |
|||
success: function (layero, index) { |
|||
var body = layui.layer.getChildFrame('body', index); |
|||
body.find("#ZHIBAN_NAME").val(data.ZHIBAN_NAME); |
|||
body.find("#ORG_NAME").val(data.ORG_NAME); |
|||
body.find("#KAISHI_TIME").val(data.KAISHI_TIME); |
|||
body.find("#JIESHU_TIME").val(data.JIESHU_TIME); |
|||
body.find("#ZHIBAN_DAY").val(data.ZHIBAN_DAY); |
|||
body.find("#HUANGANG").val(data.HUANGANG); |
|||
body.find("#BANCI_NAME").val(data.BANCI_NAME); |
|||
body.find("#btn_save").hide(); |
|||
} |
|||
}); |
|||
break; |
|||
//处理 |
|||
case 'edit': |
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpZhiBanDangRiEdit.html", |
|||
success: function (layero, index) { |
|||
var body = layui.layer.getChildFrame('body', index); |
|||
body.find("#ID").val(data.ID); |
|||
body.find("#ZHIBAN_NAME").val(data.ZHIBAN_NAME); |
|||
body.find("#ORG_NAME").val(data.ORG_NAME); |
|||
body.find("#KAISHI_TIME").val(data.KAISHI_TIME); |
|||
body.find("#JIESHU_TIME").val(data.JIESHU_TIME); |
|||
body.find("#ZHIBAN_DAY").val(data.ZHIBAN_DAY); |
|||
body.find("#HUANGANG").val(data.HUANGANG); |
|||
body.find("#BANCI_NAME").val(data.BANCI_NAME); |
|||
} |
|||
, end: function () { |
|||
// 弹窗关闭的回调 |
|||
// 这里可以执行关闭后的操作 |
|||
console.log('弹窗已关闭'); |
|||
InitTable(); |
|||
} |
|||
}); |
|||
break; |
|||
//删除 |
|||
case 'del': |
|||
|
|||
layer.confirm('是否确认删除?', { icon: 3, title: '提示信息' }, function (index) { |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { Action: "DelInfo", tbName: "oa_dangrizhiban", wheres: " id = '" + data.ID + "'" }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
InitTable(); |
|||
} |
|||
}); |
|||
layer.closeAll(); |
|||
}); |
|||
break; |
|||
} |
|||
}) |
|||
|
|||
|
|||
$("#btn_add").click(function () { |
|||
|
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpZhiBanDangRiAdd.html", |
|||
success: function (layero, index) { |
|||
} |
|||
, end: function () { |
|||
// 弹窗关闭的回调 |
|||
// 这里可以执行关闭后的操作 |
|||
InitTable(); |
|||
} |
|||
}); |
|||
|
|||
}); |
|||
|
|||
$("#btn_seach").click(function () { |
|||
InitTable(); |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
|
|||
|
|||
</body> |
|||
</html> |
@ -0,0 +1,147 @@ |
|||
<!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" /> |
|||
|
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<script type="text/javascript" src="/js/layui/layui.js"></script> |
|||
<style> |
|||
.searchVal { |
|||
width: 200px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-form-label { |
|||
width: 100px; |
|||
} |
|||
</style> |
|||
<script type="text/javascript"> |
|||
|
|||
layui.config({ |
|||
base: '/js/' |
|||
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () { |
|||
var laydate = layui.laydate; |
|||
laydate.render({ |
|||
elem: '#ZHIBAN_DAY' |
|||
, value: new Date() |
|||
}); |
|||
|
|||
$(function () { |
|||
|
|||
function guid() { |
|||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { |
|||
var r = Math.random() * 16 | 0, |
|||
v = c == 'x' ? r : (r & 0x3 | 0x8); |
|||
return v.toString(16); |
|||
}); |
|||
} |
|||
|
|||
$("#btn_save").click(function () { |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { |
|||
Action: "InsInfo", tbName: "oa_fanghuobanzhiban", columns: "ID,ZHIBAN_DAY,ZHIBAN_NAME,ORG_NAME,ZHIBAN_MOBILE,ZHIBAN_RENYUAN,ZHIBAN_BANZHANG" |
|||
, values: "'" + guid() + "','" + $("#ZHIBAN_DAY").val() + "','" + $("#ZHIBAN_NAME").val() + "','" + $("#ORG_NAME").val() + "','" + |
|||
$("#ZHIBAN_MOBILE").val() + "','" + $("#ZHIBAN_RENYUAN").val() + "','" + $("#ZHIBAN_BANZHANG").val() + "' " |
|||
}, |
|||
|
|||
|
|||
dataType: "json", |
|||
success: function (result) { |
|||
var index = parent.layer.getFrameIndex(window.name); // 获取当前弹框的索引 |
|||
parent.layer.close(index); // 关闭当前弹框 |
|||
} |
|||
}); |
|||
}); |
|||
}); |
|||
}); |
|||
</script> |
|||
</head> |
|||
<body style="border: 1px solid #0c6f89;background: rgba(12, 70, 100, 0.8);padding: 20px;box-sizing: border-box;"> |
|||
<div style="float:left;width:100%;height:100%;"> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
值班日期 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_DAY" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
姓名 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_NAME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
营区 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ORG_NAME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
电话 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_MOBILE" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
值班人员 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_RENYUAN" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
值班班长 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_BANZHANG" /> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="layui-form-item"> |
|||
<div class="layui-input-block"> |
|||
<button class="layui-btn" id="btn_save">确定</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
@ -0,0 +1,136 @@ |
|||
<!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" /> |
|||
|
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<script type="text/javascript" src="/js/layui/layui.js"></script> |
|||
<style> |
|||
.searchVal { |
|||
width: 200px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-form-label { |
|||
width: 100px; |
|||
} |
|||
</style> |
|||
<script type="text/javascript"> |
|||
layui.config({ |
|||
base: '/js/' |
|||
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () { |
|||
var laydate = layui.laydate; |
|||
laydate.render({ |
|||
elem: '#ZHIBAN_DAY' |
|||
, value: new Date() |
|||
}); |
|||
$(function () { |
|||
|
|||
$("#btn_save").click(function () { |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { |
|||
Action: "UpdInfo", tbName: "oa_fanghuobanzhiban", sets: "ZHIBAN_DAY='" + $("#ZHIBAN_DAY").val() + "',ZHIBAN_NAME='" + $("#ZHIBAN_NAME").val() + "',ORG_NAME='" + $("#ORG_NAME").val() + |
|||
"',ZHIBAN_MOBILE='" + $("#ZHIBAN_MOBILE").val() + "',ZHIBAN_RENYUAN='" + $("#ZHIBAN_RENYUAN").val() + "',ZHIBAN_BANZHANG='" + $("#ZHIBAN_BANZHANG").val() + "' " |
|||
, wheres: "id = '" + $("#ID").val() + "'" |
|||
}, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
var index = parent.layer.getFrameIndex(window.name); // 获取当前弹框的索引 |
|||
parent.layer.close(index); // 关闭当前弹框 |
|||
} |
|||
}); |
|||
}); |
|||
}); |
|||
}); |
|||
</script> |
|||
</head> |
|||
<body style="border: 1px solid #0c6f89;background: rgba(12, 70, 100, 0.8);padding: 20px;box-sizing: border-box;"> |
|||
<div style="float:left;width:100%;height:100%;"> |
|||
<input class="layui-input" id="ID" type="hidden" /> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
值班日期 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_DAY" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
姓名 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_NAME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
营区 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ORG_NAME" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
电话 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_MOBILE" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
值班人员 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_RENYUAN" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label"> |
|||
值班班长 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<input class="layui-input" id="ZHIBAN_BANZHANG" /> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="layui-form-item"> |
|||
<div class="layui-input-block"> |
|||
<button class="layui-btn" id="btn_save">确定</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
@ -0,0 +1,291 @@ |
|||
<!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" /> |
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<style> |
|||
.searchVal { |
|||
width: 300px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
</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; min-height: 500px; 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="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; "> |
|||
|
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="姓名、时间、电话、值班班长、值班人员" class="layui-input" style="width:360px;" id="ipt_seach"> |
|||
</div> |
|||
<button type="button" class="layui-btn layui-btn-normal" id="btn_seach">搜索</button> |
|||
<button type="button" class="layui-btn layui-btn-normal" id="btn_add">添加</button> |
|||
<div class="layui-inline"> |
|||
<a class="layui-btn layui-btn-danger layui-btn-normal" onclick="document.getElementById('btn_upd_hide').click();">导入</a> |
|||
<input type="file" id="btn_upd_hide" style="display:none;" /> |
|||
</div> |
|||
|
|||
|
|||
<table class="layui-hide" id="ItemInfoList" lay-filter="ItemInfoList"></table> |
|||
|
|||
</div> |
|||
|
|||
<script type="text/javascript" src="/js/layui/layui.js"></script> |
|||
|
|||
<script> |
|||
layui.config({ |
|||
base: '/js/' |
|||
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () { |
|||
|
|||
|
|||
//var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID; |
|||
|
|||
var OrgId = 'D8DC637B8B984848A63F82A018AFAEB0'; |
|||
|
|||
|
|||
|
|||
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) { |
|||
|
|||
|
|||
selTreeID = treeNode.ID; |
|||
|
|||
} |
|||
} |
|||
}; |
|||
//初始化树 |
|||
$(function () { |
|||
|
|||
|
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/SysEmpHandler.ashx", |
|||
data: { Action: "OrgDeptTree", OrgId: OrgId }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
var zNodes = result.data; |
|||
if (zNodes.length > 0) { |
|||
for (var i in zNodes) { |
|||
OrgList.push(zNodes[i].ID); |
|||
} |
|||
} |
|||
$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); |
|||
} |
|||
|
|||
} |
|||
}); |
|||
InitTable(); |
|||
}); |
|||
|
|||
|
|||
|
|||
|
|||
var table = layui.table; |
|||
|
|||
|
|||
|
|||
function InitTable() { |
|||
|
|||
var keys = $("#ipt_seach").val(); |
|||
|
|||
table.render({ |
|||
elem: '#ItemInfoList' |
|||
, url: '/ashx/A_CommonHandler.ashx' |
|||
, where: { |
|||
Action: 'SelInfoPage', tbName: "oa_fanghuobanzhiban", random: new Date().getTime(), wheres: " zhiban_day like '%" + keys + "%' or zhiban_name like '%" + keys + |
|||
"%' or org_name like '%" + keys + "%' or zhiban_mobile like '%" + keys + "%' or zhiban_renyuan like '%" + keys + "%' or zhiban_banzhang like '%" + keys + "%' " |
|||
} |
|||
, cellMinWidth: 80 |
|||
, cols: [[ |
|||
{ field: 'ZHIBAN_DAY', align: "center", title: '值班日期' } |
|||
, { field: 'ZHIBAN_NAME', align: "center", title: '姓名', sort: true } |
|||
, { field: 'ORG_NAME', align: "center", title: '营区' } |
|||
, { field: 'ZHIBAN_MOBILE', align: "center", title: '电话' } |
|||
, { field: 'ZHIBAN_RENYUAN', align: "center", title: '值班人员' } |
|||
, { field: 'ZHIBAN_BANZHANG', align: "center", title: '值班班长' } |
|||
, { |
|||
field: 'cz', align: "center", title: '操作', templet: function (d) { |
|||
//console.log(d); |
|||
var htmlStr = '<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> ' + |
|||
' <a lay-event="del"><img src="/images/del.png" style=" height:20px; width:20px; margin-right: 20px; cursor:pointer;" title="删除" /> '; |
|||
return htmlStr; |
|||
} |
|||
} |
|||
]] |
|||
, page: true |
|||
, limits: [10, 15, 20, 50, 999, 9999] |
|||
, toolbar: true |
|||
, defaultToolbar: ['filter', 'print', 'exports'] |
|||
, limit: 15 |
|||
}); |
|||
} |
|||
|
|||
|
|||
//列表操作 |
|||
table.on('tool(ItemInfoList)', function (obj) { |
|||
var layEvent = obj.event; |
|||
data = obj.data; |
|||
|
|||
switch (layEvent) { |
|||
//查看 |
|||
case 'audit': |
|||
|
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpZhiBanFangHuoEdit.html", |
|||
success: function (layero, index) { |
|||
var body = layui.layer.getChildFrame('body', index); |
|||
body.find("#ZHIBAN_DAY").val(data.ZHIBAN_DAY); |
|||
body.find("#ZHIBAN_NAME").val(data.ZHIBAN_NAME); |
|||
body.find("#ORG_NAME").val(data.ORG_NAME); |
|||
body.find("#ZHIBAN_MOBILE").val(data.ZHIBAN_MOBILE); |
|||
body.find("#ZHIBAN_RENYUAN").val(data.ZHIBAN_RENYUAN); |
|||
body.find("#ZHIBAN_BANZHANG").val(data.ZHIBAN_BANZHANG); |
|||
body.find("#btn_save").hide(); |
|||
} |
|||
}); |
|||
break; |
|||
//处理 |
|||
case 'edit': |
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpZhiBanFangHuoEdit.html", |
|||
success: function (layero, index) { |
|||
var body = layui.layer.getChildFrame('body', index); |
|||
body.find("#ID").val(data.ID); |
|||
body.find("#ZHIBAN_DAY").val(data.ZHIBAN_DAY); |
|||
body.find("#ZHIBAN_NAME").val(data.ZHIBAN_NAME); |
|||
body.find("#ORG_NAME").val(data.ORG_NAME); |
|||
body.find("#ZHIBAN_MOBILE").val(data.ZHIBAN_MOBILE); |
|||
body.find("#ZHIBAN_RENYUAN").val(data.ZHIBAN_RENYUAN); |
|||
body.find("#ZHIBAN_BANZHANG").val(data.ZHIBAN_BANZHANG); |
|||
} |
|||
, end: function () { |
|||
// 弹窗关闭的回调 |
|||
// 这里可以执行关闭后的操作 |
|||
console.log('弹窗已关闭'); |
|||
InitTable(); |
|||
} |
|||
}); |
|||
break; |
|||
//删除 |
|||
case 'del': |
|||
|
|||
layer.confirm('是否确认删除?', { icon: 3, title: '提示信息' }, function (index) { |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { Action: "DelInfo", tbName: "oa_fanghuobanzhiban", wheres: " id = '" + data.ID + "'" }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
InitTable(); |
|||
} |
|||
}); |
|||
layer.closeAll(); |
|||
}); |
|||
break; |
|||
} |
|||
}) |
|||
|
|||
|
|||
$("#btn_add").click(function () { |
|||
|
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpZhiBanFangHuoAdd.html", |
|||
success: function (layero, index) { |
|||
} |
|||
, end: function () { |
|||
// 弹窗关闭的回调 |
|||
// 这里可以执行关闭后的操作 |
|||
InitTable(); |
|||
} |
|||
}); |
|||
|
|||
}); |
|||
|
|||
$("#btn_seach").click(function () { |
|||
InitTable(); |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
|
|||
|
|||
</body> |
|||
</html> |
@ -0,0 +1,258 @@ |
|||
<!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" /> |
|||
<script src="/js/jquery-2.1.3.min.js"></script> |
|||
<link rel="stylesheet" href="/css/ztree/metro/ztree.css" /> |
|||
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/public.css" media="all" /> |
|||
<link href="/Index/css/zhgl-style.css" rel="stylesheet" /> |
|||
<link rel="stylesheet" href="/css/right-list.css" media="all" /> |
|||
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" /> |
|||
<style> |
|||
.searchVal { |
|||
width: 300px; |
|||
} |
|||
|
|||
.layui-laypage { |
|||
margin: 10px 20%; |
|||
} |
|||
|
|||
.ztree { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.layui-layer-btn { |
|||
background-color: #164D6A; |
|||
} |
|||
|
|||
.layui-layer-content { |
|||
background-color: #164D6A; |
|||
} |
|||
</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; min-height: 500px; 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="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; "> |
|||
|
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="姓名、时间、电话、值班班长、值班人员" class="layui-input" style="width:360px;" id="ipt_seach"> |
|||
</div> |
|||
<button type="button" class="layui-btn layui-btn-normal" id="btn_seach">搜索</button> |
|||
|
|||
<table class="layui-hide" id="ItemInfoList" lay-filter="ItemInfoList"></table> |
|||
|
|||
</div> |
|||
|
|||
<script type="text/javascript" src="/js/layui/layui.js"></script> |
|||
|
|||
<script> |
|||
layui.config({ |
|||
base: '/js/' |
|||
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () { |
|||
|
|||
|
|||
//var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID; |
|||
|
|||
var OrgId = 'D8DC637B8B984848A63F82A018AFAEB0'; |
|||
|
|||
|
|||
|
|||
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) { |
|||
|
|||
|
|||
selTreeID = treeNode.ID; |
|||
|
|||
} |
|||
} |
|||
}; |
|||
//初始化树 |
|||
$(function () { |
|||
|
|||
|
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/SysEmpHandler.ashx", |
|||
data: { Action: "OrgDeptTree", OrgId: OrgId }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
var zNodes = result.data; |
|||
if (zNodes.length > 0) { |
|||
for (var i in zNodes) { |
|||
OrgList.push(zNodes[i].ID); |
|||
} |
|||
} |
|||
$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); |
|||
} |
|||
|
|||
} |
|||
}); |
|||
InitTable(); |
|||
}); |
|||
|
|||
|
|||
|
|||
|
|||
var table = layui.table; |
|||
|
|||
|
|||
|
|||
function InitTable() { |
|||
|
|||
var keys = $("#ipt_seach").val(); |
|||
|
|||
table.render({ |
|||
elem: '#ItemInfoList' |
|||
, url: '/ashx/A_CommonHandler.ashx' |
|||
, where: { |
|||
Action: 'SelInfoPage', tbName: "oa_fanghuobanzhiban", random: new Date().getTime(), wheres: " (zhiban_day like '%" + keys + "%' or zhiban_name like '%" + keys + |
|||
"%' or org_name like '%" + keys + "%' or zhiban_mobile like '%" + keys + "%' or zhiban_renyuan like '%" + keys + "%' or zhiban_banzhang like '%" + keys + "%') and " + |
|||
" zhiban_day>=DATE_SUB(CURDATE(), INTERVAL WEEKDAY(now()) DAY) and zhiban_day <=DATE_ADD(DATE_SUB(CURDATE(), INTERVAL WEEKDAY(now()) DAY), INTERVAL 6 DAY) " |
|||
, columns: " *,CASE DAYOFWEEK( zhiban_day) WHEN 1 THEN '周日' WHEN 2 THEN '周一' WHEN 3 THEN '周二' WHEN 4 THEN '周三' WHEN 5 THEN '周四' WHEN 6 THEN '周五' WHEN 7 THEN '周六' END xq " |
|||
} |
|||
, cellMinWidth: 80 |
|||
, cols: [[ |
|||
{ field: 'ZHIBAN_DAY', align: "center", title: '值班日期', sort: true } |
|||
, { field: 'XQ', align: "center", title: '星期', sort: true } |
|||
, { field: 'ZHIBAN_NAME', align: "center", title: '姓名', sort: true } |
|||
, { field: 'ORG_NAME', align: "center", title: '营区' } |
|||
, { field: 'ZHIBAN_MOBILE', align: "center", title: '电话' } |
|||
, { field: 'ZHIBAN_RENYUAN', align: "center", title: '值班人员' } |
|||
, { field: 'ZHIBAN_BANZHANG', align: "center", title: '值班班长' } |
|||
]] |
|||
, page: true |
|||
, limits: [10, 15, 20, 50, 999, 9999] |
|||
, toolbar: true |
|||
, defaultToolbar: ['filter', 'print', 'exports'] |
|||
, limit: 15 |
|||
}); |
|||
} |
|||
|
|||
|
|||
//列表操作 |
|||
table.on('tool(ItemInfoList)', function (obj) { |
|||
var layEvent = obj.event; |
|||
data = obj.data; |
|||
|
|||
switch (layEvent) { |
|||
//查看 |
|||
case 'audit': |
|||
|
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpZhiBanFangHuoEdit.html", |
|||
success: function (layero, index) { |
|||
var body = layui.layer.getChildFrame('body', index); |
|||
body.find("#ZHIBAN_DAY").val(data.ZHIBAN_DAY); |
|||
body.find("#ZHIBAN_NAME").val(data.ZHIBAN_NAME); |
|||
body.find("#ORG_NAME").val(data.ORG_NAME); |
|||
body.find("#ZHIBAN_MOBILE").val(data.ZHIBAN_MOBILE); |
|||
body.find("#ZHIBAN_RENYUAN").val(data.ZHIBAN_RENYUAN); |
|||
body.find("#ZHIBAN_BANZHANG").val(data.ZHIBAN_BANZHANG); |
|||
body.find("#btn_save").hide(); |
|||
} |
|||
}); |
|||
break; |
|||
//处理 |
|||
case 'edit': |
|||
var clientWidth = parseInt(document.body.clientWidth * 0.6) + 'px'; |
|||
var clientHeight = parseInt(document.body.clientHeight * 0.8) + 'px'; |
|||
var index = layui.layer.open({ |
|||
title: "信息编辑", |
|||
type: 2, |
|||
area: [clientWidth, clientHeight], |
|||
maxmin: true, |
|||
content: "EmpZhiBanFangHuoEdit.html", |
|||
success: function (layero, index) { |
|||
var body = layui.layer.getChildFrame('body', index); |
|||
body.find("#ID").val(data.ID); |
|||
body.find("#ZHIBAN_DAY").val(data.ZHIBAN_DAY); |
|||
body.find("#ZHIBAN_NAME").val(data.ZHIBAN_NAME); |
|||
body.find("#ORG_NAME").val(data.ORG_NAME); |
|||
body.find("#ZHIBAN_MOBILE").val(data.ZHIBAN_MOBILE); |
|||
body.find("#ZHIBAN_RENYUAN").val(data.ZHIBAN_RENYUAN); |
|||
body.find("#ZHIBAN_BANZHANG").val(data.ZHIBAN_BANZHANG); |
|||
} |
|||
, end: function () { |
|||
// 弹窗关闭的回调 |
|||
// 这里可以执行关闭后的操作 |
|||
console.log('弹窗已关闭'); |
|||
InitTable(); |
|||
} |
|||
}); |
|||
break; |
|||
//删除 |
|||
case 'del': |
|||
|
|||
layer.confirm('是否确认删除?', { icon: 3, title: '提示信息' }, function (index) { |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "/ashx/A_CommonHandler.ashx", |
|||
data: { Action: "DelInfo", tbName: "oa_fanghuobanzhiban", wheres: " id = '" + data.ID + "'" }, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
InitTable(); |
|||
} |
|||
}); |
|||
layer.closeAll(); |
|||
}); |
|||
break; |
|||
} |
|||
}) |
|||
|
|||
|
|||
$("#btn_seach").click(function () { |
|||
InitTable(); |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
|
|||
|
|||
</body> |
|||
</html> |
Loading…
Reference in new issue