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

615 lines
30 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" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Cache" content="no-cache" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
<link rel="stylesheet" href="../../css/public.css" media="all" />
<link rel="stylesheet" href="../../iconfont/iconfont.css" media="all" />
<link rel="stylesheet" href="../../css/bulletframe.css" media="all" />
<script src="../../js/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="../../js/jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript" src="../../js/jq_extend.js"></script>
<style>
.layui-input-inline {
width: 360px;
}
.layui-inline {
line-height: 50px;
}
.redflag {
color: red;
}
.layui-form-checkbox[lay-skin=primary] span {
color: #fff;
}
.layui-form-label {
width: 70px;
}
.layui-input-block {
margin-left: 100px;
}
</style>
</head>
<body class="childrenBody">
<div style="width: 70%; float: left;">
<form class="layui-form" style="width: 100%;">
<div style="float: right; height: 190px; width: 160px;position: absolute;right: 32%">
<!--<img class="layui-upload-img" style="width: 70% !important;height: 100% !important;" src="../../images/geren.png" />-->
<div class="layui-input-block" style="margin-left: 10px;">
<div class="layui-upload">
<div class="layui-upload-list">
<img class="layui-upload-img" id="photo" style="width:147px !important;height:173px !important" src="../../images/imgPerDefaut.jpg" />
</div>
</div>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline" style="width: 290px;">
<label class="layui-form-label label-required-next">
姓名
</label>
<div class="layui-input-block">
<input disabled=disabled type="text" class="layui-input ipttycls" id="emp_name" lay-verify="required" autocomplete="off" maxlength="25" />
</div>
</div>
<div class="layui-input-inline" style="width: 290px;">
<label class="layui-form-label label-required-next">
所属部门
</label>
<div class="layui-input-block">
<input disabled=disabled type="text" class="layui-input ipttycls" id="deptName" autocomplete="off" maxlength="25" />
</div>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline" style="width: 160px;">
<label class="layui-form-label label-required-next">
性别
</label>
<div class="layui-input-block">
<input disabled=disabled type="text" class="layui-input ipttycls" id="emp_sex" lay-verify="required" autocomplete="off" maxlength="25" />
</div>
</div>
<div class="layui-input-inline" style="width: 420px;" id="divOrgEdit">
<label class="layui-form-label label-required-next" style="width: 90px">
所属消防机关
</label>
<div class="layui-input-block" disabled="disabled" style="margin-left: 120px">
<input disabled=disabled type="text" class="layui-input ipttycls" id="orgName" autocomplete="off" maxlength="25" />
</div>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline" style="width: 290px;">
<label class="layui-form-label label-required-next">
身份证号
</label>
<div class="layui-input-block">
<input disabled=disabled type="text" class="layui-input ipttycls" id="idnumber" autocomplete="off" />
</div>
</div>
<div class="layui-input-inline" style="width: 290px;">
<label class="layui-form-label label-required-next">
手机号
</label>
<div class="layui-input-block">
<input disabled=disabled type="text" class="layui-input ipttycls" id="emp_mobile" lay-verify="phone" autocomplete="off" />
</div>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline" style="width: 290px;">
<label class="layui-form-label label-required-next">
出生年月
</label>
<div class="layui-input-block">
<input disabled=disabled type="text" class="layui-input ipttycls" id="birthday" autocomplete="off" lay-verify="required" />
</div>
</div>
<div class="layui-input-inline " style="width: 290px;">
<label class="layui-form-label label-required-next">
编号
</label>
<div class="layui-input-block">
<input disabled=disabled type="text" class="layui-input ipttycls" id="emp_num" autocomplete="off" />
</div>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline" style="width: 250px">
<label class="layui-form-label">
年龄
</label>
<div class="layui-input-block">
<input style="width: 120px" disabled=disabled type="text" class="layui-input ipttycls" id="age" autocomplete="off" />
</div>
</div>
<div class="layui-input-inline" style="width: 246px">
<label class="layui-form-label">
电子邮件
</label>
<div class="layui-input-block">
<input style="width: 150px" disabled=disabled type="text" class="layui-input ipttycls" id="emp_email" autocomplete="off" />
</div>
</div>
<div class="layui-input-inline" style="width: 250px">
<label class="layui-form-label">
民族
</label>
<div class="layui-input-block">
<input style="width: 120px" disabled=disabled type="text" class="layui-input ipttycls" id="nationName" autocomplete="off" maxlength="100" />
</div>
</div>
</div>
<div class="layui-inline" style="width: 724px;">
<div class="layui-input-inline" style="width: 100%;">
<label class="layui-form-label" style="line-height: 25px;">
现家庭住址
</label>
<div class="layui-input-block">
<input disabled=disabled type="text" class="layui-input ipttycls" id="familyaddr" autocomplete="off" maxlength="100" />
</div>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline" style="width: 250px">
<label class="layui-form-label" style="line-height: 25px;">
学历
</label>
<div class="layui-input-block">
<input style="width: 120px" disabled=disabled type="text" class="layui-input ipttycls" id="certName" autocomplete="off" maxlength="100" />
</div>
</div>
<div class="layui-input-inline" style="width: 246px">
<label class="layui-form-label">
政治面貌
</label>
<div class="layui-input-block">
<input style="width: 150px" disabled=disabled type="text" class="layui-input ipttycls" id="faceName" autocomplete="off" maxlength="100" />
</div>
</div>
<div class="layui-input-inline" style="width: 250px">
<label class="layui-form-label label-required-next">
在岗情况
</label>
<div class="layui-input-block">
<input style="width: 120px" disabled=disabled type="text" class="layui-input ipttycls" id="isWorkName" autocomplete="off" maxlength="100" />
</div>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline" style="width: 250px">
<label class="layui-form-label ">
职位类型
</label>
<div class="layui-input-block">
<input style="width: 120px" disabled=disabled type="text" class="layui-input ipttycls" id="profName" autocomplete="off" maxlength="100" />
</div>
</div>
<div class="layui-input-inline" style="width: 250px">
<label class="layui-form-label">
入伍时间
</label>
<div class="layui-input-block">
<input style="width: 150px" disabled=disabled type="text" class="layui-input ipttycls" id="enlisted_time" autocomplete="off" />
</div>
</div>
<div class="layui-input-inline" style="width: 246px">
<label class="layui-form-label">
消防救援衔
</label>
<div class="layui-input-block">
<input style="width: 116px" disabled=disabled type="text" class="layui-input ipttycls" id="polName" autocomplete="off" maxlength="100" />
</div>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline">
<div class="layui-input-inline">
<label class="layui-form-label">
职务
</label>
<div class="layui-input-block">
<input disabled=disabled id="posts" class="layui-input ipttycls" />
</div>
</div>
</div>
<div class="layui-input-inline">
<label class="layui-form-label label-required-next">
标签
</label>
<div class="layui-input-block">
<input disabled=disabled id="tags" class="layui-input ipttycls" />
</div>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline" style="width: 180px">
<label class="layui-form-label label-required-next" style="width: 90px">
年休假天数
</label>
<div class="layui-input-block">
<input style="width: 50px" disabled=disabled type="text" class="layui-input ipttycls" id="ALL_ANNUAL_LEAVE" autocomplete="off" lay-verify="required|number" value="0" />
</div>
</div>
<div class="layui-input-inline" style="width: 180px">
<label class="layui-form-label label-required-next" style="width: 100px">
剩余年休假天数
</label>
<div class="layui-input-block">
<input style="width: 50px" disabled=disabled type="text" class="layui-input ipttycls" id="AVAILABLE_ANNUAL_LEAVE" autocomplete="off" lay-verify="required|number" value="0" />
</div>
</div>
<div class="layui-input-inline" style="width: 180px">
<label class="layui-form-label" style="width: 90px">
是否允许外出
</label>
<div class="layui-input-block">
<input style="width: 60px" disabled=disabled id="isAccess" class="layui-input ipttycls" />
</div>
</div>
<div class="layui-input-inline" style="width: 180px">
<label class="layui-form-label" style="width: 90px">
是否为驾驶员
</label>
<div class="layui-input-block">
<input style="width: 60px" disabled=disabled id="isdriver" class="layui-input ipttycls" />
</div>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline">
<div id="div_AccessAllowedMode">
<label class="layui-form-label" style="width: 90px">
允许出入方式
</label>
<div class="layui-input-block" style="margin-left: 120px">
<input disabled=disabled id="AccessAllowedMode" class="layui-input ipttycls" />
</div>
</div>
</div>
<div class="layui-input-inline">
<div id="is_TimeSlot">
<label class="layui-form-label" style="width: 100px">
允许出入时间段
</label>
<div class="layui-input-block">
<div disabled=disabled id="during_access_period_value" style="margin-bottom:10px"></div>
</div>
</div>
</div>
</div>
<div class="layui-center">
<a class="layui-btn layui-btn-normal addNews_btn" style="margin-top:20px;" onclick="approval('1')" lay-submit=lay-submit>同意</a>
<a class="layui-btn layui-btn-danger addNews_btn" style="margin-top:20px;" onclick="approval('3')" lay-submit=lay-submit>拒绝</a>
</div>
</form>
</div>
<div style="float:left;position: absolute;left: 70%;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:28%;height:100%;padding-left:20px">
<fieldset class="layui-elem-field layui-field-title">
<legend>流转信息</legend>
</fieldset>
<ul id="stepMsg" class="layui-timeline"></ul>
</div>
<script type="text/javascript" src="../../layui/layui.js"></script>
<link rel="stylesheet" href="../../css/bulletframebg.css" media="all" />
<script type="text/javascript">
layui.use(['form', 'layer'], function () {
var form = layui.form,
layer = parent.layer === undefined ? layui.layer : top.layer;
var userInfo = JSON.parse(window.sessionStorage.getItem("userInfo"));
var userUid = userInfo.UserCode;
var empId = userInfo.EmpId;
var userName = userInfo.USERS_NAME;
var orgId = userInfo.OrgID;
var orgName = userInfo.OrgName;
var cid = $.getUrlVar("cid");
var mid = $.getUrlVar("mid");
var type = $.getUrlVar("type");
var item = null;
$.ajax({
type: "post",
url: "../../ashx/SysEmpMoveHandle.ashx",
async: false,
data: {
Action: "getModelById",
id: cid
},
dataType: "json",
success: function (res) {
item = res.data[0];
if (item.PHOTO != "") {
$("#photo").attr("src", "../../" + item.PHOTO);
}
$("#emp_name").val(item.EMP_NAME);
$("#emp_sex").val(item.EMP_SEX);
$("#orgName").val(item.ORG_NAME);
$("#deptName").val(item.DEPT_NAME);
$("#idnumber").val(item.IDNUMBER);
$("#emp_mobile").val(item.EMP_MOBILE);
$("#birthday").val(item.BIRTHDAY);
$("#emp_num").val(item.EMP_NUM);
$("#age").val(item.AGE);
$("#emp_email").val(item.EMP_EMAIL);
$("#familyaddr").val(item.FAMILYADDR);
$("#certName").val(item.CERT_NAME);
$("#nationName").val(item.NATION_NAME);
$("#faceName").val(item.FACE_NAME);
var IS_WORK_NAME = "";
switch (item.IS_WORK) {
case "1":
IS_WORK_NAME = "在岗";
break;
case "2":
IS_WORK_NAME = "借用";
break;
case "3":
IS_WORK_NAME = "休假";
break;
case "4":
IS_WORK_NAME = "请假";
break;
case "5":
IS_WORK_NAME = "学习";
break;
case "6":
IS_WORK_NAME = "培训";
break;
case "7":
IS_WORK_NAME = "帮工";
break;
case "8":
IS_WORK_NAME = "住院";
break;
case "9":
IS_WORK_NAME = "出差";
break;
case "10":
IS_WORK_NAME = "出国";
break;
case "11":
IS_WORK_NAME = "滞留部队";
break;
case "12":
IS_WORK_NAME = "其他";
break;
case "13":
IS_WORK_NAME = "外出";
break;
}
$("#isWorkName").val(IS_WORK_NAME);
$("#profName").val(item.PROF_NAME);
$("#polName").val(item.POL_NAME);
$("#enlisted_time").val(item.ENLISTED_TIME);
$("#is_SubCampVideo").val(item.IS_SUBCAMPVIDEO == "0" ? "否" : "是");
$("#posts").val(item.POSTS);
$("#ALL_ANNUAL_LEAVE").val(item.ALL_ANNUAL_LEAVE);
$("#AVAILABLE_ANNUAL_LEAVE").val(item.AVAILABLE_ANNUAL_LEAVE);
$("#tags").val(item.TAGS);
$("#isAccess").val(item.IS_ACCESS == "0" ? "允许" : "禁止");
var ACCESSALLOWEDMODE_NAME = "";
switch (item.ACCESSALLOWEDMODE) {
case 1:
ACCESSALLOWEDMODE_NAME = "方式一(天)";
break;
case 2:
ACCESSALLOWEDMODE_NAME = "方式一(周)";
break;
case 3:
ACCESSALLOWEDMODE_NAME = "方式一(节假日)";
break;
}
$("#AccessAllowedMode").val(ACCESSALLOWEDMODE_NAME);
$("#isAdmin").val(item.IS_ADMIN == "0" ? "否" : "是");
$("#isdriver").val(item.ISDRIVER == "0" ? "否" : "是");
var during_access_period_s = item.DURING_ACCESS_PERIOD2.split(",");
var during_access_period_btns = "";
for (var i = 0; i < during_access_period_s.length; i++) {
if (during_access_period_s[i] != "") {
during_access_period_btns += '<button class="layui-btn layui-btn-sm" style="margin:2px 5px"> ' + during_access_period_s[i] + '<i class="layui-icon layui-icon-close"></i></button>';
}
}
$("#during_access_period_value").append(during_access_period_btns);
$("#filenum").val(item.FILENUM);
$("#permissionnum").val(item.PERMISSIONNUM);
$("#firstcard").val(item.FIRSTCARD);
$("#effictivetime").val(item.EFFECTIVETIME);
$("#permittedorgan").val(item.PERMITTEDORGAN);
if (item.IS_ACCESS == "1") {
$("#div_AccessAllowedMode").hide();
$("#is_TimeSlot").hide();
}
}
})
$.ajax({
type: "post",
url: "/ashx/OAEmpApprovalHandler.ashx",
data: { Action: "GetApprovalDetails", mId: cid },
dataType: "json",
success: function (res) {
var waitData = res.data2;
waitData.forEach(function (obj, index, arr) {
console.log(obj);
countSum = index;
var color = "", state = "";
var li = "<li>";
// 状态: 0、待审批;1、审批中;2、同意;3、不同意
switch (obj.OP_STATUS) {
case "0":
li += "<i class='layui-icon layui-icon-circle' style='color:black'></i>";
color = "black";
state = "待处理"
break;
case "2":
li += "<i class='layui-icon layui-icon-ok-circle' style='color:green;font-size:30px'></i>";
color = "green";
state = "同意"
break;
case "3":
li += "<i class='layui-icon layui-icon-close-fill' style='color:red;font-size:30px'></i>";
color = "red";
state = "不同意"
break;
}
li += "<div class='layui-timeline-content layui-text'>";
li += "<h4 class='layui-timeline-title' style='font-size: 16px;'><span style='color:" + color + "'>【" + state + "】</span></h4>";
if (obj.OP_STATUS == "0") {
li += "<p>处理人:" + obj.JS_NAME + "</p>";
} else {
li += "<p>处理人:" + obj.CL_NAME + "</p>";
}
if (obj.OP_STATUS != "0") {
li += "<p>审批时间:" + obj.COMPLETEDTIME + "</p>";
li += "<p>审批意见:" + obj.OP_COMMENT + "</p>";
}
li += "</div></li>"
$("#stepMsg").append(li);
});
}
});
approval = function (status) {
if (status != "3") {
status = type + "";
}
if (item != null) {
var tips1 = status == "3" ? "不同意" : "同意";
var tips2 = "新增";
switch (item.CACHE_TYPE) {
case "2":
tips2 = "跨区调整";
break;
case "3":
tips2 = "删除";
break;
}
layer.confirm(tips1 + '【' + item.EMP_NAME + '】的' + tips2 + '操作申请?', { icon: 3, title: '提示信息' }, function (index) {
layer.close(index);
layui.layer.open({
type: 2,
title: '审批人选择',
area: ['460px', '300px'],
content: 'Approver.html',
btn: ['确定'],
end: function () {//弹出层关闭事件
layui.layer.closeAll();
},
success: function (layero, successIndex) {
if (status == "1") {
var body = layui.layer.getChildFrame('body', successIndex);
body.find("#isShow").show();
}
},
yes: function (yesIndex, layero) {
var body = layui.layer.getChildFrame('body', yesIndex);
var nextStepUid = "", nextStepName = "", nextStepOrgId = "";
if (status == "1") {
var nextStepInfo = body.find("#cert").val().split(",");
var nextStepUid = nextStepInfo[0];
var nextStepName = nextStepInfo[1];
var nextStepOrgId = nextStepInfo[2];
if (nextStepUid == null || nextStepUid == ""
|| nextStepName == null || nextStepName == "") {
layer.msg("请选择审批人!", { icon: 2 });
return false;
}
}
var opComment = body.find("#opComment").val();
if (opComment == null || opComment == "") {
layer.msg("请填写审批意见!", { icon: 2 });
return false;
}
approvalRes = "";
var htmlstr = '<div style="max-height:500px;"><span style="color:#eaa230;">请注意:仔细确认审批情况!</span><br>';
ajaxApproval(item, nextStepUid, nextStepName, nextStepOrgId, opComment, status);
htmlstr += approvalRes + '</div>';
layer.confirm(htmlstr, { icon: 3, title: '提示' }, function (conIndex) {
parent.layer.closeAll();
layui.layer.closeAll();
layer.closeAll();
});
}
});
});
} else {
top.layer.msg("数据异常,无法审批!", { icon: 2,time: 1800 });
}
}
function ajaxApproval(item, nextStepUid, nextStepName, nextStepOrgId, opComment, status) {
$.ajax({
type: "post",
url: "../../ashx/SysEmpMoveHandle.ashx",
async: false,
data: {
Action: "approval",
cid: cid,
mid: mid,
userUid: userUid,
empId: empId,
userName: userName,
opComment: opComment,
opStatus: status,
nextStepUid: nextStepUid,
nextStepName: nextStepName,
nextStepOrgId: nextStepOrgId,
nextStepOrgName: '',
orgId: orgId,
orgName: orgName,
cacheType: item.CACHE_TYPE,
empName: item.EMP_NAME
},
dataType: "json",
success: function (res) {
if (res.code == 0) {
approvalRes += '<div>' + res.msg + '</div><br>';
} else {
approvalRes += '<div style="color:red;">' + res.msg + '</div><br>';
}
}
})
}
})
</script>
</body>
</html>