You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
295 lines
16 KiB
295 lines
16 KiB
<!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" />
|
|
<link rel="stylesheet" href="../../css/ztree/metro/ztree.css" />
|
|
<script src="../../js/websocket/mqttws31.js" type="text/javascript"></script>
|
|
<script src="../../js/websocket/iotpush.js" type="text/javascript"></script>
|
|
<style>
|
|
.layui-elem-quote {
|
|
margin-bottom: 0px;
|
|
}
|
|
.head-modul {
|
|
width: 100%;
|
|
height: 50px;
|
|
}
|
|
.head-con {
|
|
width: 12%;
|
|
height: 100%;
|
|
line-height: 50px;
|
|
float: left;
|
|
text-align: center;
|
|
background: url(../img/line.png) no-repeat right;
|
|
color: #fff;
|
|
}
|
|
.head-con span {
|
|
font-size: 28px;
|
|
color: #00FFFC;
|
|
margin: 1px 0;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div >
|
|
<div>
|
|
<form class="layui-form">
|
|
<blockquote class="layui-elem-quote quoteBox">
|
|
<div class="head-modul">
|
|
<div class="head-con" style="margin-left: 0px;">
|
|
总数：<span id="allNum">0</span>次
|
|
</div>
|
|
<div class="head-con">
|
|
请假：<span id="leaveNum">0</span>次
|
|
</div>
|
|
<div class="head-con">
|
|
用车：<span id="carNum">0</span>次
|
|
</div>
|
|
</div>
|
|
</blockquote>
|
|
<table id="leaveList" lay-filter="leaveList">
|
|
</table>
|
|
<div style="height:20px;"></div>
|
|
<table id="carApplyList" lay-filter="carApplyList">
|
|
</table>
|
|
<!--请假未通过 操作-->
|
|
<script type="text/html" id="oaleaveListBar">
|
|
<a lay-event="audit"><img src="../../images/xiangqing.png" style="height:20px;width:20px;cursor:pointer;" title="查看" /></a>
|
|
</script>
|
|
<!--请假通过 操作-->
|
|
<!--<script type="text/html" id="oaleaveListBar2">
|
|
<a lay-event="audit"><img src="../../images/xiangqing.png" style="height:20px;width:20px;margin-right:20px;cursor:pointer;" title="查看" /></a>
|
|
</script>-->
|
|
|
|
<script type="text/html" id="oacarApplyListBar">
|
|
<a lay-event="audit"><img src="../../images/xiangqing.png" style=" height:20px; width:20px; margin-right 20px; cursor:pointer;" title="详情" /></a>
|
|
</script>
|
|
|
|
</form>
|
|
<script type="text/javascript" src="../../layui/layui.js"></script>
|
|
<script src="../../js/jquery-2.1.3.min.js"></script>
|
|
<script src="../../js/jq_extend.js"></script>
|
|
<script src="../../js/remsg.js" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
layui.config({
|
|
base: '../../js/'
|
|
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate'], function () {
|
|
var form = layui.form,
|
|
layer = layui.layer,
|
|
$ = layui.jquery,
|
|
laytpl = layui.laytpl,
|
|
table = layui.table;
|
|
|
|
var OrgId = "";
|
|
if (typeof ($.getUrlVar("ORG_ID")) == "undefined") {
|
|
OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
|
}
|
|
else {
|
|
OrgId = $.getUrlVar("ORG_ID");
|
|
}
|
|
|
|
var is_content = "";
|
|
if (typeof ($.getUrlVar("is_content")) == "undefined") {
|
|
is_content = "0";
|
|
}
|
|
else {
|
|
is_content = $.getUrlVar("is_content");
|
|
}
|
|
|
|
//var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
|
|
|
//系统列表
|
|
var tableInsLeave = table.render({
|
|
elem: '#leaveList',
|
|
url: '../../ashx/OaLeaveHandler.ashx',
|
|
where: { Action: 'ListAllHomePage', random: new Date().getTime(), orgId: OrgId, is_content: is_content },
|
|
cellMinWidth: 95,
|
|
page: false,
|
|
height: "300",
|
|
id: "leaveListTable",
|
|
cols: [[
|
|
{ field: 'DIC_TEXT', title: '请假类型', minWidth: 100, align: "center" },
|
|
{ field: 'PPL_NAME', title: '申请人', minWidth: 150, align: "center" },
|
|
{ field: 'ORG_NAME', title: '所属消防机构', minWidth: 120, align: "center" },
|
|
{ field: 'S_TIME', title: '开始时间', minWidth: 150, align: "center" },
|
|
{ field: 'E_TIME', title: '结束时间', minWidth: 150, align: "center" },
|
|
{ field: 'L_REASON', title: '事由', align: 'center', minWidth: 120 },
|
|
{
|
|
field: 'STATE', title: '状态', align: 'center', minWidth: 110, templet: function (d) {
|
|
if (d.STATE == "0") {
|
|
return '<span class="layui-badge layui-bg-orange">请假申请中</span>';
|
|
} else if (d.STATE == "1") {
|
|
return '<span class="layui-badge layui-bg-green">请假通过</span>';
|
|
} else if (d.STATE == "2") {
|
|
return '<span class="layui-badge layui-bg-red">请假未通过</span>';
|
|
} else {
|
|
return '<span class="layui-badge layui-bg-orange">请假申请中</span>';
|
|
}
|
|
}
|
|
},
|
|
{
|
|
field: 'IS_RETURN', title: '是否销假', align: 'center', minWidth: 110, templet: function (d) {
|
|
if (d.IS_RETURN == "0") {
|
|
return '<span class="layui-badge layui-bg-orange">销假申请中</span>';
|
|
} else if (d.IS_RETURN == "1") {
|
|
return '<span class="layui-badge layui-bg-gray">未销假</span>';
|
|
} else if (d.IS_RETURN == "2") {
|
|
return '<span class="layui-badge layui-bg-green">已销假</span>';
|
|
} else if (d.IS_RETURN == "3") {
|
|
return '<span class="layui-badge layui-bg-red">销假未通过</span>';
|
|
} else {
|
|
return '<span class="layui-badge layui-bg-gray">未销假</span>';
|
|
}
|
|
}
|
|
},
|
|
{
|
|
title: '操作', minWidth: 110, fixed: "right", align: "center", templet: function (d) {
|
|
|
|
return $('#oaleaveListBar').html();
|
|
|
|
}
|
|
}
|
|
]]
|
|
});
|
|
|
|
var tableInsCar = table.render({
|
|
elem: '#carApplyList',
|
|
url: '../../ashx/CarApplyHandler.ashx',
|
|
//where: { Action: 'UseList', random: new Date().getTime(), OrgId: OrgId, startTime: startTime, endTime: endTime, OrgList: OrgList.join(","), is_content: is_content },
|
|
where: { Action: 'GetUseListHomePage', random: new Date().getTime(), OrgId: OrgId, is_content: is_content},
|
|
cellMinWidth: 95,
|
|
page: false,
|
|
height: "300",
|
|
id: "carApplyTable",
|
|
cols: [[
|
|
{ field: 'CARNUM', title: '车牌号', minWidth: 100, align: "center" },
|
|
{ field: 'USERNAME', title: '使用人', minWidth: 150, align: "center" },
|
|
{ field: 'ORG_NAME', title: '所属消防机构', minWidth: 120, align: "center" },
|
|
|
|
{ field: 'STARTTIME', title: '开始时间', minWidth: 150, align: "center" },
|
|
{ field: 'FINISHTIME', title: '结束时间', minWidth: 150, align: "center" },
|
|
{ field: 'RIDEPURPOSE', title: '事由', minWidth: 120, align: "center" },
|
|
{
|
|
field: 'STATE', title: '状态', align: 'center', minWidth: 110, templet: function (d) {
|
|
if (d.STATE == "0") {
|
|
return '<span class="layui-badge layui-bg-blue">用车申请中</span>';
|
|
} else if (d.STATE == "1") {
|
|
return '<span class="layui-badge layui-bg-green">用车通过</span>';
|
|
} else if (d.STATE == "2") {
|
|
return ' <span class="layui-badge layui-bg-gray">用车未通过</span>';
|
|
} else {
|
|
return '<span class="layui-badge layui-bg-blue">用车申请中</span>';
|
|
}
|
|
}
|
|
},
|
|
{
|
|
field: 'EXTENDCODE2', title: '还车状态', align: 'center', minWidth: 110, templet: function (d) {
|
|
if (d.STATE = "1") {
|
|
if (d.EXTENDCODE2 == "0") {
|
|
return '<span class="layui-badge layui-bg-blue">还车申请中</span>';
|
|
} else if (d.EXTENDCODE2 == "1") {
|
|
return '<span class="layui-badge layui-bg-orange">未还车</span>';
|
|
} else if (d.EXTENDCODE2 == "2") {
|
|
return ' <span class="layui-badge layui-bg-green">已还车</span>';
|
|
} else if (d.EXTENDCODE2 == "3") {
|
|
return ' <span class="layui-badge layui-bg-orange">还车未通过</span>';
|
|
} else {
|
|
return '';
|
|
}
|
|
}
|
|
else {
|
|
return '';
|
|
}
|
|
}
|
|
},
|
|
{
|
|
title: '操作', minWidth: 110, fixed: "right", align: "center", templet: function (d) {
|
|
return $('#oacarApplyListBar').html();
|
|
}
|
|
}
|
|
]]
|
|
});
|
|
|
|
//查看请假进度
|
|
function auditLeave(edit) {
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
|
|
var index = layui.layer.open({
|
|
title: "查看请假单处理进度",
|
|
type: 2,
|
|
area: [clientWidth, clientHeight],
|
|
maxmin: true,
|
|
content: "../../OA/ReportLocation/OaLeaveAudit.html?leaveId=" + edit.ID,
|
|
success: function (layero, index) {
|
|
var body = layui.layer.getChildFrame('body', index);
|
|
var iframe = window['layui-layer-iframe' + index];
|
|
body.find(".ID").val(edit.ID)//ID与action是一个隐藏的元素
|
|
body.find(".Action").val("view");
|
|
}
|
|
})
|
|
window.sessionStorage.setItem("index", index);
|
|
//改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
|
|
$(window).on("resize", function () {
|
|
layui.layer.full(window.sessionStorage.getItem("index"));
|
|
})
|
|
}
|
|
|
|
|
|
//列表操作
|
|
table.on('tool(leaveList)', function (obj) {
|
|
var layEvent = obj.event;
|
|
data = obj.data;
|
|
if (layEvent == 'audit') {//查看
|
|
auditLeave(data);
|
|
}
|
|
})
|
|
|
|
//查看进度
|
|
function auditCar(data) {
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
|
|
var index = layui.layer.open({
|
|
title: "查看申请单处理进度",
|
|
type: 2,
|
|
area: [clientWidth, clientHeight],
|
|
maxmin: true,
|
|
content: "../../OA/Vehicle/carAudit.html?applyId=" + data.ID, // + "&waitId=20583a98-5647-48ac-a99f-48becfc0470e",
|
|
success: function (layero, index) {
|
|
var body = layui.layer.getChildFrame('body', index);
|
|
var iframe = window['layui-layer-iframe' + index];
|
|
body.find(".ID").val(data.ID)//ID与action是一个隐藏的元素
|
|
body.find(".Action").val("view");
|
|
}
|
|
})
|
|
window.sessionStorage.setItem("index", index);
|
|
//改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
|
|
$(window).on("resize", function () {
|
|
layui.layer.full(window.sessionStorage.getItem("index"));
|
|
})
|
|
}
|
|
|
|
//列表操作
|
|
table.on('tool(carApplyList)', function (obj) {
|
|
var layEvent = obj.event;
|
|
data = obj.data;
|
|
if (layEvent == 'audit') {//查看
|
|
auditCar(data);
|
|
}
|
|
})
|
|
})
|
|
</script>
|
|
<link rel="stylesheet" href="../../css/right-list.css" media="all" />
|
|
<link rel="stylesheet" href="../../css/bulletframebg.css" media="all" />
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|