SIPAIIS_WMS_JSSW/WebRoot/jsp/visit/visitRegisterAudit.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@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 doSubmit() {
    $('#subForm').data('bootstrapValidator')
        .updateStatus('targetUsersName', 'NOT_VALIDATED',null)
        .validateField('targetUsersName'); 
      $("#subForm").bootstrapValidator('validate');//提交验证  
      if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码   */
    	  var passstatus = $("#passstatus").val();
        if(passstatus!=0){
        	var commentator = $("#commentator").val();
        	if(commentator!='' && commentator!=null){
        		
        	}
        	else{
                showAlert('d','请配置讲解人。');
                return false;
            }
        }
          $.post(ext.contextPath + "/visit/visitRegister/doAudit.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');
      } 
  } 
    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:"subForm",hiddenId:"targetusers",textId:"targetUsersName",userIds:userIds,jobIds:jobIds} , function(data) {
          $("#user4SelectDiv").html(data);
          openModal("user4SelectModal");
      });  
  };
  $(function(){
    //初始化选择框，方法在workflow.js里
    processSelectNode("${businessUnitAudit.taskid}");
    //输入框验证
    $("#subForm").bootstrapValidator({  
           live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证  
           fields: { 
             targetUsersName: {
                    validators: {
                        notEmpty: {
                            message: '人员不能为空'
                        }
                    }
                },
           }  
       }); 
    $('#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">&times;</span></button>
      <h4 class="modal-title">入库登记(${taskName})</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" enctype="multipart/form-data" >
                <!-- 界面提醒div强制id为alertDiv -->
                <div id="alertDiv"></div>
                <input id="visitRegisterid" name="visitRegisterid" type="hidden" value="${visitRegister.id}"/>
                <!-- 界面提醒div强制id为alertDiv -->
                <div id="alertDiv"></div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">编号</label>
                  <div class="col-sm-4">
                     <p class="form-control-static">${visitRegister.number}</p>
                  </div>
                  <label class="col-sm-2 control-label">填表日期</label>
                  <div class="col-sm-4">
                     <p class="form-control-static">${visitRegister.insdt.substring(0,10)}</p>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">参观单位</label>
                  <div class="col-sm-10">
                     <p class="form-control-static">${visitRegister.visitUnits}</p>
                      <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">
                     <p class="form-control-static">${visitRegister.contactAddress}</p>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">领队名称</label>
                  <div class="col-sm-4">
                     <p class="form-control-static">${visitRegister.leaderName}</p>
                  </div>
                  <label class="col-sm-2 control-label">联系方式</label>
                  <div class="col-sm-4">
                     <p class="form-control-static">${visitRegister.contactInformation}</p>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">参观时间</label>
                  <div class="col-sm-4">
                     <p class="form-control-static">${visitRegister.visitTime.substring(0,10)}</p>
                  </div>
                  <label class="col-sm-2 control-label">参观人数</label>
                  <div class="col-sm-4">
                     <p class="form-control-static">${visitRegister.visitorsNumber}</p>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">参观用时</label>
                  <div class="col-sm-4">
                     <p class="form-control-static">${visitRegister.visitDuration}</p>
                  </div>
                  <label class="col-sm-2 control-label">状态</label>
                  <div class="col-sm-4">
                     <p class="form-control-static">${visitRegister.stateName}</p>
                  </div>
                </div>
                
                <div class="form-group">
                  <label class="col-sm-2 control-label">接待人</label>
                  <div class="col-sm-4">
                     <p class="form-control-static">${visitRegister.receptionistName}</p>
                  </div>
                  <label class="col-sm-2 control-label">*讲解人</label>
                  <div class="col-sm-4">
                      <input type="text" class="form-control" id="commentatorName" name ="commentatorName" placeholder="请选择讲解人" readonly
                        onclick="showUser4SelectsFun1('commentator','commentatorName');" value="${visitRegister.commentatorName}">
                        <input id="commentator" name="commentator" type="hidden" value="${visitRegister.commentator}" />
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">参观内容</label>
                  <div class="col-sm-10">
                     <p class="form-control-static">${visitRegister.purposeContent}</p>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">备注</label>
                  <div class="col-sm-10">
                     <p class="form-control-static">${visitRegister.remark}</p>
                  </div>
                </div>
                <input type="hidden" class="form-control"  name ="id" value="${businessUnitAudit.id}">
                <input type="hidden" class="form-control"  name ="processid" value="${businessUnitAudit.processid}">
                <input type="hidden" class="form-control"  name ="taskid" value="${businessUnitAudit.taskid}">
                <input type="hidden" class="form-control"  name ="businessid" value="${businessUnitAudit.businessid}">
                <input type="hidden" class="form-control"  name =unitid value="${param.unitId}">
                <input type="hidden" class="form-control"  name ="taskdefinitionkey" value="${businessUnitAudit.taskdefinitionkey}">
              <div class="form-group">
                  <label class="col-sm-2 control-label">*审核结果</label>
                  <div class="col-sm-4">
                      <select  class="form-control select2" id="passstatus" name ="passstatus" style="width: 100%;">
                          <option value= true>通过</option>
                          <option value= false>驳回</option>
                      </select>
                  </div>
                  <label class="col-sm-2 control-label">*下一节点</label>
                  <div class="col-sm-4">
                      <select  class="form-control select2" id="routeNum" name ="routeNum" style="width: 100%;">
                      </select>
                  </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 ="auditopinion" name ="auditopinion" placeholder="审核意见">通过</textarea>
                  </div>
                </div>
              <div id = "selectUsers" class="form-group">
                      <label class="col-sm-2 control-label">转至：</label>
                      <div class="col-sm-10">
                           <input type="text" class="form-control" id="targetUsersName" name ="targetUsersName" placeholder="下一级人员" onclick="showUser4SelectsFun();" >
                           <input id="targetusers" name="targetusers" type="hidden" value=""/>
                           <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_update">审核</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>