<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="<%=basePath %>resource/css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="<%=basePath %>resource/easyui/uimaker/easyui.css">
    <link rel="stylesheet" type="text/css" href="<%=basePath %>resource/easyui/uimaker/icon.css">
    <link rel="stylesheet" href="<%=basePath %>resource/css/providers.css">
    <link href="<%=basePath %>resource/ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type='text/css'/>
    <style type="text/css">
    	.fspan{
    		color:#f00;
    	}
    	.datagrid-toolbar{
    		background-color:#ececec;
    	}
    	.ftd{
    		margin-left:20px;
    		display:inline;
    	}
    	div.ftitle{
    		font-size:12px;
    		color:#171e24;
    		height:29px;
    		line-height:29px;
    		font-weight:normal;
    		padding-left:10px;
    	}
    </style>
    <!-- validate 验证中英文 -->
    <script type="text/javascript" src="<%=basePath %>resource/validate/jquery.validate-${pageContext.response.locale}.js"></script>
</head>
<body>
<div class="container">


		<div class="content">
			
		        <form class="from-control" id="form">
			        <div class="panel">
			        
			        	 <!-- 主单号 -->
			        	 <div class="panel-header">
			        	  		<div class="ftitle">主单号</div>
			        	  		<div class="panel-tool">
			        	  			<a href="javascript:void(0)" class="panel-tool-collapse"></a>
			        	  		</div>
			        	 </div>
			        	  
			        	 <div class=" datagrid-wrap panel-body">
			        	 	<div class="datagrid-toolbar">
			        	 	
			        	 	
			        	 		<span for="autoid">主单号<span class="fspan">*</span></span>
			        	 		<input id="auto_id" name="auto_id" type="text" disabled="disabled" value="${waybillnomaster }" >
			        	 		
			        	 	</div>
			        	 </div>
			        	 
			        	 <!-- 航班信息栏目 -->
			        	 <div class="panel-header">
			        	 	<div class="panel-title">航班信息</div>
			        	 </div>
			        	 <div class="datagrid-wrap panel-body">
			        	 	<div class="datagrid-toolbar">
			        	 		<div class="ftd">
				        	 		<span for="carrier">承运人<span class="fspan">*</span></span>
				        	 		<input id="carrier" name="carrier" type="text" vlaue="${carrier }">
			        	 		</div>
			        	 		
			        	 		<div class="ftd">
				        	 		<span for="flightno">航班号<span class="fspan">*</span></span>
				        	 		<input id="flightno" name="flightno" type="text" value="${flightno }">
			        	 		</div>
			        	 		
			        	 		<div class="ftd">
			        	 			<span for="flightdate">航班日期<span class="fspan">*</span></span>
			        	 			<input id="flightdate" name="flightdate" type="date" value="1992-02-02">

			        	 		</div>
			        	 		
			        	 		<div class="ftd">
			        	 			<span for="originatingstation">起始站<span class="fspan">*</span></span>
			        	 			<input id="originatingstation" style="width:50px;"name="originatingstation" type="text" disabled="disabled" value="${originatingstation }">
			        	 		</div>
			        	 		
			        	 		<div class="ftd">
			        	 			<span for="destinationstation">目的站<sapn class="fspan">*</sapn></span>
			        	 			<input id="destinationstation" style="width:50px;" name="destinationstation" type="text">
			        	 		</div>
			        	 	</div>
			        	 </div>
			        	 
			        	 
			        	 <!-- 货物信息栏目 -->
			        	 <div class="panel-header">
			        	 	<div class="panel-title">货物信息 </div>
			        	 </div>
			        	 
			        	 <div class="datagrid-wrap panel-body">
			        	 	<div class="datagrid-toolbar">
				        	 	<div class="ftd">
				        	 		<span for="totalpiece">运单件数<span class="fspan">*</span></span>
				        	 		<input id="totalpiece" name="totalpiece" style="width:70px;" type="text" vlaue="">
			        	 		</div>
			        	 		<div class="ftd">
				        	 		<span for="totalweight">运单重量<span class="fspan">*</span></span>
				        	 		<input id="totalweight" name="totalweight" style="width:70px;" type="text" vlaue="">
			        	 		</div>
			        	 		<div class="ftd">
			        	 			<sapn for="preparetotalpiece">预配件数<span class="fspan">*</span></sapn>
			        	 			<input id="preparetotalpiece" name="preparetotalpiece" style="width:70px;" type="text" value="">
			        	 		</div>
			        	 		<div class="ftd">
			        	 			<span for="customsstatus">海关状态:</span>
			        	 			<select name="customsstatus" id="customsstatus">
			        	 				<option value="1">1</option>
			        	 				<option value="2">2</option>
			        	 			</select>
			        	 		</div>
			        	 		<br />
			        	 		<div class="ftd">
			        	 			<span for="paymode">付费方式<span class="fspan">*</span></span>
			        	 			<select name="paymode" id="paymode">
			        	 				<option value="1">1</option>
			        	 				<option vlaue="2">2</option>
			        	 			</select>
			        	 		</div>
			        	 		
			        	 		<div class="ftd">
			        	 			<span for="productname">货物描述<span class="fspan">*</span></span>
			        	 			<input id="productname" name="productname" type="text" >
			        	 		</div>
			        	 		<div class="ftd">
			        	 			<span for="stowagedate">预配时间<span class="fspan">*</span></span>
			        	 			<input id="stowagedate" name="stowagedate" type="date" >
			        	 		</div>
			        	 		<div class="ftd">
			        	 			<span for="customscode">海关关区<span class="fspan">*</span></span>
			        	 			<select name="customscode" name="customscode">
			        	 				<option value="1">1</option>
			        	 				<option value="2">2</option>
			        	 			</select>
			        	 		</div>
			        	 		<br />
			        	 		
			        	 		<div class="ftd">
			        	 			<span for="agentman">代理人名称:</span>
			        	 			<input id="agentman" name="agentman" type="text">
			        	 		</div>
			        	 		<div class="ftd">
			        	 			<span for="agentcompany">代理人公司:</span>
			        	 			<input id="agentcompany" name="agentcompany" type="text">
			        	 		</div>

			        	 		
			        	 		
			        	 	</div>
			        	 </div>
			        	 
			        	 <div class="panel-header">
			        	 	<div class="panel-title">收货人信息</div>
			        	 </div>
			        	 <div class="datagrid-wrap panel-body">
			        	 	<div class="datagrid-toolbar">
			        	 		<!-- 发货人信息 -->
			        	 		<div class="ftd">
			        	 			<span for="shippername">发货人名称<span class="fspan">*</span></span>
			        	 			<input id="shippername" name="shippername" type="text" >
			        	 		</div>
			        	 		<div class="ftd">
			        	 			<span for="shippercity">发货人城市<span class="fspan">*</span></span>
			        	 			<input id="shippercity" name="shippercity" type="text" >
			        	 		</div>
			        	 		<div class="ftd">
			        	 			<span for="shipperaddress">发货人地址<span class="fspan">*</span></span>
			        	 			<input id="shipperaddress" name="shipperaddress" type="text" >
			        	 		</div>
			        	 	</div>
			        	 </div>
			        	 
			        	 <div class="panel-header">
			        	 	<div class="panel-title">收货人名称:</div>
			        	 </div>
			        	 <div class="datagrid-wrap panel-body">
			        	 	<div class="datagrid-toolbar">
			        	 		<!-- 收货人信息 -->
			        	 		<div class="ftd">
			        	 			<span for="consigneename">收货人名称<span class="fspan">*</span></span>
			        	 			<input id="consigneename" name="consigneename" type="text" >
			        	 		</div>
			        	 		<div class="ftd">
			        	 			<span for="consigneecity">收货人城市<span class="fspan">*</span></span>
			        	 			<input id="consigneecity" name="consigneecity" type="text" >
			        	 		</div>
			        	 		<div class="ftd">
			        	 			<span for="consigneeaddress">收货人地址<span class="fspan">*</span></span>
			        	 			<input id="consigneeaddress" name="consigneeaddress" type="text" >
			        	 		</div>
			        	 		<br />
			        	 		
			        	 		<div class="ftd">
			        	 			<span for="countrycode">国家代码:</span>
			        	 			<input id="countrycode" name="contrycode" type="text">
			        	 		</div>
			        	 		<div class="ftd">
			        	 			<span for="provincecode">省份代码:</span>
			        	 			<input id="provincecode" name="provincecode" type="text">
			        	 		</div>
			        	 		<div class="ftd">
			        	 			<span for="provincename">省份名称:</span>
			        	 			<input id="provincename" name="provincename" type="text">
			        	 		</div>
			        	 		
			        	 		<div class="ftd">
			        	 			<sapn for="zipcode">邮编:</sapn>
			        	 			<input id="zipcode" name="zipcode" type="text">
			        	 		</div>
			        	 		<br />
			        	 		<a style="background:#18A197;color:#FFF;border:1px solid #18A197" iconcls="icon-save" class="easyui-linkbutton l-btn l-btn-samll l-btn-selected">保存</a>
			        	 	</div>
			        	 </div>
			        	 
			        	 
			        	 <!-- 分单信息 -->
			        	 <div class="panel-header">
			        	 	<div class="panel-title">新增分单</div>
			        	 </div>
			        	 <div class="datagrid-wrap panel-body">
			        	 	<div class="datagrid-toolbar">
			        	 		<a onclick="show_dialog()" style="background:#f84167;color:#FFF;border:1px solid #f84167" iconcls="icon-add" class="easyui-linkbutton l-btn l-btn-samll l-btn-selected">新增分单</a>
			        	 	</div>
			        	 </div>
			        </div>
			        
               </form>
		</div>


	<div id="add_new_preparemaster" class="easyui-window" closed="true" title="My Window" style="width:300px;height:100px;padding:5px;">
		<div class="panel">
			<div class="panel-header">
				<div class="panel-title">主单号:${waybillnomaster }</div>
			</div>
			<div class="panel-body">
				<div class="fspan">
					<span for="carrier">承运人:</span>
				</div>
			</div>
		</div>
	</div>
    
</div>
<!-- 外部js -->
<script type="text/javascript" src="<%=basePath %>resource/easyui/jquery.min.js"></script>
<script type="text/javascript" src="<%=basePath %>resource/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=basePath %>resource/easyui/easyui-lang-${pageContext.response.locale}.js"></script>
<script type="text/javascript" src="<%=basePath %>resource/js/tools.js"></script>
<!--弹出层引入的JS-->
<script type="text/javascript" src="<%=basePath %>resource/layer-v3.0.3/layer/layer.js"></script>
<script src="<%=basePath %>resource/ztree/js/jquery.ztree.core.js"></script>
<script src="<%=basePath %>resource/ztree/js/jquery.ztree.excheck.js"></script>

<script>
	function show_dialog(){
		$("#add_new_preparemaster").window("open");
	}
	function getDate(time){
		//var current_time = Date.parse(new Date(time));
		var d = new Date(time);
		var time_str = d.getFullYear()+"-";
		if(d.getMonth()+1<10)
			time_str = time_str + "0"+(d.getMonth()+1)+"-";
		else
			time_str=  time_str + (d.getMonth()+1)+"-";
		if(d.getDate() < 10)
			time_str = time_str + "0" + d.getDate();
		else
			time_str = time_str + d.getDate();
		return time_str;
	}
	$(document).ready(function(){
		$("#flightdate").val(getDate(Date.parse(new Date())));
		$("#stowagedate").val(getDate(Date.parse(new Date())));
	});
</script>


</body>
</html>