wuhb
/
oa


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
							<%@ page language="java" contentType="text/html; charset=gbk"
    pageEncoding="gbk"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<meta name="renderer" content="ie-stand"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge;">
<meta http-equiv="PRAGMA" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<%@ include file="/yw/bpm/configuration/common.jsp"%> 
<link href="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/demo/css/screen.css" rel="stylesheet"></link>
<link href="/shares/js/yw/bpm/bootstrap/select2-3.5.0/select2.css" rel="stylesheet"></link>
<link href="/shares/js/yw/bpm/bootstrap/select2-3.5.0/select2-bootstrap.css" rel="stylesheet"></link>
<link href="${pageContext.request.contextPath }/yw/bpm/configuration/configuration.css" rel="stylesheet"></link>
<script type="text/javascript" src="/shares/js/yw/bpm/bootstrap/select2-3.5.0/select2.js"></script>
<script type="text/javascript" src="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/dist/jquery.validate.js"></script>
<script type="text/javascript" src="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/localization/messages_zh.js"></script>
<script type="text/javascript" src="/shares/js/yw/bpm/bootstrap/esimakin-twbs-pagination/jquery.twbsPagination.js"></script>
<script type="text/javascript" src="/shares/bgrins-spectrum/spectrum.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/yw/bpm/configuration/js/bootstrap-maxlength.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/yw/bpm/configuration/js/tree/tree.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/yw/bpm/configuration/js/monitor/monitoroperList.js"></script>
<title>流转干预列表</title>
<script type="text/javascript">
var contextPath = "${pageContext.request.contextPath }";
</script>
</head>
<body>
<form action="" id="iform" class="form-horizontal">
<div class="form-group col-sm-3">
  <label class="col-sm-5 control-label">流程标题</label>
  <div class="col-sm-7">
    <input type="text" class="form-control" id="insName" name="insName">
  </div>
</div>
<div class="form-group col-sm-3">
  <label class="col-sm-5 control-label">流程状态</label>
  <div class="col-sm-7">
   	<select class="form-control" id="state" name="state">
		<option value="" selected="selected">全部</option>
		<option value="0">撤销</option>
		<option value="1">流转中</option>
		<option value="2">完成</option>
	</select>
  </div>
</div>
<div class="form-group col-sm-3">
  <label class="col-sm-5 control-label">发起者</label>
  <div class="col-sm-7">
    <input type="text" class="form-control" id="name" name="name">
  </div>
</div>
<div class="form-group col-sm-3">
	<button type="button" class="btn btn-default btn-sm" onclick="search('bpmMonitorOperAction.do', '#iform');">查询</button>
    <button type="button" class="btn btn-default btn-sm" onclick="searchAll('bpmMonitorOperAction.do', '#iform');">查询全部</button> 
</div> 
<div class="container-fluid" style="padding:0px 30px 0px 30px;"> 
    <table class="table table-hover table-striped">
      <thead>
        <tr>
          <th style="width: 30%;">流程标题
          </th>
          <th style="width: 15%;">流程发起者
          </th>
          <th style="width: 15%;">流程模板
          </th> 
          <th style="width: 15%;">流程发起时间
          </th> 
          <th style="width: 10%;">流程状态
          </th>
          <th style="width: 15%;">#
          </th> 
        </tr>
      </thead>
      <tbody id="flowlist" name="flowlist">
    
      </tbody>
    
    </table>
</div>
<div class="text-center">
	<div class="pagination"></div>
</div>
<input type="hidden" id="p" name="p" value="1">
<input type="hidden" id="pSize" name="pSize" value="10">
<input type="hidden" id="task" name="task" value="list">
</form> 


<!-- 新增栏目区域 -->
<div class="modal fade" id="operModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" style="width: 80%;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">监控处理</h4>
      </div>
      <div class="modal-body" style="height:500px; overflow:auto;">
        <form action="" role="form" id="form1" class="form-horizontal">
        	<input type="hidden" id="modelId" name="modelId">
        	<input type="hidden" id="insId" name="insId"> 
            <div class="form-group">
                <label class="col-sm-2 control-label">流程标题</label>
                <div class="col-sm-4">
                	<label class="form-control" id="insName2" name="insName2"></label> 
                </div>
                <label class="col-sm-2 control-label">流程发起者</label>
                <div class="col-sm-4">
                	<label class="form-control" id="name2" name="name2"></label> 
                </div>
            </div>  
            <div class="form-group">
                <label class="col-sm-2 control-label">流程模板</label>
                <div class="col-sm-4">
                	<label class="form-control" id="modelName" name="modelName"></label> 
                </div>
                 <label class="col-sm-2 control-label">流程发起时间</label>
                <div class="col-sm-4">
                	<label class="form-control" id="createdate" name="createdate"></label> 
                </div>
            </div>  
            <div class="form-group">
                <label class="col-sm-2 control-label">流转过程</label>
                <div class="col-sm-10">
                	 <table class="table table-striped table-hover"> 
					   <thead>
					      <tr>
					         <th style="width: 20%;">环节名称</th>
					         <th style="width: 15%;">操作人</th>
					         <th style="width: 15%;">状态</th>
					   		 <th style="width: 25%;">启动时间</th>
					         <th style="width: 25%;">结束时间</th>
					      </tr>
					   </thead>
					   <tbody id="tachetbody" name="tachetbody">
 						  
					   </tbody>
					</table> 
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">流程图</label>
                <div class="col-sm-10">
                	<input type="button" class="btn btn-link" value="点击此处" onclick="showflowimg();">
<!--                 	<label class="control-label" id="flowimg" name="flowimg"></label>  -->
                </div>
            </div>  
            <div class="form-group">
                <label class="col-sm-2 control-label">操作历史</label>
                <div class="col-sm-10">
                	 <table class="table table-striped table-hover"> 
					   <thead>
					      <tr>
					         <th style="width: 40%;">操作记录</th> 
					   		 <th style="width: 20%;">处理方式</th>
					         <th style="width: 20%;">操作人</th> 
					         <th style="width: 20%;">操作时间</th>
					      </tr>
					   </thead>
					   <tbody id="operlisttbody" name="operlisttbody">
 						  
					   </tbody>
					</table> 
                </div>
            </div>
            <div id="opertbody" name="opertbody">
            	<div class="form-group">
		          	<label class="col-sm-2 control-label">问题环节</label>
		          	<div class="col-sm-10">
		          		<select class="form-control" name="tinsId" id="tinsId"> 
	                    </select>
		          	</div>
		        </div>
		      	<div class="form-group">
		          	<label class="col-sm-2 control-label">问题描述</label>
		          	<div class="col-sm-10">
		          		<textarea class="form-control form-required" rows="5" id="problem" name="problem" maxlength="200" required></textarea>
		          	</div>
		      	</div> 
		      	<div class="form-group">
		          	<label class="col-sm-2 control-label">问题原因</label>
		          	<div class="col-sm-4">
		          		<select class="form-control" name="proreason" id="proreason" onchange="showOpertype();"> 
	                        <option value="0">配置错误</option>
	                        <option value="1">办理人未登录</option>
	                        <option value="2">下一环节办理人组织架构或职务变动</option> 
	                        <option value="3">流转中的环节被删除</option>
	                        <option value="5">发起人组织架构或职务变动</option>
<!-- 	                        <option value="4">其它</option> -->
	                    </select>
		          	</div>
	<!-- 	          	<div style="display: none;" id="opertypesdiv" name="opertypesdiv"> -->
			          	<label class="col-sm-2 control-label">处理方式</label>
			          	<div class="col-sm-4">
			          		<div id="opertype0div" name="opertype0div">
				          		<select class="form-control" name="opertype0" id="opertype0"  onchange="showdivbyval(event);"> 
			                        <option value="0">配置流程</option> 
			                    </select>
			                </div>
		                    <div style="display: none;" id="opertype1div" name="opertype1div">
			                    <select class="form-control" name="opertype1" id="opertype1" onchange="showdivbyval(event);">  
			                        <option value="1">提交至下一环节</option> 
			                        <option value="4">指定办理人员</option>
			                    </select>
		                    </div>
		                    <div style="display: none;" id="opertype2div" name="opertype2div">
			                    <select class="form-control" name="opertype2" id="opertype2"  onchange="showdivbyval(event);">  
			                        <option value="0">配置流程</option>
			                        <option value="2">跳过下一环节</option>  
			                        <option value="5">指定下一环节办理人员</option>
			                    </select>
		                    </div>
		                    <div style="display: none;" id="opertype3div" name="opertype3div">
			                    <select class="form-control" name="opertype3" id="opertype3"  onchange="showdivbyval(event);">  
			                        <option value="3">退回上一环节</option>  
			                    </select>
		                    </div>
		                    <div style="display: none;" id="opertype5div" name="opertype5div">
			                    <select class="form-control" name="opertype5" id="opertype5" onchange="showdivbyval(event);">  
			                        <option value="6">调整发起人至目前的组织架构数据</option> 
			                    </select>
		                    </div>
		                    <div style="display: none;" id="opertype4div" name="opertype4div">
			                    <select class="form-control" name="opertype4" id="opertype4"  onchange="showdivbyval(event);"> 
			                        <option value="0">配置流程</option>
			                        <option value="1">提交至下一环节</option>
			                        <option value="2">跳过下一环节</option>
			<!--                         <option value="3">跳转至指定环节</option> -->
			                        <option value="3">退回上一环节</option> 
			                        <option value="4">指定办理人员</option>
			                        <option value="5">指定下一环节办理人员</option>
			                        <option value="6">调整发起人至目前的组织架构数据</option>
			                    </select>
		                    </div>
			          	</div>
	<!-- 	          	</div> -->
		      	</div>  
		      	<div class="form-group" id="configflowdiv" name="configflowdiv">
		          	<label class="col-sm-2 control-label">配置流程</label>
		          	<div class="col-sm-10">
		          		 <input type="button" class="btn btn-link" value="点击此处" onclick="configFlow();">
		          	</div>
		      	</div> 
		      	<div class="form-group" style="display: none;"  id="tacheuserdiv" name="tacheuserdiv">
	                <label class="col-sm-2 control-label">环节办理人员</label>
	                <div class="col-sm-10">
	                    <textarea class="form-control form-required" rows="5" id="totinsUser" name="totinsUser" required></textarea>
	                    <input type="hidden" id="totinsUserid" name="totinsUserid">
	                    <input type="button" class="btn btn-link" id="userTreeButton" value="选择人员">
	                </div>
	            </div>
	            <div class="form-group">
		          	<label class="col-sm-2 control-label">备注</label>
		          	<div class="col-sm-10">
		          		<textarea class="form-control form-required" rows="5" id="remark" name="remark" maxlength="200" required></textarea>
		          	</div>
		      	</div>
	      	</div>  
        </form>
      </div>
      <div class="modal-footer"> 
        <button type="button" class="btn btn-default btn-sm" onclick="oper()" id="operBtn">处理</button> 
        <button type="button" class="btn btn-primary btn-sm" onclick="closeModal()">关闭</button>
      </div>

    </div>
  </div>
</div>
<!-- 新增栏目区域 -->


<!-- 流程图区域 -->
<div class="modal fade" id="flowimgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" style="width: 80%;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">流程图</h4>
      </div>
      <div class="modal-body" style="height:500px; overflow:auto;">
			<label class="control-label" id="flowimg" name="flowimg"></label>
      </div>
      <div class="modal-footer"> 
       	<button type="button" class="btn btn-primary btn-sm" onclick="closeimgModal()">关闭</button>
      </div>

    </div>
  </div>
</div>
<!-- 新增栏目区域 -->

</body>
</html>