505 lines
24 KiB
Plaintext
505 lines
24 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8"%>
|
||
<%@page import="com.sipai.entity.visit.VisitCommString"%>
|
||
<%request.setAttribute("START", VisitCommString.STATUS_VISIT_START); %>
|
||
<%request.setAttribute("AUDIT", VisitCommString.STATUS_VISIT_AUDIT); %>
|
||
<%request.setAttribute("REJECT", VisitCommString.STATUS_VISIT_REJECT); %>
|
||
<%request.setAttribute("EXECUTE", VisitCommString.STATUS_VISIT_EXECUTE); %>
|
||
<%request.setAttribute("FINISH", VisitCommString.STATUS_VISIT_FINISH); %>
|
||
<%request.setAttribute("REVOKE", VisitCommString.STATUS_VISIT_REVOKE); %>
|
||
<%request.setAttribute("VISIT", VisitCommString.STATUS_VISIT); %>
|
||
<style type="text/css">
|
||
.select2-container .select2-selection--single{
|
||
height:34px;
|
||
line-height: 34px;
|
||
}
|
||
.select2-selection__arrow{
|
||
margin-top:3px;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
//流程审核文件上传所需参数
|
||
var masterId_process = '${visitRegister.id}';//业务Id
|
||
var tbName_process = 'TB_Process_UploadFile'; //数据表
|
||
var nameSpace_process ='ProcessUploadFile';//保存文件夹
|
||
var status = 'delete';//有删除权限
|
||
function doupdate() {
|
||
$("#subForm").bootstrapValidator('validate');//提交验证
|
||
if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
||
$.post(ext.contextPath + "/visit/visitRegister/update.do", $("#subForm").serialize(), function(data) {
|
||
if (data.res == 1){
|
||
closeModal('subModal');
|
||
$("#table").bootstrapTable('refresh');
|
||
}else if(data.res == 0){
|
||
showAlert('d','保存失败');
|
||
}else{
|
||
showAlert('d',data.res);
|
||
}
|
||
},'json');
|
||
}
|
||
}
|
||
//输入框验证
|
||
$("#subForm").bootstrapValidator({
|
||
live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
|
||
fields: {
|
||
number: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '编号不能为空'
|
||
},
|
||
},
|
||
},
|
||
visitUnits: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '参观单位不能为空'
|
||
}
|
||
}
|
||
},
|
||
leaderName: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '领队名称不能为空'
|
||
}
|
||
}
|
||
},
|
||
contactInformation: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '联系方式不能为空'
|
||
}
|
||
}
|
||
},
|
||
visitTime: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '参观时间不能为空'
|
||
}
|
||
}
|
||
},
|
||
insdt: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '填表时间不能为空'
|
||
}
|
||
}
|
||
},
|
||
visitorsNumber: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '参观人数不能为空'
|
||
}
|
||
}
|
||
},
|
||
receptionist: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '接待人不能为空'
|
||
}
|
||
}
|
||
},
|
||
|
||
}
|
||
});
|
||
|
||
var showUser4SelectsFun1 = function(hiddenId,textId) {
|
||
var userIds= $("#"+hiddenId).val();
|
||
$.post(ext.contextPath + '/user/userForSelectByStructure.do', {formId:"subForm",hiddenId:hiddenId,textId:textId,userIds:userIds} , function(data) {
|
||
$("#user4SelectDiv").html(data);
|
||
openModal("user4SelectModal");
|
||
});
|
||
};
|
||
var showUser4SelectsFun = function() {
|
||
var userIds= $("#targetusers").val();
|
||
var jobIds= $("#targetjobs").val();
|
||
$.post(ext.contextPath + '/user/userForSelectByCompany.do', {formId:"subUnitForm",hiddenId:"targetusers",textId:"targetUsersName",userIds:userIds,jobIds:jobIds} , function(data) {
|
||
$("#user4SelectDiv").html(data);
|
||
openModal("user4SelectModal");
|
||
});
|
||
};
|
||
|
||
//提交时先验证审核人不能为空，保存时审核人可以为空
|
||
function submitFun(){
|
||
//新增的输入框添加验证
|
||
$("#subForm").data('bootstrapValidator').addField('auditMan',{
|
||
validators: {
|
||
notEmpty: {
|
||
message: '审核人不能为空'
|
||
},
|
||
}
|
||
});
|
||
dosubmit();
|
||
}
|
||
|
||
function dosubmit(){
|
||
$('#auditManId').val($('#targetusers').val());
|
||
$('#subUnitForm').data('bootstrapValidator')
|
||
.updateStatus('targetUsersName', 'NOT_VALIDATED',null)
|
||
.validateField('targetUsersName');
|
||
$("#subForm").bootstrapValidator('validate');//提交验证
|
||
$("#subUnitForm").bootstrapValidator('validate');//提交验证
|
||
if ($("#subForm").data('bootstrapValidator').isValid() && $("#subUnitForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
||
$.post(ext.contextPath + "/visit/visitRegister/update.do", $("#subForm").serialize(), function(data) {
|
||
var routeNum = $("#routeNum").val();
|
||
if (data.res == 1){
|
||
$.post(ext.contextPath + "/visit/visitRegister/doHandleApply.do", $("#subUnitForm").serialize()+"&routeNum="+routeNum, function(unitdata) {
|
||
if (unitdata.res == 1) {
|
||
closeModal('subModal')
|
||
$("#table").bootstrapTable('refresh');
|
||
}else if(unitdata.res == 0){
|
||
showAlert('d','保存失败');
|
||
}else{
|
||
showAlert('d',data.res);
|
||
}
|
||
},'json');
|
||
}else if(data.res == 0){
|
||
showAlert('d','保存失败');
|
||
}else{
|
||
showAlert('d',data.res);
|
||
}
|
||
},'json');
|
||
}
|
||
}
|
||
var addDetailFun = function() {
|
||
var applyId = $("#id").val();
|
||
$.post(ext.contextPath + '/visit/visitVisitors/doadd.do',{applyId:applyId},
|
||
function(data) {
|
||
$("#subDetailDiv").html(data);
|
||
openModal('subDetailModal');
|
||
});
|
||
}
|
||
|
||
var deletesDetailFun = function(id) {
|
||
var datas="";
|
||
if(id!=null && id!=undefined && id!=''){
|
||
datas = id;
|
||
}else{
|
||
var checkedItems = $("#table_Detail").bootstrapTable('getSelections');
|
||
$.each(checkedItems, function(index, item){
|
||
datas+=item.id+",";
|
||
});
|
||
}
|
||
if(datas==""){
|
||
showAlert('d','请先选择记录','alertDiv');
|
||
}else{
|
||
swal({
|
||
text: "您确定要删除此记录？",
|
||
dangerMode: true,
|
||
buttons: {
|
||
cancel: {
|
||
text: "取消",
|
||
value: null,
|
||
visible: true,
|
||
className: "btn btn-default btn-sm",
|
||
closeModal: true,
|
||
},
|
||
confirm: {
|
||
text: "确定",
|
||
value: true,
|
||
visible: true,
|
||
className: "btn btn-danger btn-sm",
|
||
closeModal: true
|
||
}
|
||
}
|
||
})
|
||
.then(function(willDelete) {
|
||
if (willDelete) {
|
||
$.post(ext.contextPath + '/visit/visitVisitors/dodeletes.do', {ids:datas} , function(data) {
|
||
if(data>0){
|
||
$("#table_Detail").bootstrapTable('refresh');
|
||
}else{
|
||
showAlert('d','删除失败','alertDiv');
|
||
}
|
||
});
|
||
|
||
}
|
||
});
|
||
}
|
||
};
|
||
var dosearchDetail = function() {
|
||
$("#table_Detail").bootstrapTable('refresh');
|
||
};
|
||
$(function(){
|
||
//初始化选择框，方法在workflow.js里
|
||
processSelectNodeForHandle("${businessUnitHandle.taskid}");
|
||
$("#visitTime").datetimepicker({
|
||
language: 'zh-CN',
|
||
format: 'yyyy-mm-dd',
|
||
startView: "month", //初始化视图
|
||
minView: 2,
|
||
maxView: "year",
|
||
todayBtn: true,
|
||
clearBtn: true,
|
||
autoclose: true,
|
||
todayHighlight: 1,//今天高亮
|
||
endDate: new Date(),
|
||
})
|
||
|
||
$("#insdt").datetimepicker({
|
||
language: 'zh-CN',
|
||
format: 'yyyy-mm-dd',
|
||
startView: "month", //初始化视图
|
||
minView: 2,
|
||
maxView: "year",
|
||
todayBtn: true,
|
||
clearBtn: true,
|
||
autoclose: true,
|
||
todayHighlight: 1,//今天高亮
|
||
endDate: new Date(),
|
||
})
|
||
$('#table_Detail').bootstrapTable({ // 对应table标签的id
|
||
url: ext.contextPath + '/visit/visitVisitors/getList.do', // 获取表格数据的url
|
||
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
||
striped: true, //表格显示条纹，默认为false
|
||
pagination: true, // 在表格底部显示分页组件，默认false
|
||
pageList: [10, 20,50], // 设置页面可以显示的数据条数
|
||
pageSize: 10, // 页面数据条数
|
||
pageNumber: 1, // 首页页码
|
||
showFooter: false,//添加页脚
|
||
sidePagination: 'server', // 设置为服务器端分页
|
||
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
||
return {
|
||
rows: params.limit, // 每页要显示的数据条数
|
||
page: params.offset/params.limit+1, // 每页显示数据的开始页码
|
||
sort: params.sort, // 要排序的字段
|
||
order: params.order,
|
||
applyID: $('#applyId').val(),
|
||
}
|
||
},
|
||
sortName: 'morder', // 要排序的字段
|
||
sortOrder: 'asc', // 排序规则
|
||
columns: [
|
||
{
|
||
field: 'morder', // 返回json数据中的name
|
||
title: '序号', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
},{
|
||
field: 'fullName', // 返回json数据中的name
|
||
title: '姓名', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
},{
|
||
field: 'gender', // 返回json数据中的name
|
||
title: '性别', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
},{
|
||
field: 'age', // 返回json数据中的name
|
||
title: '年龄', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
},{
|
||
field: 'contactInformation', // 返回json数据中的name
|
||
title: '联系电话', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
},{
|
||
field: 'state', // 返回json数据中的name
|
||
title: '状态', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
formatter:function (value, row, index){
|
||
var res = value;
|
||
switch(res)
|
||
{
|
||
case 0:
|
||
res = '未登记';
|
||
break;
|
||
case 1:
|
||
res = '已登记';
|
||
break;
|
||
default:
|
||
res = '异常';
|
||
}
|
||
return res;
|
||
}
|
||
},{
|
||
field: 'remark', // 返回json数据中的name
|
||
title: '备注', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
},
|
||
],
|
||
onLoadSuccess: function(){ //加载成功时执行
|
||
adjustBootstrapTableView("table_Detail");
|
||
},
|
||
onLoadError: function(){ //加载失败时执行
|
||
console.info("加载数据失败");
|
||
}
|
||
})
|
||
//显示流程详情
|
||
var id = '${visitRegister.id}';
|
||
$.post(ext.contextPath + '/visit/visitRegister/showExecuteView.do', {id:id,inModal:'inModal'} , function(data) {
|
||
$("#showView").html(data);
|
||
});
|
||
})
|
||
|
||
</script>
|
||
<div class="modal fade" id="subModal">
|
||
<div class="modal-dialog modal-xlg">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span></button>
|
||
<h4 class="modal-title">编辑信息</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="row">
|
||
<div class="col-md-7 col-xs-12">
|
||
<!-- 新增界面formid强制为subForm -->
|
||
<form class="form-horizontal" id="subForm">
|
||
<input id="id" name="id" type="hidden" value="${visitRegister.id}"/>
|
||
<input id="unitId" name="unitId" type="hidden" value="${visitRegister.unitId}"/>
|
||
<input id="auditManId" name="auditManId" type="hidden" value="${visitRegister.auditManId}" />
|
||
<!-- 界面提醒div强制id为alertDiv -->
|
||
<div id="alertDiv"></div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">*编号</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="number" name ="number" placeholder="编号"
|
||
value="${visitRegister.number}"/>
|
||
</div>
|
||
<label class="col-sm-2 control-label">*填表日期</label>
|
||
<div class="col-sm-4">
|
||
<div class="input-group date">
|
||
<div class="input-group-addon">
|
||
<i class="fa fa-calendar"></i>
|
||
</div>
|
||
<input type="text" class="form-control" id="insdt" name ="insdt" placeholder="填表日期" readonly
|
||
value="${visitRegister.insdt.substring(0,10)}"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">*参观单位</label>
|
||
<div class="col-sm-10">
|
||
<input type="text" class="form-control" id="visitUnits" name ="visitUnits" placeholder="参观单位" readonly
|
||
onclick="showApply4Select('applyId');" value="${visitRegister.visitUnits}"/>
|
||
<input type="hidden" id="applyId" name ="applyId" value="${visitRegister.applyId}"/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">联系地址</label>
|
||
<div class="col-sm-10">
|
||
<input type="text" class="form-control" id="contactAddress" name ="contactAddress" placeholder="联系地址"
|
||
value="${visitRegister.contactAddress}"/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">*领队名称</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="leaderName" name ="leaderName" placeholder="领队名称"
|
||
value="${visitRegister.leaderName}"/>
|
||
</div>
|
||
<label class="col-sm-2 control-label">*联系方式</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="contactInformation" name ="contactInformation" placeholder="联系方式"
|
||
value="${visitRegister.contactInformation}"/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">*参观时间</label>
|
||
<div class="col-sm-4">
|
||
<div class="input-group date">
|
||
<div class="input-group-addon">
|
||
<i class="fa fa-calendar"></i>
|
||
</div>
|
||
<input type="text" class="form-control" id="visitTime" name ="visitTime" placeholder="参观时间" readonly
|
||
value="${visitRegister.visitTime.substring(0,10)}"/>
|
||
</div>
|
||
</div>
|
||
<label class="col-sm-2 control-label">*参观人数</label>
|
||
<div class="col-sm-4">
|
||
<input type="number" class="form-control" id="visitorsNumber" name ="visitorsNumber" placeholder="参观人数"
|
||
value="${visitRegister.visitorsNumber}"/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">参观用时</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="visitDuration" name ="visitDuration" placeholder="参观用时"
|
||
value="${visitRegister.visitDuration}"/>
|
||
</div>
|
||
<label class="col-sm-2 control-label">状态</label>
|
||
<div class="col-sm-4">
|
||
<p class="form-control-static">${visitRegister.stateName}</p>
|
||
<input id="state" name="state" type="hidden" value="${visitRegister.state}"/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">*接待人</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="receptionistName" name ="receptionistName" placeholder="请选择接待人" readonly
|
||
onclick="showUser4SelectsFun1('receptionist','receptionistName');" value="${visitRegister.receptionistName}">
|
||
<input id="receptionist" name="receptionist" type="hidden" value="${visitRegister.receptionist}" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">参观内容</label>
|
||
<div class="col-sm-10">
|
||
<textarea class="form-control" rows="5" id ="purposeContent" name ="purposeContent"
|
||
placeholder="参观内容">${visitRegister.purposeContent}</textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">备注</label>
|
||
<div class="col-sm-10">
|
||
<textarea class="form-control" rows="2" id ="remark" name ="remark" placeholder="备注...">${visitRegister.remark}</textarea>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<form class="form-horizontal" id="subUnitForm" enctype="multipart/form-data" >
|
||
<input type="hidden" class="form-control" name ="id" value="${businessUnitHandle.id}">
|
||
<input type="hidden" class="form-control" name ="processid" value="${businessUnitHandle.processid}">
|
||
<input type="hidden" class="form-control" name ="taskid" value="${businessUnitHandle.taskid}">
|
||
<input type="hidden" class="form-control" name ="businessid" value="${businessUnitHandle.businessid}">
|
||
<input type="hidden" class="form-control" name ="taskdefinitionkey" value="${businessUnitHandle.taskdefinitionkey}">
|
||
<c:if test='${not empty rejectReson }'>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">调整说明：</label>
|
||
<div class="col-sm-9">
|
||
<textarea class="form-control " id="auditopinion" name="auditopinion" rows="2" placeholder="调整说明" >${rejectReson}</textarea>
|
||
</div>
|
||
</div>
|
||
</c:if>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">*下一节点</label>
|
||
<div class="col-sm-6">
|
||
<select class="form-control select2" id="routeNum" name ="routeNum" style="width: 270px;">
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div id = "selectUsers" class="form-group">
|
||
<label class="col-sm-3 control-label">提交至：</label>
|
||
<div class="col-sm-9">
|
||
<input type="text" class="form-control" id="targetUsersName" name ="targetUsersName" placeholder="下一级人员" onclick="showUser4SelectsFun();" >
|
||
<input id="targetusers" name="targetusers" type="hidden" value="${businessUnitHandle.targetusers}"/>
|
||
<input class="form-control" id="targetjobs" name="targetjobs" type="hidden" value=""/>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<div class="box box-primary" style="margin-top:20px">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title">参观人员信息</h3>
|
||
<div class="box-tools pull-right">
|
||
</div>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body ">
|
||
<table id="table_Detail"></table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-5 col-xs-12" id="showView">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||
<button type="button" class="btn btn-primary" onclick="dosubmit()" id="btn_submit">提交审核</button>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div> |