hs
/
hbghj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424
							<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta content="IE=edge" http-equiv="X-UA-Compatible">
		<meta content="initial-scale=1.0, width=device-width" name="viewport">
		<title>湖北智慧水运</title>
		<!-- css -->
		<link href="../css/base.min.css" rel="stylesheet">
		<script type="text/javascript" src="../js/zepto.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css">
		<style>
			.container{
				padding-left:0px;
				padding-right: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);
			}
			 .header-logo{
				width:50%;
				text-align:right;
			} 
			.layermmain .section {  vertical-align: middle;}
			.icback{
				font-size: 22px;
			}
			.nav{position: fixed;}
			 .header {
				width:100%;
				height:45px;
				line-height:45px;
				padding:0;
				
				color:#eee;
				font-size:22px;
				text-align:center;
				color:white;
			    background: #2196f3;
			}
		</style>
		<script type="text/javascript">
		var tempdata  = "";
		var wxuserid = "";
		if(tempdata==''||tempdata==null){
	        tempdata = getQueryString("tempdata");
	    }
	    if(wxuserid==''||wxuserid==null){
	        wxuserid = getQueryString("wxuserid");
	    }
			function tuihui(){
				layer.open({
		    content: '确定退回吗？',
		    btn: ['取消', '确定'],
		    shadeClose: false,
		    shadeClose: false,
		    yes: function(){
		        layer.open({
		    content: '取消',
		    style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;text-align:center',
		    time: 2
		});
		    }, no: function(){
		        layer.open({
		    content: '确定',
		    style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;text-align:center',
		    time: 2
		});
		    }
		});
			}
		</script>
	</head>

	<body class="page-blue" onmousewheel="return false;">
	<div id="divdiplay">
		<header class="header">
			<ul class="nav nav-list pull-left">
				<li><a href="javascript:void(0);" id="goback" onclick="history.back()"><span class="icon icon-arrow-back icback"></span>
			</a>
				</li>
			</ul>
			<a class="" href="#" id="headername"></a>
		</header>
		<div class="content" style="margin-top: 45px;">
			<div class="content-inner">
				<div class="container">
					<div class="table-responsive">
						<table class="table" title="Default Tabl">
							<tbody id="content">
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="mui-button-row" style="margin-top: 30px; display: none" id="buttonsend">
				
			</div>
		</div>
		<script>
		function ischang(yj){
			$("#contents").val(yj)
		}
		
		function huanjieyijian(){
			 $("#yijiancard").html("");
			  $.ajax({
			         type: 'post',
			         url: '../../commoncontroller/queryGryj.do',
			         data:{uid:"402881e44e86c26d014e86c9ae8c0008",tempdata:tempdata,wxuserid:wxuserid},
			         dataType: 'json',
			         success: function(data){
			        	 //console.log(data)
			        	 for(var i=0;i<data.length;i++){
			        			 $("#yijiancard").append('<div class="mui-input-row mui-radio">'+
				        					'<label>'+data[i].name+'</label>'+
				        					'<input name="style" type="radio"  value="" onclick="ischang(\''+data[i].name+'\')">'+
				        				'</div>') 
			        	 }
			         }})
			         	$("#yijiandiv1").show()
		 $("#yijiandiv").show()
		}
	$(function(){
		if(getQueryString("hname")=="db"){
			$("#headername").html("待办公务出差");
			iframurl="../gwcc/dbgwcc.html"
		}else if(getQueryString("hname")=="yb"){
			$("#headername").html("已办公务出差");
			iframurl="../gwcc/ybgwcc.html"
		}else if(getQueryString("hname")=="sy"){
			$("#headername").html("所有公务出差");
			iframurl="../gwcc/sygwcc.html"
		}
$("#wanchengyijian").on("click",function(){
	var contents = $("#contents").val()
	yj = contents;
	$("#"+yjtype[stepName]).html("<span style='color:black' id='yj' >"+contents+"</span><br/><span style='float:right;'><a onclick='xiugaiyijian()'>修改</a>&nbsp;&nbsp;<a onclick='shanchuyijian()'>删除</a></span>");
	$("#yijiandiv1").hide()
	$("#yijiandiv").hide()
})
$("#quxiaoyijian").on("click",function(){
	$("#yijiandiv1").hide()
	$("#yijiandiv").hide()
})
	})
function xiugaiyijian(){
		 $("#yijiancard").html("");
		  $.ajax({
		         type: 'post',
		         url: '../../commoncontroller/queryGryj.do',
		         data:{uid:"402881e44e86c26d014e86c9ae8c0008",tempdata:tempdata,wxuserid:wxuserid},
		         dataType: 'json',
		         success: function(data){
		        	 //console.log(data)
		        	 for(var i=0;i<data.length;i++){
		        		
		        			 $("#yijiancard").append('<div class="mui-input-row mui-radio">'+
			        					'<label>'+data[i].name+'</label>'+
			        					'<input name="style" type="radio"  value="" onclick="ischang(\''+data[i].name+'\')">'+
			        				'</div>') 
		        	 }
		         }})
    $("#contents").val(yj);
	$("#yijiandiv1").show()
	 $("#yijiandiv").show()
	}
	function shanchuyijian(){
		
		 layer.open({
			    content: '确定删除吗？',
			    btn: ['取消', '确定'],
			    shadeClose: false,
			    yes: function(){
			    	layer.closeAll()
			    }, no: function(){
			    	layer.closeAll();
			    	$("#"+yjtype[stepName]).html("");
					yj = "";
					$("#contents").val("");
			    }
		 });
		 
		 
			    }
		</script>	
   		<div  id="yijiandiv" style="position:fixed ;display:none;height:80%;padding-bottom:10px;bottom :10%;left: 10%;z-index: 100;border:4px solid #2196f3;border-radius:10px;width: 80%;background:white;overflow: auto">
   			
   			<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>
	<div style="padding-left: 15px;padding-right: 15px;">
		
		
		<h5 class="mui-content-padded">常用意见</h5>
<div class="mui-card" id="yijiancard" style="min-height:76px;max-height: 190px;overflow-y:auto;">
</div>
	<h5 class="mui-content-padded">意见</h5>
<div class="mui-card" id="mui-card-contents">
	<textarea id="contents" style="height: 100%;margin: 0px;border: none;"></textarea>
</div>	
		
		</div>
			<br />
			<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;margin-left: 9%;" id="wanchengyijian">完成</button>&nbsp;&nbsp;
			<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;" id="quxiaoyijian">取消</button>
		
</div>
	<div id="yijiandiv1" style="position:absolute;display:none;width:100%;height: 100%;z-index: 50;top:0px;background: black; opacity:0.5; "></div>
	 
	<div></div>
	</div>
	</body>
<script>
	var gundongtiaoweizhi;
	var wfid ;
	var taskId;
	var yj;
	var controller="gwcccontroller";
	var wcmethd = "submitgwcc";
	var whmethd = "backgwcc";
	var iframurl="";
	function huanjiewanchengclose(){
		$("#divdiplay").show();
		window.scroll(0,document.body.clientHeight)
		$("#iframe").remove();
	}
	function huanjietuihuiclose(){
		$("#divdiplay").show();
		window.scroll(0,document.body.clientHeight)
		$("#iframe").remove();
	}
	
	function editsq(){
	    window.open('gwccsq.html?id='+idid);
	}
	
	function huanjietuihui(){
		$.ajax({
	         type: 'post',
	         url: '../../wfcontroller/isEndwf.do',
	         data:{id:idid,tempdata:tempdata,wxuserid:wxuserid},
	         dataType: 'json',
	         success: function(data){
	        	 if(data.trueorfalse==false){
	        		 layer.open({
	     			    shade:false,
						    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=iframurl+"?tempdata="+tempdata+"&wxuserid="+wxuserid;
	     		 },1000);
	        	 }else{
	        		    $("body").append('<iframe id="iframe" style="position:absolute;display:block;background:white;top: 0px;left: 0px;height: 100%;width: 100%;z-index: 1000000000000000000" src="../util/tuihui.html?tempdata="'+tempdata+"&wxuserid="+wxuserid+"&datedate="+new Date().getTime() +'" width="100%" height="100%" frameborder="0"></iframe>')
	        			$("#divdiplay").hide();
	        	 }
	         }});
	}
	function huanjiewancheng(){
			$.ajax({
         type: 'post',
         url: '../../gwcccontroller/isLastStepgwcc.do',
         data:{taskId:taskId,wfid:wfid,id:idid,yj:yj,uid:"402881e44e86c26d014e86c9ae8c0008",tempdata:tempdata,wxuserid:wxuserid},
         dataType: 'json',
         success: function(data){
        	 if(data.trueorfalse==false){
        		 layer.open({
     			    shade:false,
					    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=iframurl+"?tempdata="+tempdata+"&wxuserid="+wxuserid;
     		 },1000);
        	 }else{
        		 $("body").append('<iframe id="iframe" style="position:absolute;display:block;background:white;top: 0px;left: 0px;height: 100%;width: 100%;z-index: 1000000000000000000" src="../util/huanjieyonghu.html?tempdata="'+tempdata+"&wxuserid="+wxuserid+"&datedate="+new Date().getTime() +'" width="100%" height="100%" frameborder="0"></iframe>')
        			$("#divdiplay").hide();
        	 }
         }});
	}
	var stepName = "";
	var  yjtype = {"部门审核":"bumenshenhe",
			"拟稿":"nigao",
			"分管领导审批":"fenguanlingdaoshenpi",
			"主要领导审批":"zhuyaolingdaoshenpi",
			"申请人确认":"shenqingrenqueren",
			"综合科审批":"zenghekeshenpi"}

		$(function(){
			$.ajax({
         type: 'post',
         url: '../../gwcccontroller/view.do',
         data:{id:getQueryString("id"),uid:"402881e44e86c26d014e86c9ae8c0008",tempdata:tempdata,wxuserid:wxuserid},
         dataType: 'json',
         success: function(data){
        	 if(data=="-1"){
	        		window.location.href="../login.html";
	        		return;
	        	 }
        	 console.log(data)
         var result = "";
         wfid = "gwcc"
         tempdata  =  data.tempdata;
         idid=data.gwccEntity.id;
         taskId = data.taskId;
         if(tempdata==''||tempdata==null){
	         tempdata = getQueryString("tempdata");
	     }
         result+='<tr><td class="titlered">出差事由</td>'+'<td class="titlered2" >'+data.gwccEntity.sqreason+'</td>'+'</tr>';
         result+='<tr><td class="titlered">申请人</td><td  class="titlered2" id="zhengwen" >'+data.gwccEntity.sqrname+'</td></tr>';
        
         result+='<tr><td class="titlered">申请日期</td><td  class="titlered2" id="zhengwen" >'+todata(data.gwccEntity.sqdate).split(" ")[0]+'</td></tr>';

         
         result+='<tr><td class="titlered">部门</td><td  class="titlered2" id="fujian" >'+data.gwccEntity.sqbmname+'</td></tr>';
         result+='<tr><td class="titlered">同行人员</td>'+'<td  class="titlered2" >'+data.gwccEntity.txry+'</td>'+'</tr>';
         result+='<tr><td class="titlered">总人数</td>'+'<td  class="titlered2" >'+data.gwccEntity.ccrs+'</td>'+'</tr>';
        
         if(data.gwccEntity.startdate1!=undefined){
            result+='<tr><td class="titlered">出差日期</td>'+'<td  class="titlered2" >起: '+todata(data.gwccEntity.startdate1).split(" ")[0]+"<br/>迄: "+todata(data.gwccEntity.enddate1).split(" ")[0]+'</td>'+'</tr>';
            result+='<tr><td class="titlered">出差地点</td>'+'<td  class="titlered2" >起: '+data.gwccEntity.startaddr1+"<br/>止: "+data.gwccEntity.endaddr1+'</td>'+'</tr>';
         }      
         if(data.gwccEntity.startdate2!=undefined){
             result+='<tr><td class="titlered">出差日期</td>'+'<td  class="titlered2" >起: '+todata(data.gwccEntity.startdate2).split(" ")[0]+"<br/>迄: "+todata(data.gwccEntity.enddate2).split(" ")[0]+'</td>'+'</tr>';
             result+='<tr><td class="titlered">出差地点</td>'+'<td  class="titlered2" >起: '+data.gwccEntity.startaddr2+"<br/>止: "+data.gwccEntity.endaddr2+'</td>'+'</tr>';
          } 
         if(data.gwccEntity.startdate3!=undefined){
             result+='<tr><td class="titlered">出差日期</td>'+'<td  class="titlered2" >起: '+todata(data.gwccEntity.startdate3).split(" ")[0]+"<br/>迄: "+todata(data.gwccEntity.enddate3).split(" ")[0]+'</td>'+'</tr>';
             result+='<tr><td class="titlered">出差地点</td>'+'<td  class="titlered2" >起: '+data.gwccEntity.startaddr3+"<br/>止: "+data.gwccEntity.endaddr3+'</td>'+'</tr>';
          } 
         if(data.gwccEntity.startdate4!=undefined){
             result+='<tr><td class="titlered">出差日期</td>'+'<td  class="titlered2" >起: '+todata(data.gwccEntity.startdate4).split(" ")[0]+"<br/>迄: "+todata(data.gwccEntity.enddate4).split(" ")[0]+'</td>'+'</tr>';
             result+='<tr><td class="titlered">出差地点</td>'+'<td  class="titlered2" >起: '+data.gwccEntity.startaddr4+"<br/>止: "+data.gwccEntity.endaddr4+'</td>'+'</tr>';
          } 
         
         result+='<tr><td class="titlered">是否单位派车</td>'+'<td  class="titlered2" >'+data.gwccEntity.sfdwpc+'</td>'+'</tr>';
         result+='<tr><td class="titlered">乘坐公共交通工具</td>'+'<td  class="titlered2" >'+data.gwccEntity.jtgj+'</td>'+'</tr>';
         result+='<tr><td class="titlered">其它事项说明</td>'+'<td  class="titlered2" >'+data.gwccEntity.remark+'</td>'+'</tr>';
         stepName = data.stepName.replace(/\s+/g,"");
         var ll = "titlered";
        
         
         /** if(stepName == "拟稿"){
            	 ll="titlereds";
    		 }
         result+='<tr><td class="'+ll+'">拟稿</td>'+'<td id="nigao"  class="titlered2" >'+data.gwccEntity.ngyj+'</td>'+'</tr>';
        */
        
        
        
         if(stepName=="申请"){
        	 ll="titlereds";
         }
        
        
        
        
         if(stepName=="部门审核"){
        	 ll="titlereds";
		 }
         result+='<tr><td class="'+ll+'">部门审核</td>'+'<td id="bumenshenhe"  class="titlered2" >'+data.gwccEntity.bmsh+'</td>'+'</tr>';
         if(data.gwccEntity.sfdwpc=="是"){
        	 ll="titlereds";
             result+='<tr><td class="'+ll+'">综合科审批</td>'+'<td id="zonghekeshenpi"  class="titlered2" >'+data.gwccEntity.zhksh+'</td>'+'</tr>';
         }
         
         if(stepName=="分管领导审批"){
        	 ll="titlereds";
		 }
         result+='<tr><td class="'+ll+'">分管领导审批</td>'+'<td id="fenguanlingdaoshenpi"  class="titlered2" >'+data.gwccEntity.fgldsp+'</td>'+'</tr>';
         
         if(stepName=="主要领导审批"){
        	 ll="titlereds";
		 }
         result+='<tr><td class="'+ll+'">主要领导审批</td>'+'<td id="zhuyaolingdaoshenpi"  class="titlered2" >'+data.gwccEntity.fgldsp+'</td>'+'</tr>';
         
         if(stepName=="申请人确认"){
        	 ll="titlereds";
		 }
         result+='<tr><td class="'+ll+'">申请人确认</td>'+'<td id="shenqingrenqueren"  class="titlered2" >'+data.gwccEntity.sqrqr+'</td>'+'</tr>';
         
         
         
         
         
         
         
         
         $("#content").html(result);
         //if(getQueryString("isDone")=="1"){
         if(data.isDone!="2"){
	         if(data.yjFlag==true&&stepName!='申请'){
	        	 $("#buttonsend").append(' <button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjieyijian()">意见 </button>&nbsp;&nbsp;')
	         }
	         $("#buttonsend").append('<button class="mui-btn mui-btn-positive" type="button"  style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjiewancheng()">完成 </button>&nbsp;&nbsp;');
	         if(data.canBack==true){
	             $("#buttonsend").append('<button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjietuihui()">退回</button>');
	         }
	         if(stepName=="申请"){
	             $("#buttonsend").append('<button class="mui-btn mui-btn-positive" type="button"  style="width: 25%;background: #2196f3;border: 0px;" onclick="editsq()">修改</button>');
	         }
	         $("#buttonsend").show();
         }
         
         
         
         
         
         
         }})
		})
	</script>
</html>