商城项目渲染订单页面展示订单结算信息-----商城项目

#哪个编程工具让你的工作效率翻倍?#
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8" />
		<script src="/static/order/confirm/js/jquery-3.1.1.min.js"></script>
		<link rel="stylesheet" type="text/css" href="/static/order/confirm/css/JD2.css" />
		<title></title>
	</head>
	<body>
		<!--顶部-->
		<header>
			<div class="header">
				<ul class="header-left">
					<li>
						<img src="/static/order/confirm/img/header_1.png"/>
						<a href="/static/order/confirm/">谷粒学院首页</a>
					</li>
					<li class="header-l-2">
						<i class="fa fa-map-marker" style="color: #5C5452;"></i>
						<a href="/static/order/confirm/">北京</a>
						<div class="header-l-d">

							<ul>
								<li><a href="/static/order/confirm/" style="background: red; color: white;">北京</a></li>
								<li><a href="/static/order/confirm/">山西</a></li>
								<li><a href="/static/order/confirm/">内蒙古</a></li>
								<li><a href="/static/order/confirm/">福建</a></li>
								<li><a href="/static/order/confirm/">江西</a></li>
								<li><a href="/static/order/confirm/">西藏</a></li>
								<li><a href="/static/order/confirm/">新疆</a></li>
							</ul>
							<ul>
								<li><a href="/static/order/confirm/">上海</a></li>
								<li><a href="/static/order/confirm/">河南</a></li>
								<li><a href="/static/order/confirm/">江苏</a></li>
								<li><a href="/static/order/confirm/">湖北</a></li>
								<li><a href="/static/order/confirm/">四川</a></li>
								<li><a href="/static/order/confirm/">陕西</a></li>
								<li><a href="/static/order/confirm/">港澳</a></li>
							</ul>
							<ul>
								<li><a href="/static/order/confirm/">天津</a></li>
								<li><a href="/static/order/confirm/">辽宁</a></li>
								<li><a href="/static/order/confirm/">山东</a></li>
								<li><a href="/static/order/confirm/">湖南</a></li>
								<li><a href="/static/order/confirm/">海南</a></li>
								<li><a href="/static/order/confirm/">甘肃</a></li>
								<li><a href="/static/order/confirm/">台湾</a></li>
							</ul>
							<ul>
								<li><a href="/static/order/confirm/">重庆</a></li>
								<li><a href="/static/order/confirm/">吉林</a></li>
								<li><a href="/static/order/confirm/">安徽</a></li>
								<li><a href="/static/order/confirm/">广东</a></li>
								<li><a href="/static/order/confirm/">贵州</a></li>
								<li><a href="/static/order/confirm/">青岛</a></li>
								<li><a href="/static/order/confirm/">钓鱼岛</a></li>
							</ul>
							<ul>
								<li><a href="/static/order/confirm/">河北</a></li>
								<li><a href="/static/order/confirm/">黑龙江</a></li>
								<li><a href="/static/order/confirm/">浙江</a></li>
								<li><a href="/static/order/confirm/">广西</a></li>
								<li><a href="/static/order/confirm/">云南</a></li>
								<li><a href="/static/order/confirm/">宁夏</a></li>
								<li><a href="/static/order/confirm/">海外</a></li>
							</ul>


						</div>
					</li>

				</ul>
				<ul class="header-right">
					<li>[[${session.get('loginUser').getNickname()}]]<img src="/static/order/confirm/img/03.png" style="margin-bottom: 0px;margin-left3: 3px;" /><img src="/static/order/confirm/img/06.png" /></li>
					<li>|</li>
					<li class="spacer"></li>
					<li><a href="/static/order/confirm/">我的订单</a></li>
					<li class="spacer"></li>
					<li>
						<a href="/static/order/confirm/">我的谷粒学院</a>
						<i class="fa fa-angle-down"></i>
						<div class="header-r-1 aa header-r-11">
							<div>
								<ol>
									<dd><a href="/static/order/confirm/">待处理订单</a></dd>
									<dd><a href="/static/order/confirm/">返修退换货</a></dd>
									<dd><a href="/static/order/confirm/">降价商品</a></dd>

								</ol>
								<ol>
									<dd><a href="/static/order/confirm/">消息</a></dd>
									<dd><a href="/static/order/confirm/">我的问答</a></dd>
									<dd><a href="/static/order/confirm/">我的关注</a></dd>

								</ol>

							</div>
							<div>
								<ol>
									<dd><a href="/static/order/confirm/">我的京豆</a></dd>
									<dd><a href="/static/order/confirm/">我的白条</a></dd>
								</ol>
								<ol>
									<dd><a href="/static/order/confirm/">我的优惠劵</a></dd>
									<dd><a href="/static/order/confirm/">我的理财</a></dd>
								</ol>

							</div>
							<div>
								<h4><a href="/static/order/confirm/">我的足迹</a><a href="/static/order/confirm/">更多 ></a> </h4>
								<a href="/static/order/confirm/"><img src="/static/order/confirm/image/59ae02fcN529cc4a1.jpg"/></a>
								<a href="/static/order/confirm/"><img src="/static/order/confirm/image/59ce706fN6f3f2a4a.jpg"/></a>
								<a href="/static/order/confirm/"><img src="/static/order/confirm/image/57b191f2N15993cbb.jpg"/></a>
								<a href="/static/order/confirm/"><img src="/static/order/confirm/image/58ff269fN7b7e087b.jpg"/></a>
							</div>
						</div>

					</li>
					<li class="spacer"></li>
					<li><a href="/static/order/confirm/">谷粒学院会员</a></li>
					<li class="spacer"></li>
					<li><a href="/static/order/confirm/">企业采购</a></li>
					<li class="spacer"></li>
					<li>
						<a href="/static/order/confirm/">客户服务</a>
						<i class="fa fa-angle-down"></i>
						<div class="header-r-1 aa header-r-2">
							<div>
								<h4>客户</h4>
								<ol>

									<dd><a href="/static/order/confirm/">帮助中心</a></dd>
									<dd><a href="/static/order/confirm/">在线客服</a></dd>
									<dd><a href="/static/order/confirm/">电话客服</a></dd>
									<dd><a href="/static/order/confirm/">金融咨询</a></dd>
								</ol>
								<ol>

									<dd><a href="/static/order/confirm/">售后服务</a></dd>
									<dd><a href="/static/order/confirm/">意见建议</a></dd>
									<dd><a href="/static/order/confirm/">客服邮箱</a></dd>
									<dd><a href="/static/order/confirm/">售全球客服</a></dd>
								</ol>
							</div>
							<div>
								<h4>商户</h4>
								<ol>

									<dd><a href="/static/order/confirm/">合作招商</a></dd>
									<dd><a href="/static/order/confirm/">商家后台</a></dd>
									<dd><a href="/static/order/confirm/">商家帮助</a></dd>
								</ol>
								<ol>

									<dd><a href="/static/order/confirm/">学习中心</a></dd>
									<dd><a href="/static/order/confirm/">京麦工作台</a></dd>
									<dd><a href="/static/order/confirm/">规则平台</a></dd>
								</ol>
							</div>
						</div>

					</li>
					<li class="spacer"></li>
					<li>
						<a href="/static/order/confirm/">网址导航</a>
						<i class="fa fa-angle-down"></i>
						<div class="header-r-1 aa header-r-3">
							<div>
								<h4>特色主题</h4>
								<ol>
									<dd><a href="/static/order/confirm/">谷粒学院试用</a></dd>
									<dd><a href="/static/order/confirm/">国际站</a></dd>
									<dd><a href="/static/order/confirm/">买什么</a></dd>
									<dd><a href="/static/order/confirm/">0元评测</a></dd>
									<dd><a href="/static/order/confirm/">优惠劵</a></dd>
									<dd><a href="/static/order/confirm/">印尼站</a></dd>
									<dd><a href="/static/order/confirm/">陪伴计划</a></dd>
								</ol>
								<ol>
									<dd><a href="/static/order/confirm/">谷粒学院金融</a></dd>
									<dd><a href="/static/order/confirm/">谷粒学院会员</a></dd>
									<dd><a href="/static/order/confirm/">俄语站</a></dd>
									<dd><a href="/static/order/confirm/">定期送</a></dd>
									<dd><a href="/static/order/confirm/">秒杀</a></dd>
									<dd><a href="/static/order/confirm/">谷粒学院金融科技</a></dd>
									<dd><a href="/static/order/confirm/">出海招商</a></dd>
								</ol>
								<ol>
									<dd><a href="/static/order/confirm/">全球售</a></dd>
									<dd><a href="/static/order/confirm/">谷粒学院预售</a></dd>
									<dd><a href="/static/order/confirm/">装机大师</a></dd>
									<dd><a href="/static/order/confirm/">港澳售</a></dd>
									<dd><a href="/static/order/confirm/">闪购</a></dd>
									<dd><a href="/static/order/confirm/">In货推荐</a></dd>
								</ol>

							</div>

							<div>
								<h4>行业推荐</h4>
								<ol>
									<dd><a href="/static/order/confirm/">手机</a></dd>
									<dd><a href="/static/order/confirm/">玩3C</a></dd>
									<dd><a href="/static/order/confirm/">家用电器</a></dd>
									<dd><a href="/static/order/confirm/">服装城</a></dd>
									<dd><a href="/static/order/confirm/">家装城</a></dd>
									<dd><a href="/static/order/confirm/">食品</a></dd>
									<dd><a href="/static/order/confirm/">农资频道</a></dd>
									<dd><a href="/static/order/confirm/">图书</a></dd>

								</ol>
								<ol>
									<dd><a href="/static/order/confirm/">智能数码</a></dd>
									<dd><a href="/static/order/confirm/">电脑办公</a></dd>
									<dd><a href="/static/order/confirm/">谷粒学院智能</a></dd>
									<dd><a href="/static/order/confirm/">美妆馆</a></dd>
									<dd><a href="/static/order/confirm/">母婴</a></dd>
									<dd><a href="/static/order/confirm/">运动户外</a></dd>
									<dd><a href="/static/order/confirm/">整车</a></dd>
								</ol>
							</div>


							<div>
								<h4>生活服务</h4>
								<ol>
									<dd><a href="/static/order/confirm/">谷粒学院众筹</a></dd>
									<dd><a href="/static/order/confirm/">谷粒学院金融App</a></dd>
									<dd><a href="/static/order/confirm/">理财</a></dd>
									<dd><a href="/static/order/confirm/">话费</a></dd>
									<dd><a href="/static/order/confirm/">彩票</a></dd>
									<dd><a href="/static/order/confirm/">机票酒店</a></dd>
									<dd><a href="/static/order/confirm/">酒店到家</a></dd>
									<dd><a href="/static/order/confirm/">游戏</a></dd>

								</ol>
								<ol>
									<dd><a href="/static/order/confirm/">白条</a></dd>
									<dd><a href="/static/order/confirm/">谷粒学院小金库</a></dd>
									<dd><a href="/static/order/confirm/">智能家电</a></dd>
									<dd><a href="/static/order/confirm/">水电煤</a></dd>
									<dd><a href="/static/order/confirm/">旅行</a></dd>
									<dd><a href="/static/order/confirm/">电影票</a></dd>
									<dd><a href="/static/order/confirm/">谷粒学院众测</a></dd>
								</ol>
							</div>




							<div>
								<h4>更多精选</h4>
								<ol>
									<dd><a href="/static/order/confirm/">合作招商</a></dd>
									<dd><a href="/static/order/confirm/">谷粒学院E卡</a></dd>
									<dd><a href="/static/order/confirm/">服务市场</a></dd>
									<dd><a href="/static/order/confirm/">乡村招募</a></dd>
									<dd><a href="/static/order/confirm/">京友邦</a></dd>
									<dd><a href="/static/order/confirm/">智能社区</a></dd>
									<dd><a href="/static/order/confirm/">知识产权维权</a></dd>


								</ol>
								<ol>
									<dd><a href="/static/order/confirm/">谷粒学院通信</a></dd>
									<dd><a href="/static/order/confirm/">企业采购</a></dd>
									<dd><a href="/static/order/confirm/">办公生活馆</a></dd>
									<dd><a href="/static/order/confirm/">校园加盟</a></dd>
									<dd><a href="/static/order/confirm/">谷粒学院社区</a></dd>
									<dd><a href="/static/order/confirm/">游戏社区</a></dd>
								</ol>
							</div>
						</div>

					</li>
					<li class="spacer"></li>
					<li class="header-r-4"><a href="/static/order/confirm/">手机谷粒学院</a>
						<div class="aa h-r-1">

							<div>
								<div class="h-r-1img">
									<img src="/static/order/confirm/img/59a51bf6Nb8e478cc.png"/>
								</div>
								<h4><a href="/static/order/confirm/">手机谷粒学院</a></h4>
								<p>新人专享大礼</p>
								<div class="h-r-1img2">
									<a href="/static/order/confirm/"><img src="/static/order/confirm/img/8104b36ae6b72043ae838599d36d007d.png" alt="" /></a>
									<a href="/static/order/confirm/"><img src="/static/order/confirm/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
									<a href="/static/order/confirm/"><img src="/static/order/confirm/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
								</div>
							</div>
							<div>
								<div class="h-r-1img">
									<img src="/static/order/confirm/img/5874a54dNcec29924.jpg"/>
								</div>
								<h4><a href="/static/order/confirm/">关注谷粒学院微信</a></h4>
								<p>微信扫一扫关注新粉最高180元惊喜礼包</p>
							</div>
							<div>
								<div class="h-r-1img">
									<img src="/static/order/confirm/img/5874a555Ne8192324.jpg"/>
								</div>
								<h4><a href="/static/order/confirm/">谷粒学院金融客户端</a></h4>
								<p>新人专享大礼</p>
								<div class="h-r-1img2">
									<a href="/static/order/confirm/"><img src="/static/order/confirm/img/8104b36ae6b72043ae838599d36d007d.png" alt="" /></a>
									<a href="/static/order/confirm/"><img src="/static/order/confirm/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
									<a href="/static/order/confirm/"><img src="/static/order/confirm/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
								</div>
							</div>

						</div>


					</li>



				</ul>
				<div style="clear: both;"></div>
			</div>
		</header>
		<!--logo图片-->
		<div class="top-1">
			<img src="/static/order/confirm/img/logo1.jpg" class="img1" /><span>结算页</span>
			<!--右侧绿色-->
			<img src="/static/order/confirm/img/08.png" class="img2" />
		</div>
		<!--主体部分-->
		<p class="p1">填写并核对订单信息</p>
		<div class="section">
			<!--收货人信息-->
			<div class="top-2">
				<span>收货人信息</span>
				<span>新增收货地址</span>
			</div>

			<!--地址-->
			<div class="top-3" th:each="addr:${orderConfirmData.getAddress()}">
				<p>[[${addr.getName()}]]</p><span>[[${addr.getName()}]]  [[${addr.getProvince()}]]  [[${addr.getCity()}]][[${addr.getRegion()}]] [[${addr.getDetailAddress()}]]  [[${addr.getPhone()}]]</span>
			</div>
			<p class="p2">更多地址︾</p>
			<div class="hh1"/></div>
		<!--谷粒学院自提-->
		<div class="top-4">
			<p>谷粒学院自提</p>
			<p>省运费·无续重·随时取</p>
			<p class="xiang">详情</p>
		</div>

		<!--地址-->
		<div class="top-5">
			<p>北京昌平区</p><span>北京市  昌平区城区晨曦小区-16号楼 吉利大学  齐天大圣 150****2245</span><img src="/static/order/confirm/img/09.png" /><span>距收货人0米</span>
			<p class="p3">距离最近</p><span class="xiu">修改自提点</span>
		</div>
		<div class="hh1" /></div>

		<!--支付方式-->
		<h4 class="h4">支付方式</h4>

		<div class="top-6">
			<p>货到付款</p>
			<p><span>惠</span>在线支付</p>
		</div>
		<div class="hh1"></div>
		<!--送货清单-->
		<h4 class="h4" style="margin-top: 5px;">送货清单</h4>
		<div class="top_1">
			<div class="to_left">
				<h5><span class="peisong">配送方式</span><span class="dui"><img src="/static/order/confirm/img/i_03.png"/> 对应商品</span></h5>
				<div class="box">
					谷粒学院快递
				</div>
				<p class="biao">
					<span class="til">标 准 达 :</span>
					<span class="con">预计 12月16日[今天] 15:00-19:00 送达</span>
					<a href="/static/order/confirm/#">修改</a>
				</p>
				<div class="updata-1">
					<img src="/static/order/confirm/img/im_06.png" />
					<span>京准达 标准达</span>
					<span style="color: black;"> 配送服务全面升级</span>
				</div>
				<div class="hh1"></div>
				<p class="tui">
					<span class="til">退换无忧:</span>
					<span class="con">
							<input type="checkbox" />
							自签收后7天内退货,15天内换<span style="font-size: 12px;margin-left: 5px"> ¥ 0.50</span><br />
						<span class="nul">货,</span>可享1次上门取件服务 ﹀
						</span>

				<div class="updata-2">
					<img src="/static/order/confirm/img/im_11.png" />
					<span>京准达运费大促(限自营中小件)</span>
				</div>

				</p>
				<p class="kg" style="color:#666666;margin-top: 13px;font-size: 12px">总重量 :<span style="color:#999999;font-size: 12px">0.095kg</span></p>
			</div>
			<div class="to_right">
				<h5>商家:谷粒学院自营</h5>
				<div><button>换购</button><span>已购满20.00元,再加49.90元,可返回购物车领取赠品</span></div>
				<!--图片-->
				<div class="yun1" th:each="item:${orderConfirmData.getItemVoList()}">
					<img th:src="${item.getImage()}" class="yun"/>
					<div class="mi">
						<p>[[${item.getTitle()}]]<br/><span style="color: red;">¥ [[${item.getPrice()}]]</span> <span> x[[${item.getCount()}]] </span> <span>[[${item.hasStock?'有货':'缺货'}]]</span></p>
						<p th:each="attr:${item.getSkuAttr()}">
							<span th:text="${attr}"></span></p>
						<p class="tui-1"><img src="/static/order/confirm/img/i_07.png" />支持7天无理由退货</p>
					</div>
				</div>

				<div class="hh1"></div>
				<p>退换无忧 <span class="money">¥ 0.00</span></p>
			</div>
		</div>
		<div class="bto">
			<div class="hh2"></div>
			<h4 class="float">发票信息</h4>
			<div class="note float"><img src="/static/order/confirm/img/i_11.png" /> <span>开企业抬头发票须填写纳税人识别号,以免影响报销</span></div>
			<ul style="clear: both;">
				<li>电子普通发票 <img src="/static/order/confirm/img/i_14.png" /></li>
				<li>个人</li>
				<li>商品明细</li>
				<li>
					<a href="/static/order/confirm/">修改</a>
				</li>
			</ul>
			<div class="hh3"></div>
			<h4 class="clear">使用优惠/礼品卡/抵用 ^</h4>
			<ul>
				<li class="red">优惠卡</li>
				<li>礼品卡</li>
				<li>京豆</li>
				<li>余额</li>
				<li>领奖码</li>
			</ul>
			<div class="tuijian clear">
				<input type="checkbox" />
				<span>优惠组合推荐</span>
			</div>
		</div>
		<div class="xia">
			<div class="qian">
				<p class="qian_y">
					<span>[[${orderConfirmData.getCount()}]]</span>
					<span>件商品,总商品金额:</span>
					<span class="rmb">¥[[${orderConfirmData.getTotal()}]]</span>
				</p>
				<p class="qian_y">
					<span>返现:</span>
					<span class="rmb">  -¥0.00</span>
				</p>
				<p class="qian_y">
					<span>运费: </span>
					<span class="rmb"> &nbsp ¥0.00</span>
				</p>
				<p class="qian_y">
					<span>服务费: </span>
					<span class="rmb"> &nbsp ¥0.00</span>
				</p>
				<p class="qian_y">
					<span>退换无忧: </span>
					<span class="rmb"> &nbsp ¥0.00</span>
				</p>

			</div>

			<div class="yfze">
				<p class="yfze_a"><span class="z">应付总额:</span><span class="hq">¥[[${orderConfirmData.getPayPrice()}]]</span></p>
				<p class="yfze_b">寄送至: 北京 朝阳区 三环到四环之间 朝阳北路复兴国际大厦23层麦田房产 IT-中心研发二部 收货人:赵存权 188****5052</p>
			</div>
			<button class="tijiao">提交订单</button>
		</div>
		</div>

		<div class="headera">
			<div class="Logo-tu">
				<span><img src="/static/order/confirm/img/service_items_1.png"/></span>
				<span><img src="/static/order/confirm/img/service_items_2.png"/></span>
				<span><img src="/static/order/confirm/img/service_items_3.png"/></span>
				<span><img src="/static/order/confirm/img/service_items_4.png"/></span>
			</div>
			<div class="table">
				<dl>
					<dt><a href="/static/order/confirm/##">购物指南</a></dt>
					<dd>
						<a href="/static/order/confirm/##">购物流程</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">会员介绍</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">生活旅行/团购</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">常见问题</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">大家电</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">练习客服</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="/static/order/confirm/##">配送方式</a></dt>
					<dd>
						<a href="/static/order/confirm/##">上门自提</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">211限时达</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">配送服务查询</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##"></a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">海外配送</a>
					</dd>
					<dd></dd>
				</dl>
				<dl>
					<dt><a href="/static/order/confirm/##">支付方式</a></dt>
					<dd>
						<a href="/static/order/confirm/##">货到付款</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">在线支付</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">分期付款</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">邮局汇款</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">公司转账</a>
					</dd>
					<dd></dd>
				</dl>
				<dl>
					<dt><a href="/static/order/confirm/##">售后服务</a></dt>
					<dd>
						<a href="/static/order/confirm/##">售后政策</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">价格保护</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">退款说明</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">返修/退换货</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">取消订单</a>
					</dd>
					<dd></dd>
				</dl>
				<dl class="dls">
					<dt><a href="/static/order/confirm/##">特色服务</a></dt>
					<dd>
						<a href="/static/order/confirm/##">夺宝岛</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">DIY装机</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">延保服务</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">谷粒学院E卡</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">谷粒学院通信</a>
					</dd>
					<dd>
						<a href="/static/order/confirm/##">谷粒学院gulimall+</a>
					</dd>
				</dl>
			</div>
			<div class="guanyuwomen">
				<ul>
					<li>
						<a href="/static/order/confirm/##">关于我们</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">联系我们</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">联系客服</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">合作招商</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">商家帮助</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">营销中心</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">手机谷粒学院</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">友情链接</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">销售联盟</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">谷粒学院社区</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">风险检测</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">隐私政策</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">谷粒学院公益</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">English Site</a>
					</li>
					<li>|</li>
					<li>
						<a href="/static/order/confirm/##">Mdeila $ IR</a>
					</li>
				</ul>
			</div>
			<p class="p1">
				<a href="/static/order/confirm/##"> 京公网安备 11000002000088号</a>|
				<a href="/static/order/confirm/##"> 京ICP证070359号</a>|
				<a href="/static/order/confirm/##"> 互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a>|
				<a href="/static/order/confirm/##">新出发京零 字第大120007号</a>
			</p>
			<p class="p1">
				<a href="/static/order/confirm/##"> 互联网出版许可证编号新出网证(京)字150号</a>|
				<a href="/static/order/confirm/##"> 出版物经营许可证</a>|
				<a href="/static/order/confirm/##"> 网络文化经营许可证京网文 </a>|
				<a href="/static/order/confirm/##">[2014]2148-348号 </a>|
				<a href="/static/order/confirm/##"> 违法和不良信息举报电话 </a>|
				<a href="/static/order/confirm/##">:4006561155 </a>
			</p>
			<p class="p1">
				<a href="/static/order/confirm/##"> Copyright © 2004-2017 谷粒学院gulimall.com 版权所有</a>|
				<a href="/static/order/confirm/##"> 消费者维权热线:4006067733 经营证照</a>|
			</p>
			<p class="p1">
				<a href="/static/order/confirm/##"> 谷粒学院旗下网站:谷粒学院支付</a>|
				<a href="/static/order/confirm/##"> 谷粒学院云</a>
			</p>
			<p class="p3">
				<img src="/static/order/confirm/img/54b8871eNa9a7067e.png" />
				<img src="/static/order/confirm/img/54b8872dNe37a9860.png" />
				<img src="/static/order/confirm/img/54b8875fNad1e0c4c.png" />
				<img src="/static/order/confirm/img/5698dc03N23f2e3b8.jpg" />
				<img src="/static/order/confirm/img/5698dc16Nb2ab99df.jpg" />
				<img src="/static/order/confirm/img/56a89b8fNfbaade9a.jpg" />
			</p>
		</div>
		<script>
			$(document).ready(function () {
                $('.header-right li:nth-of-type(6)').hover(function(){
                    $('.header-r-11').css('display','block')
                },function(){
                    $('.header-r-11').css('display','none')
                })
                $('.header-right li:nth-of-type(12)').hover(function(){
                    $('.header-r-2').css('display','block')
                },function(){
                    $('.header-r-2').css('display','none')
                })
                $('.header-right li:nth-of-type(14)').hover(function(){
                    $('.header-r-3').css('display','block')
                },function(){
                    $('.header-r-3').css('display','none')
                })
                $('.header-l-2').hover(function(){
                    $('.header-l-d').css('display','block')
                },function(){
                    $('.header-l-d').css('display','none')
                })
                $('.header-r-4').hover(function(){
                    $('.h-r-1').css('display','block')
                },function(){
                    $('.h-r-1').css('display','none')
                })
            })


		</script>
	</body>

</html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
       <meta charset="utf-8" />
       <script src="/static/order/confirm/js/jquery-3.1.1.min.js"></script>
       <link rel="stylesheet" type="text/css" href="/static/order/confirm/css/JD2.css" />
       <title></title>
    </head>
    <body>
       <!--顶部-->
       <header>
          <div class="header">
             <ul class="header-left">
                <li>
                   <img src="/static/order/confirm/img/header_1.png"/>
                   <a href="/static/order/confirm/">谷粒学院首页</a>
                </li>
                <li class="header-l-2">
                   <i class="fa fa-map-marker" style="color: #5C5452;"></i>
                   <a href="/static/order/confirm/">北京</a>
                   <div class="header-l-d">

                      <ul>
                         <li><a href="/static/order/confirm/" style="background: red; color: white;">北京</a></li>
                         <li><a href="/static/order/confirm/">山西</a></li>
                         <li><a href="/static/order/confirm/">内蒙古</a></li>
                         <li><a href="/static/order/confirm/">福建</a></li>
                         <li><a href="/static/order/confirm/">江西</a></li>
                         <li><a href="/static/order/confirm/">西藏</a></li>
                         <li><a href="/static/order/confirm/">新疆</a></li>
                      </ul>
                      <ul>
                         <li><a href="/static/order/confirm/">上海</a></li>
                         <li><a href="/static/order/confirm/">河南</a></li>
                         <li><a href="/static/order/confirm/">江苏</a></li>
                         <li><a href="/static/order/confirm/">湖北</a></li>
                         <li><a href="/static/order/confirm/">四川</a></li>
                         <li><a href="/static/order/confirm/">陕西</a></li>
                         <li><a href="/static/order/confirm/">港澳</a></li>
                      </ul>
                      <ul>
                         <li><a href="/static/order/confirm/">天津</a></li>
                         <li><a href="/static/order/confirm/">辽宁</a></li>
                         <li><a href="/static/order/confirm/">山东</a></li>
                         <li><a href="/static/order/confirm/">湖南</a></li>
                         <li><a href="/static/order/confirm/">海南</a></li>
                         <li><a href="/static/order/confirm/">甘肃</a></li>
                         <li><a href="/static/order/confirm/">台湾</a></li>
                      </ul>
                      <ul>
                         <li><a href="/static/order/confirm/">重庆</a></li>
                         <li><a href="/static/order/confirm/">吉林</a></li>
                         <li><a href="/static/order/confirm/">安徽</a></li>
                         <li><a href="/static/order/confirm/">广东</a></li>
                         <li><a href="/static/order/confirm/">贵州</a></li>
                         <li><a href="/static/order/confirm/">青岛</a></li>
                         <li><a href="/static/order/confirm/">钓鱼岛</a></li>
                      </ul>
                      <ul>
                         <li><a href="/static/order/confirm/">河北</a></li>
                         <li><a href="/static/order/confirm/">黑龙江</a></li>
                         <li><a href="/static/order/confirm/">浙江</a></li>
                         <li><a href="/static/order/confirm/">广西</a></li>
                         <li><a href="/static/order/confirm/">云南</a></li>
                         <li><a href="/static/order/confirm/">宁夏</a></li>
                         <li><a href="/static/order/confirm/">海外</a></li>
                      </ul>


                   </div>
                </li>

             </ul>
             <ul class="header-right">
                <li>[[${session.get('loginUser').getNickname()}]]<img src="/static/order/confirm/img/03.png" style="margin-bottom: 0px;margin-left3: 3px;" /><img src="/static/order/confirm/img/06.png" /></li>
                <li>|</li>
                <li class="spacer"></li>
                <li><a href="/static/order/confirm/">我的订单</a></li>
                <li class="spacer"></li>
                <li>
                   <a href="/static/order/confirm/">我的谷粒学院</a>
                   <i class="fa fa-angle-down"></i>
                   <div class="header-r-1 aa header-r-11">
                      <div>
                         <ol>
                            <dd><a href="/static/order/confirm/">待处理订单</a></dd>
                            <dd><a href="/static/order/confirm/">返修退换货</a></dd>
                            <dd><a href="/static/order/confirm/">降价商品</a></dd>

                         </ol>
                         <ol>
                            <dd><a href="/static/order/confirm/">消息</a></dd>
                            <dd><a href="/static/order/confirm/">我的问答</a></dd>
                            <dd><a href="/static/order/confirm/">我的关注</a></dd>

                         </ol>

                      </div>
                      <div>
                         <ol>
                            <dd><a href="/static/order/confirm/">我的京豆</a></dd>
                            <dd><a href="/static/order/confirm/">我的白条</a></dd>
                         </ol>
                         <ol>
                            <dd><a href="/static/order/confirm/">我的优惠劵</a></dd>
                            <dd><a href="/static/order/confirm/">我的理财</a></dd>
                         </ol>

                      </div>
                      <div>
                         <h4><a href="/static/order/confirm/">我的足迹</a><a href="/static/order/confirm/">更多 ></a> </h4>
                         <a href="/static/order/confirm/"><img src="/static/order/confirm/image/59ae02fcN529cc4a1.jpg"/></a>
                         <a href="/static/order/confirm/"><img src="/static/order/confirm/image/59ce706fN6f3f2a4a.jpg"/></a>
                         <a href="/static/order/confirm/"><img src="/static/order/confirm/image/57b191f2N15993cbb.jpg"/></a>
                         <a href="/static/order/confirm/"><img src="/static/order/confirm/image/58ff269fN7b7e087b.jpg"/></a>
                      </div>
                   </div>

                </li>
                <li class="spacer"></li>
                <li><a href="/static/order/confirm/">谷粒学院会员</a></li>
                <li class="spacer"></li>
                <li><a href="/static/order/confirm/">企业采购</a></li>
                <li class="spacer"></li>
                <li>
                   <a href="/static/order/confirm/">客户服务</a>
                   <i class="fa fa-angle-down"></i>
                   <div class="header-r-1 aa header-r-2">
                      <div>
                         <h4>客户</h4>
                         <ol>

                            <dd><a href="/static/order/confirm/">帮助中心</a></dd>
                            <dd><a href="/static/order/confirm/">在线客服</a></dd>
                            <dd><a href="/static/order/confirm/">电话客服</a></dd>
                            <dd><a href="/static/order/confirm/">金融咨询</a></dd>
                         </ol>
                         <ol>

                            <dd><a href="/static/order/confirm/">售后服务</a></dd>
                            <dd><a href="/static/order/confirm/">意见建议</a></dd>
                            <dd><a href="/static/order/confirm/">客服邮箱</a></dd>
                            <dd><a href="/static/order/confirm/">售全球客服</a></dd>
                         </ol>
                      </div>
                      <div>
                         <h4>商户</h4>
                         <ol>

                            <dd><a href="/static/order/confirm/">合作招商</a></dd>
                            <dd><a href="/static/order/confirm/">商家后台</a></dd>
                            <dd><a href="/static/order/confirm/">商家帮助</a></dd>
                         </ol>
                         <ol>

                            <dd><a href="/static/order/confirm/">学习中心</a></dd>
                            <dd><a href="/static/order/confirm/">京麦工作台</a></dd>
                            <dd><a href="/static/order/confirm/">规则平台</a></dd>
                         </ol>
                      </div>
                   </div>

                </li>
                <li class="spacer"></li>
                <li>
                   <a href="/static/order/confirm/">网址导航</a>
                   <i class="fa fa-angle-down"></i>
                   <div class="header-r-1 aa header-r-3">
                      <div>
                         <h4>特色主题</h4>
                         <ol>
                            <dd><a href="/static/order/confirm/">谷粒学院试用</a></dd>
                            <dd><a href="/static/order/confirm/">国际站</a></dd>
                            <dd><a href="/static/order/confirm/">买什么</a></dd>
                            <dd><a href="/static/order/confirm/">0元评测</a></dd>
                            <dd><a href="/static/order/confirm/">优惠劵</a></dd>
                            <dd><a href="/static/order/confirm/">印尼站</a></dd>
                            <dd><a href="/static/order/confirm/">陪伴计划</a></dd>
                         </ol>
                         <ol>
                            <dd><a href="/static/order/confirm/">谷粒学院金融</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院会员</a></dd>
                            <dd><a href="/static/order/confirm/">俄语站</a></dd>
                            <dd><a href="/static/order/confirm/">定期送</a></dd>
                            <dd><a href="/static/order/confirm/">秒杀</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院金融科技</a></dd>
                            <dd><a href="/static/order/confirm/">出海招商</a></dd>
                         </ol>
                         <ol>
                            <dd><a href="/static/order/confirm/">全球售</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院预售</a></dd>
                            <dd><a href="/static/order/confirm/">装机大师</a></dd>
                            <dd><a href="/static/order/confirm/">港澳售</a></dd>
                            <dd><a href="/static/order/confirm/">闪购</a></dd>
                            <dd><a href="/static/order/confirm/">In货推荐</a></dd>
                         </ol>

                      </div>

                      <div>
                         <h4>行业推荐</h4>
                         <ol>
                            <dd><a href="/static/order/confirm/">手机</a></dd>
                            <dd><a href="/static/order/confirm/">玩3C</a></dd>
                            <dd><a href="/static/order/confirm/">家用电器</a></dd>
                            <dd><a href="/static/order/confirm/">服装城</a></dd>
                            <dd><a href="/static/order/confirm/">家装城</a></dd>
                            <dd><a href="/static/order/confirm/">食品</a></dd>
                            <dd><a href="/static/order/confirm/">农资频道</a></dd>
                            <dd><a href="/static/order/confirm/">图书</a></dd>

                         </ol>
                         <ol>
                            <dd><a href="/static/order/confirm/">智能数码</a></dd>
                            <dd><a href="/static/order/confirm/">电脑办公</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院智能</a></dd>
                            <dd><a href="/static/order/confirm/">美妆馆</a></dd>
                            <dd><a href="/static/order/confirm/">母婴</a></dd>
                            <dd><a href="/static/order/confirm/">运动户外</a></dd>
                            <dd><a href="/static/order/confirm/">整车</a></dd>
                         </ol>
                      </div>


                      <div>
                         <h4>生活服务</h4>
                         <ol>
                            <dd><a href="/static/order/confirm/">谷粒学院众筹</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院金融App</a></dd>
                            <dd><a href="/static/order/confirm/">理财</a></dd>
                            <dd><a href="/static/order/confirm/">话费</a></dd>
                            <dd><a href="/static/order/confirm/">彩票</a></dd>
                            <dd><a href="/static/order/confirm/">机票酒店</a></dd>
                            <dd><a href="/static/order/confirm/">酒店到家</a></dd>
                            <dd><a href="/static/order/confirm/">游戏</a></dd>

                         </ol>
                         <ol>
                            <dd><a href="/static/order/confirm/">白条</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院小金库</a></dd>
                            <dd><a href="/static/order/confirm/">智能家电</a></dd>
                            <dd><a href="/static/order/confirm/">水电煤</a></dd>
                            <dd><a href="/static/order/confirm/">旅行</a></dd>
                            <dd><a href="/static/order/confirm/">电影票</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院众测</a></dd>
                         </ol>
                      </div>




                      <div>
                         <h4>更多精选</h4>
                         <ol>
                            <dd><a href="/static/order/confirm/">合作招商</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院E卡</a></dd>
                            <dd><a href="/static/order/confirm/">服务市场</a></dd>
                            <dd><a href="/static/order/confirm/">乡村招募</a></dd>
                            <dd><a href="/static/order/confirm/">京友邦</a></dd>
                            <dd><a href="/static/order/confirm/">智能社区</a></dd>
                            <dd><a href="/static/order/confirm/">知识产权维权</a></dd>


                         </ol>
                         <ol>
                            <dd><a href="/static/order/confirm/">谷粒学院通信</a></dd>
                            <dd><a href="/static/order/confirm/">企业采购</a></dd>
                            <dd><a href="/static/order/confirm/">办公生活馆</a></dd>
                            <dd><a href="/static/order/confirm/">校园加盟</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院社区</a></dd>
                            <dd><a href="/static/order/confirm/">游戏社区</a></dd>
                         </ol>
                      </div>
                   </div>

                </li>
                <li class="spacer"></li>
                <li class="header-r-4"><a href="/static/order/confirm/">手机谷粒学院</a>
                   <div class="aa h-r-1">

                      <div>
                         <div class="h-r-1img">
                            <img src="/static/order/confirm/img/59a51bf6Nb8e478cc.png"/>
                         </div>
                         <h4><a href="/static/order/confirm/">手机谷粒学院</a></h4>
                         <p>新人专享大礼</p>
                         <div class="h-r-1img2">
                            <a href="/static/order/confirm/"><img src="/static/order/confirm/img/8104b36ae6b72043ae838599d36d007d.png" alt="" /></a>
                            <a href="/static/order/confirm/"><img src="/static/order/confirm/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
                            <a href="/static/order/confirm/"><img src="/static/order/confirm/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
                         </div>
                      </div>
                      <div>
                         <div class="h-r-1img">
                            <img src="/static/order/confirm/img/5874a54dNcec29924.jpg"/>
                         </div>
                         <h4><a href="/static/order/confirm/">关注谷粒学院微信</a></h4>
                         <p>微信扫一扫关注新粉最高180元惊喜礼包</p>
                      </div>
                      <div>
                         <div class="h-r-1img">
                            <img src="/static/order/confirm/img/5874a555Ne8192324.jpg"/>
                         </div>
                         <h4><a href="/static/order/confirm/">谷粒学院金融客户端</a></h4>
                         <p>新人专享大礼</p>
                         <div class="h-r-1img2">
                            <a href="/static/order/confirm/"><img src="/static/order/confirm/img/8104b36ae6b72043ae838599d36d007d.png" alt="" /></a>
                            <a href="/static/order/confirm/"><img src="/static/order/confirm/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
                            <a href="/static/order/confirm/"><img src="/static/order/confirm/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
                         </div>
                      </div>

                   </div>


                </li>



             </ul>
             <div style="clear: both;"></div>
          </div>
       </header>
       <!--logo图片-->
       <div class="top-1">
          <img src="/static/order/confirm/img/logo1.jpg" class="img1" /><span>结算页</span>
          <!--右侧绿色-->
          <img src="/static/order/confirm/img/08.png" class="img2" />
       </div>
       <!--主体部分-->
       <p class="p1">填写并核对订单信息</p>
       <div class="section">
          <!--收货人信息-->
          <div class="top-2">
             <span>收货人信息</span>
             <span>新增收货地址</span>
          </div>

          <!--地址-->
          <div class="top-3" th:each="addr:${orderConfirmData.getAddress()}">
             <p>[[${addr.getName()}]]</p><span>[[${addr.getName()}]]  [[${addr.getProvince()}]]  [[${addr.getCity()}]][[${addr.getRegion()}]] [[${addr.getDetailAddress()}]]  [[${addr.getPhone()}]]</span>
          </div>
          <p class="p2">更多地址︾</p>
          <div class="hh1"/></div>
       <!--谷粒学院自提-->
       <div class="top-4">
          <p>谷粒学院自提</p>
          <p>省运费·无续重·随时取</p>
          <p class="xiang">详情</p>
       </div>

       <!--地址-->
       <div class="top-5">
          <p>北京昌平区</p><span>北京市  昌平区城区晨曦小区-16号楼 吉利大学  齐天大圣 150****2245</span><img src="/static/order/confirm/img/09.png" /><span>距收货人0米</span>
          <p class="p3">距离最近</p><span class="xiu">修改自提点</span>
       </div>
       <div class="hh1" /></div>

       <!--支付方式-->
       <h4 class="h4">支付方式</h4>

       <div class="top-6">
          <p>货到付款</p>
          <p><span>惠</span>在线支付</p>
       </div>
       <div class="hh1"></div>
       <!--送货清单-->
       <h4 class="h4" style="margin-top: 5px;">送货清单</h4>
       <div class="top_1">
          <div class="to_left">
             <h5><span class="peisong">配送方式</span><span class="dui"><img src="/static/order/confirm/img/i_03.png"/> 对应商品</span></h5>
             <div class="box">
                谷粒学院快递
             </div>
             <p class="biao">
                <span class="til">标 准 达 :</span>
                <span class="con">预计 12月16日[今天] 15:00-19:00 送达</span>
                <a href="/static/order/confirm/#">修改</a>
             </p>
             <div class="updata-1">
                <img src="/static/order/confirm/img/im_06.png" />
                <span>京准达 标准达</span>
                <span style="color: black;"> 配送服务全面升级</span>
             </div>
             <div class="hh1"></div>
             <p class="tui">
                <span class="til">退换无忧:</span>
                <span class="con">
                      <input type="checkbox" />
                      自签收后7天内退货,15天内换<span style="font-size: 12px;margin-left: 5px"> ¥ 0.50</span><br />
                   <span class="nul">货,</span>可享1次上门取件服务 ﹀
                   </span>

             <div class="updata-2">
                <img src="/static/order/confirm/img/im_11.png" />
                <span>京准达运费大促(限自营中小件)</span>
             </div>

             </p>
             <p class="kg" style="color:#666666;margin-top: 13px;font-size: 12px">总重量 :<span style="color:#999999;font-size: 12px">0.095kg</span></p>
          </div>
          <div class="to_right">
             <h5>商家:谷粒学院自营</h5>
             <div><button>换购</button><span>已购满20.00元,再加49.90元,可返回购物车领取赠品</span></div>
             <!--图片-->
             <div class="yun1" th:each="item:${orderConfirmData.getItemVoList()}">
                <img th:src="${item.getImage()}" class="yun"/>
                <div class="mi">
                   <p>[[${item.getTitle()}]]<br/><span style="color: red;">¥ [[${item.getPrice()}]]</span> <span> x[[${item.getCount()}]] </span> <span>[[${item.hasStock?'有货':'缺货'}]]</span></p>
                   <p th:each="attr:${item.getSkuAttr()}">
                      <span th:text="${attr}"></span></p>
                   <p class="tui-1"><img src="/static/order/confirm/img/i_07.png" />支持7天无理由退货</p>
                </div>
             </div>

             <div class="hh1"></div>
             <p>退换无忧 <span class="money">¥ 0.00</span></p>
          </div>
       </div>
       <div class="bto">
          <div class="hh2"></div>
          <h4 class="float">发票信息</h4>
          <div class="note float"><img src="/static/order/confirm/img/i_11.png" /> <span>开企业抬头发票须填写纳税人识别号,以免影响报销</span></div>
          <ul style="clear: both;">
             <li>电子普通发票 <img src="/static/order/confirm/img/i_14.png" /></li>
             <li>个人</li>
             <li>商品明细</li>
             <li>
                <a href="/static/order/confirm/">修改</a>
             </li>
          </ul>
          <div class="hh3"></div>
          <h4 class="clear">使用优惠/礼品卡/抵用 ^</h4>
          <ul>
             <li class="red">优惠卡</li>
             <li>礼品卡</li>
             <li>京豆</li>
             <li>余额</li>
             <li>领奖码</li>
          </ul>
          <div class="tuijian clear">
             <input type="checkbox" />
             <span>优惠组合推荐</span>
          </div>
       </div>
       <div class="xia">
          <div class="qian">
             <p class="qian_y">
                <span>[[${orderConfirmData.getCount()}]]</span>
                <span>件商品,总商品金额:</span>
                <span class="rmb">¥[[${orderConfirmData.getTotal()}]]</span>
             </p>
             <p class="qian_y">
                <span>返现:</span>
                <span class="rmb">  -¥0.00</span>
             </p>
             <p class="qian_y">
                <span>运费: </span>
                <span class="rmb"> &nbsp ¥0.00</span>
             </p>
             <p class="qian_y">
                <span>服务费: </span>
                <span class="rmb"> &nbsp ¥0.00</span>
             </p>
             <p class="qian_y">
                <span>退换无忧: </span>
                <span class="rmb"> &nbsp ¥0.00</span>
             </p>

          </div>

          <div class="yfze">
             <p class="yfze_a"><span class="z">应付总额:</span><span class="hq">¥[[${orderConfirmData.getPayPrice()}]]</span></p>
             <p class="yfze_b">寄送至: 北京 朝阳区 三环到四环之间 朝阳北路复兴国际大厦23层麦田房产 IT-中心研发二部 收货人:赵存权 188****5052</p>
          </div>
          <button class="tijiao">提交订单</button>
       </div>
       </div>

       <div class="headera">
          <div class="Logo-tu">
             <span><img src="/static/order/confirm/img/service_items_1.png"/></span>
             <span><img src="/static/order/confirm/img/service_items_2.png"/></span>
             <span><img src="/static/order/confirm/img/service_items_3.png"/></span>
             <span><img src="/static/order/confirm/img/service_items_4.png"/></span>
          </div>
          <div class="table">
             <dl>
                <dt><a href="/static/order/confirm/##">购物指南</a></dt>
                <dd>
                   <a href="/static/order/confirm/##">购物流程</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">会员介绍</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">生活旅行/团购</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">常见问题</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">大家电</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">练习客服</a>
                </dd>
             </dl>
             <dl>
                <dt><a href="/static/order/confirm/##">配送方式</a></dt>
                <dd>
                   <a href="/static/order/confirm/##">上门自提</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">211限时达</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">配送服务查询</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##"></a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">海外配送</a>
                </dd>
                <dd></dd>
             </dl>
             <dl>
                <dt><a href="/static/order/confirm/##">支付方式</a></dt>
                <dd>
                   <a href="/static/order/confirm/##">货到付款</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">在线支付</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">分期付款</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">邮局汇款</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">公司转账</a>
                </dd>
                <dd></dd>
             </dl>
             <dl>
                <dt><a href="/static/order/confirm/##">售后服务</a></dt>
                <dd>
                   <a href="/static/order/confirm/##">售后政策</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">价格保护</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">退款说明</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">返修/退换货</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">取消订单</a>
                </dd>
                <dd></dd>
             </dl>
             <dl class="dls">
                <dt><a href="/static/order/confirm/##">特色服务</a></dt>
                <dd>
                   <a href="/static/order/confirm/##">夺宝岛</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">DIY装机</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">延保服务</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">谷粒学院E卡</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">谷粒学院通信</a>
                </dd>
                <dd>
                   <a href="/static/order/confirm/##">谷粒学院gulimall+</a>
                </dd>
             </dl>
          </div>
          <div class="guanyuwomen">
             <ul>
                <li>
                   <a href="/static/order/confirm/##">关于我们</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">联系我们</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">联系客服</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">合作招商</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">商家帮助</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">营销中心</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">手机谷粒学院</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">友情链接</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">销售联盟</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">谷粒学院社区</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">风险检测</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">隐私政策</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">谷粒学院公益</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">English Site</a>
                </li>
                <li>|</li>
                <li>
                   <a href="/static/order/confirm/##">Mdeila $ IR</a>
                </li>
             </ul>
          </div>
          <p class="p1">
             <a href="/static/order/confirm/##"> 京公网安备 11000002000088号</a>|
             <a href="/static/order/confirm/##"> 京ICP证070359号</a>|
             <a href="/static/order/confirm/##"> 互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a>|
             <a href="/static/order/confirm/##">新出发京零 字第大120007号</a>
          </p>
          <p class="p1">
             <a href="/static/order/confirm/##"> 互联网出版许可证编号新出网证(京)字150号</a>|
             <a href="/static/order/confirm/##"> 出版物经营许可证</a>|
             <a href="/static/order/confirm/##"> 网络文化经营许可证京网文 </a>|
             <a href="/static/order/confirm/##">[2014]2148-348号 </a>|
             <a href="/static/order/confirm/##"> 违法和不良信息举报电话 </a>|
             <a href="/static/order/confirm/##">:4006561155 </a>
          </p>
          <p class="p1">
             <a href="/static/order/confirm/##"> Copyright © 2004-2017 谷粒学院gulimall.com 版权所有</a>|
             <a href="/static/order/confirm/##"> 消费者维权热线:4006067733 经营证照</a>|
          </p>
          <p class="p1">
             <a href="/static/order/confirm/##"> 谷粒学院旗下网站:谷粒学院支付</a>|
             <a href="/static/order/confirm/##"> 谷粒学院云</a>
          </p>
          <p class="p3">
             <img src="/static/order/confirm/img/54b8871eNa9a7067e.png" />
             <img src="/static/order/confirm/img/54b8872dNe37a9860.png" />
             <img src="/static/order/confirm/img/54b8875fNad1e0c4c.png" />
             <img src="/static/order/confirm/img/5698dc03N23f2e3b8.jpg" />
             <img src="/static/order/confirm/img/5698dc16Nb2ab99df.jpg" />
             <img src="/static/order/confirm/img/56a89b8fNfbaade9a.jpg" />
          </p>
       </div>
       <script>
          $(document).ready(function () {
                $('.header-right li:nth-of-type(6)').hover(function(){
                    $('.header-r-11').css('display','block')
                },function(){
                    $('.header-r-11').css('display','none')
                })
                $('.header-right li:nth-of-type(12)').hover(function(){
                    $('.header-r-2').css('display','block')
                },function(){
                    $('.header-r-2').css('display','none')
                })
                $('.header-right li:nth-of-type(14)').hover(function(){
                    $('.header-r-3').css('display','block')
                },function(){
                    $('.header-r-3').css('display','none')
                })
                $('.header-l-2').hover(function(){
                    $('.header-l-d').css('display','block')
                },function(){
                    $('.header-l-d').css('display','none')
                })
                $('.header-r-4').hover(function(){
                    $('.h-r-1').css('display','block')
                },function(){
                    $('.h-r-1').css('display','none')
                })
            })


       </script>
    </body>

</html>
package com.alatus.mall.order.vo;

import lombok.Data;
import java.math.BigDecimal;
import java.util.List;

@Data
public class OrderItemVo {
    private Long skuId;
    private Boolean check = true;
    private String title;
    private String image;
    private List<String> skuAttr;
    private BigDecimal price;
    private Integer count;
    private BigDecimal totalPrice;
//   TODO 查询库存状态
    private boolean hasStock;
//    商品重量信息
    private BigDecimal weight;
}

 

package com.alatus.mall.order.vo;

import lombok.Data;
import java.math.BigDecimal;
import java.util.List;

@Data
public class OrderItemVo {
    private Long skuId;
    private Boolean check = true;
    private String title;
    private String image;
    private List<String> skuAttr;
    private BigDecimal price;
    private Integer count;
    private BigDecimal totalPrice;
//   TODO 查询库存状态
    private boolean hasStock;
//    商品重量信息
    private BigDecimal weight;
}
package com.alatus.mall.order.vo;

import com.alatus.mall.order.to.MemberAddressTo;
import lombok.Data;
import java.math.BigDecimal;
import java.util.List;

@Data
public class OrderConfirmVo {
//    用户的收货地址
    private List<MemberAddressTo> address;
//    所有选中的购物车商品项
    private List<OrderItemVo> itemVoList;
//    TODO 发票信息
//    优惠券信息,积分可以减免金额
    private Integer integration;
//    订单令牌
    private String orderToken;
//    总价格
    private BigDecimal total;
//    应付金额
    private BigDecimal payPrice;
    public Integer getCount(){
        Integer count = 0;
        if(itemVoList!=null){
            for (OrderItemVo orderItemVo : itemVoList) {
                count += orderItemVo.getCount();
            }
        }
        return count;
    }
    public BigDecimal getTotal() {
        BigDecimal total = new BigDecimal(0);
        if(itemVoList!=null){
            for (OrderItemVo orderItemVo : itemVoList) {
                total = total.add(orderItemVo.getTotalPrice());
            }
        }
        return total;
    }
    public BigDecimal getPayPrice() {
        if(integration!=null){
            BigDecimal integrationBD = new BigDecimal(String.valueOf(integration));
            return getTotal().subtract(integrationBD);
        }
        return getTotal();
    }
}
package com.alatus.mall.order.vo;

import com.alatus.mall.order.to.MemberAddressTo;
import lombok.Data;
import java.math.BigDecimal;
import java.util.List;

@Data
public class OrderConfirmVo {
//    用户的收货地址
    private List<MemberAddressTo> address;
//    所有选中的购物车商品项
    private List<OrderItemVo> itemVoList;
//    TODO 发票信息
//    优惠券信息,积分可以减免金额
    private Integer integration;
//    订单令牌
    private String orderToken;
//    总价格
    private BigDecimal total;
//    应付金额
    private BigDecimal payPrice;
    public Integer getCount(){
        Integer count = 0;
        if(itemVoList!=null){
            for (OrderItemVo orderItemVo : itemVoList) {
                count += orderItemVo.getCount();
            }
        }
        return count;
    }
    public BigDecimal getTotal() {
        BigDecimal total = new BigDecimal(0);
        if(itemVoList!=null){
            for (OrderItemVo orderItemVo : itemVoList) {
                total = total.add(orderItemVo.getTotalPrice());
            }
        }
        return total;
    }
    public BigDecimal getPayPrice() {
        if(integration!=null){
            BigDecimal integrationBD = new BigDecimal(String.valueOf(integration));
            return getTotal().subtract(integrationBD);
        }
        return getTotal();
    }
}
### 回答1: Django积分商城项目源码是一种基于Django开发框架的项目源码,旨在实现一个积分商城系统。该项目的主要功能包括用户注册登录、积分充值、商品展示、商品兑换等。 项目的源码中会包含数据库模型、视图函数、模板文件等相关代码。其中,数据库模型用来定义用户、商品、订单等数据的结构,并提供相应的操作方法。视图函数则用来处理用户的请求,进行积分充值、商品展示、兑换等业务逻辑的实现。模板文件则负责页面展示的布局和渲染。 用户在该系统中首先需要进行注册和登录,通过输入用户名和密码进行身份验证。在登录成功后,用户可以进行积分充值,选择相应的充值方式进行积分的购买。充值成功后,用户可以浏览商城页面,并选择感兴趣的商品进行兑换。在商品详情页面,用户可以查看商品的详细信息和所需积分。用户可以将想要兑换的商品添加到购物车中,然后在购物车页面进行结算订单提交。提交订单后,系统会扣除相应的积分并生成订单记录,用户可以在个人中心页面查看自己的订单信息。 该项目的源码可以作为学习和参考使用。通过阅读源码,可以了解到Django框架的应用和开发思路。可以学习到如何使用模型、视图和模板进行Web应用开发,以及如何处理用户的请求和数据的交互。同时,可以学习到如何设计和实现一个完整的积分商城系统,从用户注册到订单提交的整个流程。 总之,Django积分商城项目源码是一个功能完善的积分商城系统的实现,通过阅读源码可以学习到Django框架的使用和开发技巧,同时也可以作为开发类似系统的参考。 ### 回答2: django积分商城项目源码是一个基于Django框架的网上商城项目,旨在通过积分的方式来进行商品交易。该项目源码包括了后台管理系统和前台用户系统。 后台管理系统: 1. 管理员可以登录后台管理系统,并对商品、订单等进行管理。 2. 管理员可以添加、编辑和删除商品信息。 3. 管理员可以查看订单列表,包括订单的详细信息和状态。 4. 管理员可以根据需要对订单进行操作,如确认付款、发货等。 5. 管理员可以查看用户的积分余额和消费记录。 6. 管理员可以设置商品的积分价格和库存量。 前台用户系统: 1. 用户可以注册新账号,并登录到自己的账户。 2. 用户可以浏览商品列表,并根据积分余额进行筛选。 3. 用户可以查看商品的详细信息和图片。 4. 用户可以将商品添加到购物车中,并在结算时使用积分进行支付。 5. 用户可以查看自己的订单列表和订单的详细信息。 6. 用户可以将订单标记为已收货。 7. 用户可以查看自己的积分余额和消费记录。 该项目源码使用了Django的MVC架构,包括了模型、视图和模板等组件。数据存储使用了数据库,如MySQL或SQLite等。用户认证使用了Django自带的用户认证系统,并进行了相应的权限控制。 总之,django积分商城项目源码实现了一个简单易用的积分商城系统,用户可以通过积分购买商品,并查看自己的订单和积分余额。管理员可以对商品和订单进行管理,包括添加、编辑、删除商品和确认订单等功能。该项目源码可以帮助开发者快速搭建一个积分商城系统,并进行二次开发和定制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值