hs
/
hbghj


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356
							<!DOCTYPE html>
<html>
  <head>
    <title>湖北智慧水运</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link>
    <link href="../css/base.min.css" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="../css/mui.min.css">
     	<link rel="stylesheet" href="../css/zTreeStyle/zTreeStyle.css" type="text/css">
   <script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="../js/jquery.ztree.core-3.5.js"></script>
	<script type="text/javascript" src="../js/jquery.ztree.excheck-3.5.js"></script>
</head>
<script type="text/javascript">
	function back(){
		parent.huanjiewanchengclose();
	}
	$(function(){
		$("#wancheng").live("click",function(){
			var days = $("#dayss").val();
			if(bids==""){
				  layer.open({
					    content: '请选择下一环节办理人',
					    style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
					    time: 1
					});
				  return;
			}
			if(days.replace(/\s+/g,"")!=""){
				if(days <=0  || days!=parseInt(days)||days>10 ){
					  layer.open({
						    content: '请填写正确待办天数',
						    style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
						    time: 1
						});
					  $("#dayss").val("");
					  return;
				}
			}
			$.ajax({
		         type: 'post',
		         url: '../../fwcontroller/submitfw.do',
		         data:{id:parent.wfid,step:step,yj:parent.yj,usersStr:bids,days:days,uid:"402881e44e86c26d014e86c9ae8c0008"},
		         dataType: 'json',
		         success: function(data){
		        	 if(data.resultCode=="0"){
		        		 layer.open({
							    content: '审批成功',
							    style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
							    time: 1
							});
		        		 setTimeout(function(){
		        			 window.location.href=parent.iframurl;
		        		 },1000);
		        	 }else{
		        		 layer.open({
							    content: '审批失败',
							    style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
							    time: 1
							});
		        	 }
		        }})
		})
	})
</script>
	<SCRIPT type="text/javascript">
	var stepId;
	var step;
	var radiostepId;
	var bids = "";
	var bnames= "";
	function huanjiemingcheng(handlerNames,handlerIds,a,taskKey){
		step = taskKey;
		radiostepId = $(a).val();
		bids = handlerIds.substring(0, handlerIds.length-1)
		bnames = handlerNames.substring(0, handlerNames.length-2)
		$("#banliren").val(bnames);
	}
	$(function(){
		$.ajax({
	         type: 'post',
	         url: '../../wfcontroller/chooseuserwf.do',
	         data:{taskId:parent.taskId,wfid:parent.wfid,flag:"pass"},
	         dataType: 'json',
	         success: function(data){
	        	 stepId = data.stepId;
	        	 step = data.step;
	        	 console.log(data)
	        	 var result = "";
	        	 for(var i=0;i<data.taskNodeList.length;i++){
	        		 var handlerNames = "";
	        		 var handlerIds = "";
	        		 for(var j=0;j<data.taskNodeList[i].handlerNames.length;j++){
	        			 handlerNames+=data.taskNodeList[i].handlerNames[j]+", "
	     			  }
	        		 for(var k=0;k<data.taskNodeList[i].handlerIds.length;k++){
	        			 handlerIds+=data.taskNodeList[i].handlerIds[k]+","
	     			  }
	        		 if(data.stepId==data.taskNodeList[i].stepId){
	        			 radiostepId = data.taskNodeList[i].stepId;
	        			 bids = handlerIds.substring(0, handlerIds.length-1)
	        			 bnames = handlerNames.substring(0, handlerNames.length-2)
	        			 $("#banliren").val(bnames);
	        		 }
	        		 result+='<span class="mui-radio">'+
 					'<input name="style"  onclick="huanjiemingcheng(\''+handlerNames+'\',\''+handlerIds+'\',this,\''+data.taskNodeList[i].taskKey+'\')"   type="radio" '+(data.stepId==data.taskNodeList[i].stepId?"checked":"")+' value="'+data.taskNodeList[i].stepId+'">'+
 					data.taskNodeList[i].taskName+
 				'</span>' ;
	        	 }
	        	  $("#huanjiemingcheng").html(result);
	        	 
	         }})
	})
	function sumitrenyuan(){
		
		var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
		var nodes = treeObj.getCheckedNodes(true);
		bids="";
		bnames="";
		for(var i=0;i<nodes.length;i++){
			bids+=nodes[i].ids+",";
			bnames+=nodes[i].name+", ";
		}
		bids = bids.substring(0, bids.length-1)
		bnames = bnames.substring(0, bnames.length-2)
		$("#banliren").val(bnames);
	}
		var setting = {
			check: {
				enable: true
			},
			data: {
				simpleData: {
					enable: true
				}
			},
			callback: {
				onCheck:zTreeOnCheck,
				onClick: zTreeOnClick
				}
		};
		function zTreeOnCheck(event, treeId, treeNode) {
			
		};
		function zTreeOnClick(event, treeId, treeNode) {
			var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
			var nodes = treeObj.getSelectedNodes();
			for (var i=0, l=nodes.length; i < l; i++) {
				if(nodes[i].checked==false)
				treeObj.checkNode(nodes[i], true, true);
				else
					treeObj.checkNode(nodes[i], false, true);
			}
			for (var i=0, l=nodes.length; i < l; i++) {
				if(nodes[i].open==false)
				treeObj.expandNode(nodes[i],  true, true, true);
				else
					treeObj.expandNode(nodes[i], false, true, true);
			}
			}
		var code;
		function setCheck() {
			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
			py = $("#py").attr("checked")? "p":"",
			sy = $("#sy").attr("checked")? "s":"",
			pn = $("#pn").attr("checked")? "p":"",
			sn = $("#sn").attr("checked")? "s":"",
			type = { "Y":py + sy, "N":pn + sn};
			zTree.setting.check.chkboxType = type;
			showCode('setting.check.chkboxType = { "Y" : "' + type.Y + '", "N" : "' + type.N + '" };');
		}
		function showCode(str) {
			if (!code) code = $("#code");
			code.empty();
			code.append("<li>"+str+"</li>");
		}
	</SCRIPT>
     <script type="text/javascript">
     $(function(){
     	$("#baocuns").click(function(){
     		$("#div-alert").hide();
     		$("#div-alert1").hide();
     	})
     	$("#quxiaos").click(function(){
     		$("#div-alert").hide();
     		$("#div-alert1").hide();
     	})
     	$("#qxz").click(function(){
     		var zNodes =[
     		   		];
     		$.ajax({
   	         type: 'post',
   	         url: '../../wfcontroller/showUserTree.do',
   	         data:{stepId:radiostepId,ids:bids},
   	         dataType: 'json',
   	         success: function(data){
   	        	 console.log(data)
   	        	 for(var i=0;i<data.nodeList.length;i++){
   	        		zNodes.push({ id:(i+1),pId:0,ids:data.nodeList[i].id,name:data.nodeList[i].text,nocheck:true});
   	        		 for(var j=0;j<data.nodeList[i].children.length;j++){
   	        			zNodes.push({ id:(i+1)+""+j,pId:(i+1),ids:data.nodeList[i].children[j].id,checked:data.nodeList[i].children[j].checked,name:data.nodeList[i].children[j].text});
   	        		 }
   	        	 }
   	      		$.fn.zTree.init($("#treeDemo"), setting, zNodes);
   	     	$("#div-alert").show();
     		$("#div-alert1").show();
     	         }})
     	
     	})
     	})
     	function aaa(){
    layer.open({
    content: '审批完成',
    style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
    time: 1
});
     	}
     </script>
	<style type="text/css">
	*{padding: 0px;margin: 0px;}
		  .header {
	width:100%;
	height:45px;
	line-height:45px;
	padding:0;
	
	color:#eee;
	font-size:22px;
	text-align:center;
	color:white;
    background: #2196f3;
}
.layermcont {
  padding: 20px 15px;
  line-height: 22px;
  border-radius: 5px;
  text-align: center;
}
#header {
	position:fixed; z-index:2;
	top:0; left:0;
	width:100%;
	height:45px;
	line-height:45px;
	text-align:center;
	padding:0;
	font-size:22px;
	color:white;
    background: #2196f3;
    color: white;
}
#header a{
    color:white;
}
body,button,input,div{margin: 0px;padding: 0px}

.mui-input-group:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0px;
  content: '';
  background-color: #c8c7cc;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}

.load-bar-content, .modal-content, .modal-dialog, .modal-heading, .nav, .nav .a, .nav a, .nav li, .progress {
  position: fixed;
}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio] {
  position:static;
  top: 0px;
  right: 20px;
  display: inline-block;
  width: 28px;
  height: 26px;
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  outline: 0!important;
}
.laymshade {
  background-color: rgba(0,0,0,.0);
  /* pointer-events: auto; */
}
.mui-card{margin: 0px}
	</style>
  </head>
  
  <body>
  		<header class="header">
		<ul class="nav nav-list pull-left">
			<li><a  href="javascript:void(0);" id="goback" onclick="back()" ><span class="icon icon-arrow-back icback"></span>
			</a></li>
		</ul>
		<a  href="#">选择环节用户</a>
	</header>
	<div class="mui-content" style="margin-top: 45px;background: white;padding-right: 10px">
	<table style="width: 100%" >
		<tr>
			<td style="text-align: right;"><h5 class="mui-content-padded" style="padding-top: 10px;">环节名称</h5></td>
			<td id="huanjiemingcheng">
		</td>
		</tr>
		<tr style="height: 30px"></tr>
		<tr style="height: 100px">
			<td width="80px" style="text-align: right;"><h5 class="mui-content-padded" style="padding: 0px">办理人</h5></td>
			<td><div class="mui-card" style="height: 100px;width: 70%;float:left;">
                 	<textarea rows="" id="banliren" cols="" style="height: 100%;border: 0px"  disabled="disabled"></textarea>
				</div>
				<button class="mui-btn mui-btn-primary" id="qxz"  style="margin-top:68px;background:#2196f3;border:0px;margin-left:10px" onclick="return false;">选择</button>
				</td>
		</tr>
		<tr style="height: 120px">
			<td ><h5 class="mui-content-padded" style="text-align: right;margin-top: -2px">限办天数</h5></td>
			<td style="position: relative;"> <input type="tel" name="days"  id="dayss"  min="1" max="10" style="width: 60px" /><span style="color: red;">&nbsp;可不填，最多可以设置10天</span></td>
		</tr>
		<tr >
			<td ></td>
			<td>   <div style="width: 100%;">
			<button class="mui-btn mui-btn-positive"  type="button" style="width: 40%;background: #2196f3;border: 0px;" id="wancheng">完成 </button>&nbsp;&nbsp;
			<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;"  onclick="back()">取消</button>
			</div></td>
		</tr>
	</table>
	</div>
   		<div id="div-alert" style="position:fixed;padding-bottom:10px;display:none;top: 10%;left: 10%;z-index: 100;height:80%;border:4px solid #2196f3;border-radius:10px;width: 82%;background:white;overflow: auto">
   			
   			<form id="jhform">
   			<input type="hidden" name="jid" id="jid" value="" />
   			<div id="title" style="width:100%;height:30px;text-align: center;background:#2196f3;line-height: 30px;color: white;margin-bottom: 20px;font-size:20px;">选择人员</div>
			<ul id="treeDemo" class="ztree" style="zoom:1.5;" ></ul>
			</form>
		  <div style="width: 100%;text-align: center;">
			<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;" id="baocuns" onclick="sumitrenyuan()">确定</button>&nbsp;&nbsp;
			<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;"  id="quxiaos">取消</button>
			</div>
	</div>
	<div id="div-alert1" style="position:absolute;display:none;width:100%;height: 100%;z-index: 50;top:0px;background: black; opacity:0.2; "></div>
	
	
  </body>
</html>