hs
/
hbghj


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399
							<!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")
				}
			
		})
		
		
		$("#quxiao").live("click",function(){
				
				history.back(-1); 
				
			})
		
		$("#chaxun").live("click",function(){
				
			var szd = $("#suozaidi").val(); //所在地
			var gkjyr =$("#gkjyr").val();//港口经营人名称
			var szgq = $("#gangqu").val();//港区
			var cm =$("#cm").val();//船名
			var wxhwbh = $("#wxhwpm").val();
			var wxhwpm = $("#wxhwbh").val();
			var bgsj1 = $("#bgsj1").val();
			var bgsj2 = $("#bgsj2").val();
			var kgsj1 = $("#kgsj1").val();
			var kgsj2 = $("#kgsj2").val();
			var wgsj1 = $("#wgsj1").val();
			var wgsj2 = $("#wgsj2").val();
			var count = 10;
				$("#content").show();
			 $.ajax({
	         type: 'post',
	         url: '../../whsqbpcontroller/getZysqbpListByParam.do',
	         data:{count:count,szd:szd,gkjyr:gkjyr,szgq:szgq,cm:cm,wxhwbh:wxhwbh,wxhwpm:wxhwpm,bgsj1:bgsj1,bgsj2:bgsj2,kgsj1:kgsj1,kgsj2:kgsj2,wgsj1:wgsj1,wgsj2:wgsj2},
	         dataType: 'json',
	         success: function(data){
	        	 if(data.length==0)
	        	 {
	        		 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
		 					});
	        		 $('#list').html('');
	        		 return;
	        	 }
	        	 $("#content").show();
	        	 console.log(data)
	        	  $('#list').html('');
	        	 for(var i=0;i<data.length;i++){
	        		 
	        		 
	        		 var json = {
	        				 "1":"",
	        				 "4":"",
	        				 "9":"",
	        				 "2":"已完成",
	        				 "3":"审核中",
	        				 "8":"已作废",
	        				 "5":"取消作业",
	        				 "6":"取消完成",
	        				 "7":"变更作业",
	        				 "10":"变更已完成"
	        		 }
	        		 
	        		 
	        		 $("#list").append('<table value="'+data[i].id+'" onclick="tiaohzuan('+data[i].id+')" class="table" title="Default Tabl" style="width: 100%;text-align: center;" align="center" >'+
	        				 '<tbody  >'+
								'<tr><td class="titlered">港口经营人</td><td class="titlered2" >'+data[i].zydw.gkjyr+'</td></tr>'+
								'<tr><td class="titlered">船名</td><td class="titlered2" >'+data[i].cm+'</td></tr>'+
								'<tr><td class="titlered">场地</td><td class="titlered2" >'+data[i].zydd.bz+"-"+data[i].zyddqybh.qynbmc+'</td></tr>'+
								'<tr><td class="titlered">危货名称</td><td class="titlered2" >'+data[i].wxhwmcbh+'</td></tr>'+
								'<tr><td class="titlered">申报时间</td><td class="titlered2" >'+datetoyue(data[i].bgsj)+'</td></tr>'+
								'<tr><td class="titlered">状态</td><td class="titlered2" >'+json[data[i].recordStatus]+'</td></tr>'+
							'</tbody>'+
						'</table>');
	        		 
	        		 
	        	 }
	        	 
	        	 
	         }})
				
				
			})
		 
		$("#gengduoclick").live("click",function(){
				
				if($("#gengduo").css("display")=="none"){
					
					$("#gengduo").show();
				}else{
						$("#gengduo").hide();
				}
				
			})
			
			
		         //查询所在地集合
		         $.ajax({
			         type: 'post',
			         url: '../../codecontroller/listSzd.do',
			         dataType: 'json',
			         success: function(data){
			        	
			        	  
			        	for(var i=0;i<data.length;i++){
			        		if(i==0){
			        			suozaidi(data[i].id)
			        		}
			        		$("#suozaidi").append('<option value="'+data[i].id+'">'+data[i].bz+'</option>');
			        	}
			        	 
			         }})
			
			
			$("#suozaidi").live("change",function(){
				
				var value = $(this).val();
					$("#gangqu").html('<option value=""  selected="selected">请选择</option>');
					 $.ajax({
				         type: 'post',
				         url: '../../gqcontroller/getBySzd.do',
				         data:{szd:value},
				         dataType: 'json',
				         success: function(data){
				        	
				        	  
				        	 console.log(data)
				        	 for(var i=0;i<data.length;i++){
				        			$("#gangqu").append('<option value="'+data[i].id+'"  >'+data[i].gqmc+'</option>');
				        	 }
				        	 
				         }})
					
				
			})
			
			
	})
	function suozaidi(id){
		$("#gangqu").html('<option value=""  selected="selected">请选择</option>');
		 $.ajax({
	         type: 'post',
	         url: '../../gqcontroller/getBySzd.do',
	         data:{szd:id},
	         dataType: 'json',
	         success: function(data){
	        	 for(var i=0;i<data.length;i++){
	        			$("#gangqu").append('<option value="'+data[i].id+'" >'+data[i].gqmc+'</option>');
	        	 }
	        	 
	         }})
	}
	
	 function tiaohzuan(value){
			location.href = "dcttl3.html?value="+value;
		}
</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;
			    z-index: 999999
			}
	.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">
  			<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  href="#">危货作业申报</a>
	</header> 
	<div class="mui-content" style="background: white;margin-top: 50px;padding-bottom: 30px">
	

		<h2 align="center" style="height: 53px;border-bottom: 1px solid #000000;">查询条件</h2>
		
		<div class="center">
		<h5 class="mui-content-padded red">所在地</h5> 
		<div class="mui-input-row mui-select" >
			<select id="suozaidi">
        </select>
		</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" placeholder="请输入港口经营人名称"  id="gkjyr"      class="mui-input-clear"  >
	</div>
	
	
		<h5 class="mui-content-padded red">港区</h5>
	<div class="mui-input-row mui-select" >
			<select id="gangqu">
          <option value=""  selected="selected">请选择</option>
        </select>
		</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" placeholder="请输入船名"   id="cm"     class="mui-input-clear"  >
	</div>
		<div id="parentgengduo" style="width: 100%;text-align: center;"><button style="margin-top: 10px;" id="gengduoclick" >更多查询条件..</button></div>
		
		
		<div id="gengduo" style="display: none;">
		<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" placeholder="请输入危险品名称"  id="wxhwbh"      class="mui-input-clear"  >
	</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" placeholder="请输入危险品编号"  id="wxhwpm"      class="mui-input-clear"  >
	</div>
		
	
	<h5 class="mui-content-padded red">申报时间起</h5>
	<div class="mui-input-row mui-text" style="">
		<div style="position: absolute;left: 100%;margin-left: -40px;z-index: 999;top: 4px">
		<img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
		</div>   
		<input type="date"  id="bgsj1"     class="mui-input-clear"  >
	</div>
	
		
	<h5 class="mui-content-padded red">申报时间止</h5>
	<div class="mui-input-row mui-text" style="">
		<div style="position: absolute;left: 100%;margin-left: -40px;z-index: 999;top: 4px">
		<img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
		</div>  
		<input type="date"   id="bgsj2"   class="mui-input-clear"  >
	</div>
	
			
	<h5 class="mui-content-padded red">开工时间起</h5>
	<div class="mui-input-row mui-text" style="">
		<div style="position: absolute;left: 100%;margin-left: -40px;z-index: 999;top: 4px">
		<img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
		</div> 
		<input type="date"  id="kgsj1"    class="mui-input-clear"  >
	</div>
	
			
	<h5 class="mui-content-padded red">开工时间止</h5>
	<div class="mui-input-row mui-text" style="">
		<div style="position: absolute;left: 100%;margin-left: -40px;z-index: 999;top: 4px">
		<img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
		</div> 
		<input type="date"   id="kgsj2"   class="mui-input-clear"  >
	</div>
	
	<h5 class="mui-content-padded red">完工时间起</h5>
	<div class="mui-input-row mui-text" style="">
		<div style="position: absolute;left: 100%;margin-left: -40px;z-index: 999;top: 4px">
		<img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
		</div> 
		<input type="date"  id="wgsj1"    class="mui-input-clear"  >
	</div>
	
	
	<h5 class="mui-content-padded red">完工时间止</h5>
	<div class="mui-input-row mui-text" style="">
		<div style="position: absolute;left: 100%;margin-left: -40px;z-index: 999;top: 4px">
		<img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
		</div> 
		<input type="date"  id="wgsj2"    class="mui-input-clear"  >
	</div>
	

		</div>
		
		
		</div>
		
		
			<div style="margin-top: 10px;text-align: center;">
			<button class="mui-btn mui-btn-positive" type="button" style="width: 90%;background: #2196f3;border: 0px;height: 40px;" id="chaxun">查询</button>
		</div>
		
		
		<div id="content"  style="display:none;" >
			
			<h2 align="center" style="height: 50px;border-bottom: 1px solid #000000;border-top: 1px solid #000000;">查询结果</h2>
			<div  class="center" id="list" >
				
						
			</div>
		</div>
	</div>
  </body>
</html>