代码拉取完成，页面将自动刷新
<!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>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
