376 lines
12 KiB
HTML
376 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
|
||
|
||
<title>订单详情</title>
|
||
|
||
<link href="../AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
|
||
<link href="../AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">
|
||
|
||
<link href="../css/personal.css" rel="stylesheet" type="text/css">
|
||
<link href="../css/orstyle.css" rel="stylesheet" type="text/css">
|
||
|
||
<script src="../AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
|
||
<script src="../AmazeUI-2.4.2/assets/js/amazeui.js"></script>
|
||
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<!--头 -->
|
||
<header>
|
||
<article>
|
||
<div class="mt-logo">
|
||
<!--顶部导航条 -->
|
||
<div class="am-container header">
|
||
<ul class="message-l">
|
||
<div class="topMessage">
|
||
<div class="menu-hd">
|
||
<a href="#" target="_top" class="h">亲，请登录</a>
|
||
<a href="#" target="_top">免费注册</a>
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
<ul class="message-r">
|
||
<div class="topMessage home">
|
||
<div class="menu-hd"><a href="#" target="_top" class="h">商城首页</a></div>
|
||
</div>
|
||
<div class="topMessage my-shangcheng">
|
||
<div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
|
||
</div>
|
||
<div class="topMessage mini-cart">
|
||
<div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
|
||
</div>
|
||
<div class="topMessage favorite">
|
||
<div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
|
||
</ul>
|
||
</div>
|
||
|
||
<!--悬浮搜索框-->
|
||
|
||
<div class="nav white">
|
||
<div class="logoBig">
|
||
<li><img src="../images/logobig.png" /></li>
|
||
</div>
|
||
|
||
<div class="search-bar pr">
|
||
<a name="index_none_header_sysc" href="#"></a>
|
||
<form>
|
||
<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
|
||
<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</header>
|
||
<div class="nav-table">
|
||
<div class="long-title"><span class="all-goods">全部分类</span></div>
|
||
<div class="nav-cont">
|
||
<ul>
|
||
<li class="index"><a href="#">首页</a></li>
|
||
<li class="qc"><a href="#">闪购</a></li>
|
||
<li class="qc"><a href="#">限时抢</a></li>
|
||
<li class="qc"><a href="#">团购</a></li>
|
||
<li class="qc last"><a href="#">大包装</a></li>
|
||
</ul>
|
||
<div class="nav-extra">
|
||
<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
|
||
<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<b class="line"></b>
|
||
<div class="center">
|
||
<div class="col-main">
|
||
<div class="main-wrap">
|
||
|
||
<div class="user-orderinfo">
|
||
|
||
<!--标题 -->
|
||
<div class="am-cf am-padding">
|
||
<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单详情</strong> / <small>Order details</small></div>
|
||
</div>
|
||
<hr/>
|
||
<!--进度条-->
|
||
<div class="m-progress">
|
||
<div class="m-progress-list">
|
||
<span class="step-1 step">
|
||
<em class="u-progress-stage-bg"></em>
|
||
<i class="u-stage-icon-inner">1<em class="bg"></em></i>
|
||
<p class="stage-name">拍下商品</p>
|
||
</span>
|
||
<span class="step-2 step">
|
||
<em class="u-progress-stage-bg"></em>
|
||
<i class="u-stage-icon-inner">2<em class="bg"></em></i>
|
||
<p class="stage-name">卖家发货</p>
|
||
</span>
|
||
<span class="step-3 step">
|
||
<em class="u-progress-stage-bg"></em>
|
||
<i class="u-stage-icon-inner">3<em class="bg"></em></i>
|
||
<p class="stage-name">确认收货</p>
|
||
</span>
|
||
<span class="step-4 step">
|
||
<em class="u-progress-stage-bg"></em>
|
||
<i class="u-stage-icon-inner">4<em class="bg"></em></i>
|
||
<p class="stage-name">交易完成</p>
|
||
</span>
|
||
<span class="u-progress-placeholder"></span>
|
||
</div>
|
||
<div class="u-progress-bar total-steps-2">
|
||
<div class="u-progress-bar-inner"></div>
|
||
</div>
|
||
</div>
|
||
<div class="order-infoaside">
|
||
<div class="order-logistics">
|
||
<a href="logistics.html">
|
||
<div class="icon-log">
|
||
<i><img src="../images/receive.png"></i>
|
||
</div>
|
||
<div class="latest-logistics">
|
||
<p class="text">已签收,签收人是青年城签收，感谢使用天天快递，期待再次为您服务</p>
|
||
<div class="time-list">
|
||
<span class="date">2015-12-19</span><span class="week">周六</span><span class="time">15:35:42</span>
|
||
</div>
|
||
<div class="inquire">
|
||
<span class="package-detail">物流：天天快递</span>
|
||
<span class="package-detail">快递单号: </span>
|
||
<span class="package-number">373269427868</span>
|
||
<a href="logistics.html">查看</a>
|
||
</div>
|
||
</div>
|
||
<span class="am-icon-angle-right icon"></span>
|
||
</a>
|
||
<div class="clear"></div>
|
||
</div>
|
||
<div class="order-addresslist">
|
||
<div class="order-address">
|
||
<div class="icon-add">
|
||
</div>
|
||
<p class="new-tit new-p-re">
|
||
<span class="new-txt">小叮当</span>
|
||
<span class="new-txt-rd2">159****1622</span>
|
||
</p>
|
||
<div class="new-mu_l2a new-p-re">
|
||
<p class="new-mu_l2cw">
|
||
<span class="title">收货地址：</span>
|
||
<span class="province">湖北</span>省
|
||
<span class="city">武汉</span>市
|
||
<span class="dist">洪山</span>区
|
||
<span class="street">雄楚大道666号(中南财经政法大学)</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="order-infomain">
|
||
|
||
<div class="order-top">
|
||
<div class="th th-item">
|
||
<td class="td-inner">商品</td>
|
||
</div>
|
||
<div class="th th-price">
|
||
<td class="td-inner">单价</td>
|
||
</div>
|
||
<div class="th th-number">
|
||
<td class="td-inner">数量</td>
|
||
</div>
|
||
<div class="th th-operation">
|
||
<td class="td-inner">商品操作</td>
|
||
</div>
|
||
<div class="th th-amount">
|
||
<td class="td-inner">合计</td>
|
||
</div>
|
||
<div class="th th-status">
|
||
<td class="td-inner">交易状态</td>
|
||
</div>
|
||
<div class="th th-change">
|
||
<td class="td-inner">交易操作</td>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="order-main">
|
||
|
||
<div class="order-status3">
|
||
<div class="order-title">
|
||
<div class="dd-num">订单编号：<a href="javascript:;">1601430</a></div>
|
||
<span>成交时间：2015-12-20</span>
|
||
<!-- <em>店铺：小桔灯</em>-->
|
||
</div>
|
||
<div class="order-content">
|
||
<div class="order-left">
|
||
<ul class="item-list">
|
||
<li class="td td-item">
|
||
<div class="item-pic">
|
||
<a href="#" class="J_MakePoint">
|
||
<img src="../images/kouhong.jpg_80x80.jpg" class="itempic J_ItemImg">
|
||
</a>
|
||
</div>
|
||
<div class="item-info">
|
||
<div class="item-basic-info">
|
||
<a href="#">
|
||
<p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
|
||
<p class="info-little">颜色：12#川南玛瑙
|
||
<br/>包装：裸装 </p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="td td-price">
|
||
<div class="item-price">
|
||
333.00
|
||
</div>
|
||
</li>
|
||
<li class="td td-number">
|
||
<div class="item-number">
|
||
<span>×</span>2
|
||
</div>
|
||
</li>
|
||
<li class="td td-operation">
|
||
<div class="item-operation">
|
||
退款/退货
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
|
||
<ul class="item-list">
|
||
<li class="td td-item">
|
||
<div class="item-pic">
|
||
<a href="#" class="J_MakePoint">
|
||
<img src="../images/62988.jpg_80x80.jpg" class="itempic J_ItemImg">
|
||
</a>
|
||
</div>
|
||
<div class="item-info">
|
||
<div class="item-basic-info">
|
||
<a href="#">
|
||
<p>礼盒袜子女秋冬 纯棉袜加厚 韩国可爱 </p>
|
||
<p class="info-little">颜色分类：李清照
|
||
<br/>尺码：均码</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="td td-price">
|
||
<div class="item-price">
|
||
333.00
|
||
</div>
|
||
</li>
|
||
<li class="td td-number">
|
||
<div class="item-number">
|
||
<span>×</span>2
|
||
</div>
|
||
</li>
|
||
<li class="td td-operation">
|
||
<div class="item-operation">
|
||
退款/退货
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
<div class="order-right">
|
||
<li class="td td-amount">
|
||
<div class="item-amount">
|
||
合计：676.00
|
||
<p>含运费：<span>10.00</span></p>
|
||
</div>
|
||
</li>
|
||
<div class="move-right">
|
||
<li class="td td-status">
|
||
<div class="item-status">
|
||
<p class="Mystatus">卖家已发货</p>
|
||
<p class="order-info"><a href="logistics.html">查看物流</a></p>
|
||
<p class="order-info"><a href="#">延长收货</a></p>
|
||
</div>
|
||
</li>
|
||
<li class="td td-change">
|
||
<div class="am-btn am-btn-danger anniu">
|
||
确认收货</div>
|
||
</li>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!--底部-->
|
||
<div class="footer">
|
||
<div class="footer-hd">
|
||
<p>
|
||
<a href="#">恒望科技</a>
|
||
<b>|</b>
|
||
<a href="#">商城首页</a>
|
||
<b>|</b>
|
||
<a href="#">支付宝</a>
|
||
<b>|</b>
|
||
<a href="#">物流</a>
|
||
</p>
|
||
</div>
|
||
<div class="footer-bd">
|
||
<p>
|
||
<a href="#">关于恒望</a>
|
||
<a href="#">合作伙伴</a>
|
||
<a href="#">联系我们</a>
|
||
<a href="#">网站地图</a>
|
||
<em>© 2015-2025 Hengwang.com 版权所有</em>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<aside class="menu">
|
||
<ul>
|
||
<li class="person">
|
||
<a href="index.html">个人中心</a>
|
||
</li>
|
||
<li class="person">
|
||
<a href="#">个人资料</a>
|
||
<ul>
|
||
<li> <a href="information.html">个人信息</a></li>
|
||
<li> <a href="safety.html">安全设置</a></li>
|
||
<li> <a href="address.html">收货地址</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="person">
|
||
<a href="#">我的交易</a>
|
||
<ul>
|
||
<li class="active"><a href="order.html">订单管理</a></li>
|
||
<li> <a href="change.html">退款售后</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="person">
|
||
<a href="#">我的资产</a>
|
||
<ul>
|
||
<li> <a href="coupon.html">优惠券 </a></li>
|
||
<li> <a href="bonus.html">红包</a></li>
|
||
<li> <a href="bill.html">账单明细</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="person">
|
||
<a href="#">我的小窝</a>
|
||
<ul>
|
||
<li> <a href="collection.html">收藏</a></li>
|
||
<li> <a href="foot.html">足迹</a></li>
|
||
<li> <a href="comment.html">评价</a></li>
|
||
<li> <a href="news.html">消息</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</aside>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
</html> |