hs
/
hbghj


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
							<!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">
		   <link rel="stylesheet" type="text/css" href="../css/shenpi.css" />
			<script>
			
			
			var listdata;
				$(function(){
					 $.ajax({
			         type: 'post',
			         url: '../../whsqbpcontroller/getZysqbpListByJyr.do',
			         data:{count:"5"},
			         dataType: 'json',
			         success: function(data){
			        	 console.log(data)
			        	 listdata = data;
			         		for(var i=0;i<data.length;i++){
			         			
			         		$("#gaibian").append('<option value="'+i+'">'+data[i].bh+'</option>');
			         		}
			         }})
					
					
					$("#gaibian").live("change",function(){
						
						if($(this).val()=="不选择"){
        				
        				$("#content").html("");
        			}else{
        				$("#content").html('<tr><td class="titlered">船名</td><td class="titlered2" >'+listdata[$(this).val()].cm+'</td></tr>'+
								'<tr><td class="titlered">场地</td><td class="titlered2" >'+listdata[$(this).val()].zydd.bz+'</td></tr>'+
								'<tr><td class="titlered">危货名称</td><td class="titlered2">'+listdata[$(this).val()].wxhwmcbh+'</td></tr>'+
								'<tr><td class="titlered">靠泊时间</td><td class="titlered2" >'+ datetoyue(listdata[$(this).val()].kpsj) +'</td></tr>'+
								'<tr><td class="titlered">开工时间</td><td class="titlered2" >'+datetoyue(listdata[$(this).val()].kgsj)+'</td></tr>')
        				localStorage.mobanid=$(this).val(); 
        			}
						
						
					})
					
					
				})
				function inputse(a){
					
					
        			$("#dsidshow").val($("#dsid option").eq($("#dsid").attr("selectedIndex")).text())
        			if($("#dsid").val()==""){
        				
        				$("#content").html("");
        			}else{
        				$("#content").html('<tr><td class="titlered">船名</td><td class="titlered2" >鲁青远渔108</td></tr>'+
								'<tr><td class="titlered">场地</td><td class="titlered2" >危货名称</td></tr>'+
								'<tr><td class="titlered">危货名称</td><td class="titlered2">甲醇</td></tr>'+
								'<tr><td class="titlered">靠泊时间</td><td class="titlered2" >Z</td></tr>'+
								'<tr><td class="titlered">开工时间</td><td class="titlered2" >X</td></tr>')
        				localStorage.mobanid=$("#dsid").val(); 
        			}
        			
        			
       			}
				$(function(){
			$("#queding").live("click",function(){
				var value = $("#gaibian").val();
				if(value=="不选择"){
					value="";
				}else{
					value = listdata[$("#gaibian").val()].id;
				}
				
				
				location.href="dcttl.html?value="+value; 
				
			})
			$("#quxiao").live("click",function(){
				
				history.back(-1); 
				
			})
			})
				
			</script>
		<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>
	</head>

	<body class="page-blue">
	<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;margin-bottom: 10px;">
			 
			<div style="margin-top:58px;">
				
			
			<span>&nbsp;&nbsp;请选择作业申报复制版本</span>
		<div  class="mui-input-row mui-select" style="border:1px solid gray;margin-top: 10px;width: 90%;margin-left: 5%;border-radius: 5px;height: 40px;" >
			<select  id="gaibian">
          <option value="不选择" selected="">不选择</option>
        </select>
		</div>
			
			
			<div class="content-inner"> 
				<div class="container">
					<div class="table-responsive">  
						<table class="table" title="Default Tabl" style="width: 90%;text-align: center;" align="center">
							<tbody id="content" >
								
							</tbody> 
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<nav style="width: 100%;height: 50px;position: fixed;bottom: 0px;background: white;">
		<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;margin-left: 9%;height: 40px;" id="queding">确定</button>&nbsp;&nbsp;
		<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="quxiao">取消</button>
	</nav>
	</body>
</html>