orderSubmit.html 11.5 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>订单提交</title>
	<script type="text/javascript">
		search_ajaxUrl = 'http://www.nong12.com/tip.html?callback=jQuery18304425293356180191_1413859900213&key=a&_=1413859908376'
	</script>

	<link href="http://static.nong12.com/static/common/css0.5/core.css" rel="stylesheet" type="text/css" />
	<link href="http://static.nong12.com/static/common/css0.5/module.css" rel="stylesheet" type="text/css" />
	<link href="http://static.nong12.com/static/common/css0.5/order2.css" rel="stylesheet" type="text/css" />

	<script type="text/javascript" src="../../common/js/base/jquery.js"></script>
	<script type="text/javascript" src="../../common/js/base/sea.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/dist/orderSubmit.css">
	<script type="text/javascript" src="../js/javascript/common/config.js"></script>


</head>

<body>
<!-- loading -->
<div id="s-page-loading"></div>
<!-- loading end-->	

<!-- header-->
<div class="header">
	<div class="h-top-end">
				<div class="top auto-w"> <span class="left">欢迎来到地利批发! 请<a href="#">登录</a> | <a href="#">免费注册</a></span>
					<ul class="right">
						<li> <a href="#">我的地利</a><b></b>
							<dd> <a href="#">我的订单</a> <a href="#">交易流程</a> <a href="#">资金安全</a> <a href="#">售后服务</a> <a href="#">集合竞价</a> </dd>
						</li>
						<li> <a href="#">我的订单</a><b></b>
							<dd> <a href="#">我的订单</a> <a href="#">交易流程</a> <a href="#">资金安全</a> <a href="#">售后服务</a> <a href="#">集合竞价</a> </dd>
						</li>
						<li class="top-jinghuo"> <a href="#">进货单</a> </li>
						<li> <a href="#">我的地利</a><b></b>
							<dd> <a href="#">我的订单</a> <a href="#">交易流程</a> <a href="#">资金安全</a> <a href="#">售后服务</a> <a href="#">集合竞价</a> </dd>
						</li>
						<li> <a href="#">网站导航</a><b></b>
							<dd> <a href="#">我的订单</a> <a href="#">交易流程</a> <a href="#">资金安全</a> <a href="#">售后服务</a> <a href="#">集合竞价</a> </dd>
						</li>
					</ul>
				</div>
			</div><!--最顶部-->
    <div class="header-mo">
    	<div class="mo-fn1"><a href="#"></a></div>
        <div class="right">
		  <div class="sort-order2"></div>
        </div>
    </div>
</div><!--header结束-->


<!-- header end -->


<!-- main-->

<div class="main auto-1200">
	<div class="main-box">
		<div class="g-title"><h2>1、提货人信息</h2></div>
		<ul class="consignee-list clearfix">
			<li class="selected">
				<div class="info-data">
					<p>提 货 人: 郭军</p>
					<p>联系电话: 158****8888</p>
					<p>身份证号: 220802********0018</p>
                    <p>&nbsp;&nbsp;址: <b class="info-address">四川省眉山市仁寿县那个地方的某个地方</b></p>
				</div>
			</li>
			<li>
				<div class="list-tool clearfix">
					<a href="javascript:void(0);" class="a-link ll">设为默认收货人</a>
					<span class="rr">
						<a href="#user-pop" class="a-link fancybox d-edit">修改</a>
						<a href="javascript:void(0)" class="d-remove"></a>
					</span>
				</div>
				<div class="info-data">
					<p>提 货 人: 郭军</p>
					<p>联系电话: 158****8888</p>
					<p>身份证号: 220802********0018</p>
                    <p>&nbsp;&nbsp;址: <b class="info-address">四川省眉山市仁寿县那个地方的某个地方</b></p>
				</div>
			</li>
			<li>
				<div class="list-tool clearfix">
					<a href="javascript:void(0);" class="a-link ll normal">默认提货人</a>
					<span class="rr">
						<a href="#user-pop" class="a-link fancybox d-edit">修改</a>
						<a href="javascript:void(0)" class="d-remove"></a>
					</span>
				</div>
				<div class="info-data">
					<p>提 货 人: 郭军</p>
					<p>联系电话: 158****8888</p>
					<p>身份证号: 220802********0018</p>
                    <p>&nbsp;&nbsp;址: <b class="info-address">四川省眉山市仁寿县那个地方的某个地方</b></p>
				</div>
			</li>
			<li href="#user-pop" class="add-itme fancybox">
				<span class="add-icon">+</span>
				<span>新建提货人</span>
			</li>
		</ul>
		<div class="g-title"><h2>2、货款支付方式</h2></div>
		<div class="d-group">
			<div class="d-group-list">
				<input type="radio" id="r1" name="paytype" value="0">
				<label for="r1">在线付款:<span>通过网上银行直接线上付款</span></label>
			</div>
			<div class="d-group-list">
				<input type="radio" id="r2" name="paytype" value="1">
				<label for="r2">线下汇款:<span>直接到银行网点将购货款汇入地利收款银行(有时效限制,确认订单后必须2小时内汇款成功)</span></label>
			</div>
			<div class="d-group-list">
				<input type="radio" id="r3" checked="checked" name="paytype" value="3">
				<label for="r3">提货付款:<span>在提货时付款</span></label>
			</div>
		</div>
		<div class="g-title"><h2>3、配送方式</h2></div>
		<div class="d-group">
			<div class="d-group-list clearfix">
				<span class="ll">地利自营共5件商品</span>
                <div class="self-get">
                    <span>自提地址:</span>
                    <div class="self-address">
                        <span>
                            <select class="s-select" name="">
                                <option value="option"></option>
                                <option value="option">option</option>
                                <option value="option">option</option>
                            </select>
                        </span>
                        <span>
                            <select class="s-select" name="">
                                <option value="option"></option>
                                <option value="option">option</option>
                                <option value="option">option</option>
                            </select>
                        </span>
                        <span>
                            <select class="s-select" name="">
                                <option value="option">县/区</option>
                                <option value="option">option</option>
                                <option value="option">option</option>
                            </select>
                        </span>
                        <input type="text" class="iptText" />
                    </div>
                </div>
                <div class="">
                    <span>选择提货时间:</span>
				    <div class="view-delivery"></div>
				    <span class="m-tips">
                        <i></i>
                        <em></em>
                        为保证您能及时提货, 请尽快完成付款.
                    </span>
                </div>
			</div>
			<div class="d-group-list clearfix">
				<span class="ll">地利自营共5件商品</span>
				选择提货时间:
				<div class="view-delivery"></div>
				<span class="m-tips">
                    <i></i>
                    <em></em>
                    为保证您能及时提货, 请尽快完成付款.
                </span>
			</div>
		</div>
		<div class="g-title">
			<h2 class="clearfix"><span class="ll">4、商品信息</span><a href="#" class="a-link rr">返回修改进货单</a></h2>
		</div>
		<div class="d-group">
			<table cellspacing="0" cellpadding="0">
				<tr>
					<th>何时能噶破名称</th>
					<th>供应商</th>
					<th>单价</th>
					<th>数量</th>
					<th>小计</th>
					<th>提货点</th>
					<th></th>
				</tr>
				<tr>
					<td>
						<a href="#" class="p-img"><img src="../upload/img-1-8.png"></a>
						<div class="p-info">
							<a class="p-name" href="#">XX产品XX的爽,爽歪歪!爽歪歪!</a>
							<p>属性1:属性1</p>
							<p>属性2:属性2</p>
							<div class="order-service">
								<img src="http://static.nong12.com/static/common/images/i/os-img.png" alt="">
								<img src="http://static.nong12.com/static/common/images/i/os-img1.png" alt="">
								<img src="http://static.nong12.com/static/common/images/i/os-img2.png" alt="">
							</div>
						</div>
					</td>
					<td>
						<i class="self"></i><span class="">地利自营</span>
					</td>
					<td>¥2332.32/斤</td>
					<td>23</td>
					<td>¥2332423.23</td>
					<td>山东寿光</td>
					<td></td>
				</tr>
				<tr class="item_disabled">
					<td>
						<a href="#" class="p-img"><img src="../upload/img-1-8.png"></a>
						<div class="p-info">
							<a class="p-name" href="#">XX产品XX的爽,爽歪歪!爽歪歪!</a>
							<p>属性1:属性1</p>
							<p>属性2:属性2</p>
							<div class="order-service">
								<img src="http://static.nong12.com/static/common/images/i/os-img.png" alt="">
								<img src="http://static.nong12.com/static/common/images/i/os-img1.png" alt="">
								<img src="http://static.nong12.com/static/common/images/i/os-img2.png" alt="">
							</div>
						</div>
					</td>
					<td>
						<i class="self"></i><span class="">地利自营</span>
					</td>
					<td>¥2332.32/斤</td>
					<td>23</td>
					<td>¥2332423.23</td>
					<td>山东寿光</td>
					<td><span class="m-tips">失效</span></td>
				</tr>
			</table>
		</div>
		<div class="g-title"><h2>5、备注</h2></div>
		<div class="d-group">
			<textarea placeholder="对本次交易的说明(建议填写已经和卖家达成一致的说明)"></textarea>
		</div>
	</div>
	<div class="form-btns">
		<div class="ds">
			<div class="ds-price">应付总金额:<b class="col-f60">¥323221.21</b></div>
			<div class="ds-user">
				<span>Hoyer 158****4091 520***********4974</span>
				<a href="#user-pop" class="a-link fancybox">修改</a>
				<a href="#" class="a-link">选择其他人</a>
			</div>
			<span class="submitBtn">提交订单</span>
		</div>
	</div>
</div>

<!-- main end -->


<!-- 新增联系人弹层 -->

<div id="user-pop">
	<h3 class="pop-title">新建提货人</h3>
	<form class="s-validate">
		<table cellspacing="0" cellpadding="0">
			<tr>
				<td class="align-right">提货人:</td>
				<td><input type="text" class="iptText required"></td>
			</tr>
			<tr>
				<td class="align-right">联系手机:</td>
				<td><input type="text" class="iptText"></td>
			</tr>
			<tr>
				<td class="align-right">固定电话:</td>
				<td>
					<input type="text" class="iptText" id="i1" placeholder="区号">
					<span class="line">-</span>
					<input type="text" class="iptText" id="i2" placeholder="电话">
					<span class="line">-</span>
					<input type="text" class="iptText" id="i3" placeholder="分机号">
				</td>
			</tr>
			<tr>
				<td class="align-right">身份证号码:</td>
				<td>
					<input type="text" class="iptText required">
					<p class="iptTips">提货人身份证号码仅用于提货时验证身份</p>
				</td>
			</tr>
			<tr>
				<td class="align-right">地址:</td>
				<td>
					<input type="text" class="iptText required">
					<p class="iptTips">提货人身份证号码仅用于提货时验证身份</p>
				</td>
			</tr>
			<tr>
				<td class="align-right">&nbsp;</td>
				<td><input type="checkbox" id="c1"><label for="c1">设为默认提货人</label></td>
			</tr>
		</table>
		<div class="s-but-box"><button class="submitBtn">确定</button></div>
	</form>
</div>

<!-- 新增联系人弹层 end -->


<script type="text/javascript">

	seajs.use([ '../js/javascript/common/common.js','../js/javascript/order/orderSubmit.js']);
	
</script>

<!-- footer-->

<!-- footer end -->
</body>
</html>