hs
/
hbghj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
							<!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 href="../css/base.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
     <link rel="stylesheet" type="text/css" href="../css/shenpi.css" />
    <script type="text/javascript" src="../js/zepto.min.js"></script>
</head>
<script>
	$(function(){
		$("#isokchuandui").live("click",function(){
				if($(this).attr("checked")){
					$("#chuandui").removeClass("mui-hidden")
				}else{
					
						$("#chuandui").addClass("mui-hidden")
				}
			
		})
		 
		
		
		
		
		      
			 $.ajax({
		         type: 'post',
		         url: '../../whsqbpcontroller/getById.do',
		         data:{id:getQueryString("value")},
		         dataType: 'json',
		         success: function(data){
		        	 
		        	 
		        	 console.log(data)
		        	 
		        	 
		        	 $("#cm").val(data.cm)
		        	 $("#zysl").val(data.zysl)
		        	 

			        	if(data.zysjq!=""&&data.zysjq!=null){ 
			        		$("#zysjq-date").val(dateutil(data.zysjq).date)
				        	$("#zysjq-time").val(dateutil(data.zysjq).time)
			        	}
		        	 
		        	 
		        	 
		        	 if(data.zysjz!=""&&data.zysjz!=null){ 
			        		$("#zysjz-date").val(dateutil(data.zysjz).date)
				        	$("#zysjz-time").val(dateutil(data.zysjz).time)
			        	}
		        	 
		        	 $("#hc").val(data.hc)
		        	 
		         }})
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		$("#queding").live("click",function(){

			var cm = $("#c-cm").val();
			
			if(cm==""){
				showmessage("船名不能为空")
				return;
			}
			var zysl =  $("#c-zysl").val();
			if(zysl==""){
				showmessage("作业数量不能为空")
				return;
			}
			var hc =$("#hc").val();
       	 	
			if(hc==""){
				showmessage("航次不能为空")
				return;
			}
			
			//作业时间止
			var zysjz = $("#c-zysjz-date").val()+" "+$("#c-zysjz-time").val();
			
			
			
			//作业时间止
			var zysjq = $("#c-zysjq-date").val()+" "+$("#c-zysjq-time").val();
			

			 var begin=new Date(zysjq.replace(/-/g,"/"));
		      var end=new Date(zysjz.replace(/-/g,"/"));
		      //js判断日期
		      if(begin-end>0){
		    	  showmessage("作业时间止要大于作业时间起!");  
		         return ;
		      }
			var bgyy = $("#c-bgyy").val();
			
			
			
			if(bgyy==""){
				showmessage("变更原因不能为空!")
				return;
			}
			
			
			
		      
			 $.ajax({
		         type: 'post',
		         url: '../../whsqbpcontroller/doBgzy.do',
		         data:{id:getQueryString("value"),
		        	 cm:cm,
		        	 zysl:zysl,
		        	 hc:hc,
		        	 zysjq:zysjq,
		        	 zysjz:zysjz,
		        	 bgyy:bgyy
		         },
		         dataType: 'json',
		         success: function(data){
		        	 if(data!=null&&data!=""){
		        		 showmessage("变更成功")
		        		 setTimeout(function(){
		        		//	 location.href="index.html"
		        		history.back("-1")
				        	 }, 1000);
		        	 }else{
		        		 showmessage("变更失败") 
		        	 }
		         }});
			
			
			
			
			
			
			
			
			
			
		})		
		$("#quxiao").live("click",function(){
				
				history.back(-1); 
				
			})
	})
	
</script>
<style>

*{margin: 0px;padding: 0px}
	 .header {
				width:100%;
				height:45px;
				line-height:45px;
				padding:0;
				
				color:#eee;  
				font-size:22px;
				text-align:center;
				color:white;
			    background: #2196f3;
			    position: fixed;
			    top: 0px;
			}
	.header a{color: white;}
	.mui-content-padded {
  margin: 0px;
  margin-top:30px;
  margin-bottom: 5px;
  color: black;
  font-size: 20px;
}
.mui-select{
	  border: 1px solid rgba(0,0,0,.2);
  border-radius: 3px;
  margin-bottom: 0px;
}
.wubiankuang{border: 0px;}
.red{color: red;}
#container {
    width: 400px;
    display: table
}
.left, .mid {
    display: table-cell;
}
.mid {
    width: 100%;
    
}

.mui-btn-positive{margin-top: 20px;}
.left{
    white-space:nowrap;
}

</style>
  <body >
  		<header class="header">
		<a  href="#">危货作业申报</a>
	</header>
	
	
	
	
	<div class="mui-content" style="padding-left: 10px;padding-right: 10px;background: white;margin-top: 70px;padding-bottom: 30px">
		<h2 align="center" style="height: 60px;border-bottom: 1px solid #000000;">原有信息</h2>
		
		<h5 class="mui-content-padded red">船名</h5>
	<div class="mui-input-row mui-text">
		<input id="cm" type="text" style="border: 0px" readonly="readonly" class="mui-input-clear"  placeholder="请输入船名" >
	</div>
		
		
	
	<h5 class="mui-content-padded red">作业数量</h5>
	<div class="mui-input-row mui-text" style="">
		<div style="position: absolute;right: 8px;z-index: 999;top: 4px">
		</div>   
		<input type="text" id="zysl"   style="border: 0px;" readonly="readonly" placeholder=""  class="mui-input-clear"  >
	</div>
	
		<h5 class="mui-content-padded red">作业时间起</h5>
		<div class="mui-input-row mui-text"  >
		<div style="position: absolute;left:48%;margin-left: -33px;z-index: 999;top: 4px">
		<img  src="../image/rili.png" style="width: 30px;height: 30px">
		</div>
		<div style="position: absolute;left:99%;margin-left: -33px;z-index: 999;top: 4px">
		<img  src="../image/time.png" style="width: 30px;height: 30px">
		</div>
		<input id="zysjq-date"  readonly="readonly" type="date" placeholder="年/月/日" style="width: 48%;margin-right: 1%;" class="mui-input-clear"  ><input readonly="readonly" id="zysjq-time"  style="width: 50%;" type="time" class="mui-input-clear" placeholder="时/分/秒" >  
	</div>
	
		<h5 class="mui-content-padded red">作业时间止</h5>
		<div class="mui-input-row mui-text"  >
		<div style="position: absolute;left:48%;margin-left: -33px;z-index: 999;top: 4px">
		<img  src="../image/rili.png" style="width: 30px;height: 30px">
		</div>
		<div style="position: absolute;left:99%;margin-left: -33px;z-index: 999;top: 4px">
		<img  src="../image/time.png" style="width: 30px;height: 30px">
		</div>
		<input id="zysjz-date" readonly="readonly" type="date" placeholder="年/月/日" style="width: 48%;margin-right: 1%;" class="mui-input-clear"  ><input readonly="readonly" id="zysjz-time"  style="width: 50%;" type="time" class="mui-input-clear" placeholder="时/分/秒" >  
	</div>
	
 	<h5 class="mui-content-padded red">航次</h5>
	<div class="mui-input-row mui-text" style="">
		<div style="position: absolute;right: 8px;z-index: 999;top: 4px">
		</div>   
		<input type="text" id="hc"   style="border: 0px;" readonly="readonly" placeholder=""  class="mui-input-clear"  >
	</div>
 <h2 align="center" style="height: 60px;border-top: 1px solid #000000;border-bottom: 1px solid #000000;">变更信息</h2>
 
 <h5 class="mui-content-padded red">船名</h5>
	<div class="mui-input-row mui-text">
		<input id="c-cm" type="text" class="mui-input-clear"  placeholder="请输入船名" >
	</div>
 
 <h5 class="mui-content-padded red">作业数量</h5>
	<div class="mui-input-row mui-text">
		<input  onkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')" type="number" id="c-zysl" class="mui-input-clear"  placeholder="请输入作业数量" >
	</div>
 
 	
		<h5 class="mui-content-padded red">作业时间起</h5>
		<div class="mui-input-row mui-text"  >
		<div style="position: absolute;left:48%;margin-left: -33px;z-index: 999;top: 4px">
		<img  src="../image/rili.png" style="width: 30px;height: 30px">
		</div>
		<div style="position: absolute;left:99%;margin-left: -33px;z-index: 999;top: 4px">
		<img  src="../image/time.png" style="width: 30px;height: 30px">
		</div>
		<input id="c-zysjq-date"  type="date" placeholder="年/月/日" style="width: 48%;margin-right: 1%;" class="mui-input-clear"  ><input id="c-zysq-time"  style="width: 50%;" type="time" class="mui-input-clear" placeholder="时/分/秒" >  
	</div>
	
		<h5 class="mui-content-padded red">作业时间止</h5>
		<div class="mui-input-row mui-text"  >
		<div style="position: absolute;left:48%;margin-left: -33px;z-index: 999;top: 4px">
		<img  src="../image/rili.png" style="width: 30px;height: 30px">
		</div>
		<div style="position: absolute;left:99%;margin-left: -33px;z-index: 999;top: 4px">
		<img  src="../image/time.png" style="width: 30px;height: 30px">
		</div>
		<input id="c-zysjz-date" type="date" placeholder="年/月/日" style="width: 48%;margin-right: 1%;" class="mui-input-clear"  ><input id="c-zysjz-time"  style="width: 50%;" type="time" class="mui-input-clear" placeholder="时/分/秒" >  
	</div>
	<h5 class="mui-content-padded red">航次</h5>
	<div class="mui-input-row mui-text" style="">
		<div style="position: absolute;right: 8px;z-index: 999;top: 4px">
		</div>   
		<input type="text" id="c-hc"   placeholder=""  class="mui-input-clear"  >
	</div>
	 <h5 class="mui-content-padded red">变更原因</h5>
	<div class="mui-input-row mui-text">
		
		<textarea id="c-bgyy" style="height: 100px;" placeholder="请输入变更原因"></textarea>
	</div>
		<div style="margin-top: 30px;text-align: center;">
			<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="queding">确定</button>&nbsp;&nbsp;&nbsp;&nbsp;
			<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="quxiao">取消</button>
		</div>
	
	</div>
  </body>
</html>