|
|
@@ -2,7 +2,7 @@
|
|
|
<div class="condition block">
|
|
|
<div class="state-wrap">
|
|
|
<ul class="list-unstyled list-inline">
|
|
|
- <li class=" first"><a href="#"><span>所有订单</span></a></li>
|
|
|
+ <li class="first"><a href="#"><span>所有订单</span></a></li>
|
|
|
<li class="active"><a href="#"><span>待回复</span><em
|
|
|
class="tm-h">6</em></a></li>
|
|
|
<li><a href="#"><span>待发货</span><em class="tm-h">0</em></a></li>
|
|
|
@@ -29,4 +29,148 @@
|
|
|
<script type="text/ng-template" id="ng-table/headers/checkbox.html">
|
|
|
<input type="checkbox" ng-model="checkboxes.checked" id="select_all" name="filter-checkbox" value="" />
|
|
|
</script>
|
|
|
+ <style>
|
|
|
+.order-table .header>th {
|
|
|
+ height: 38px;
|
|
|
+ text-align: center;
|
|
|
+ background: #f5f5f5;
|
|
|
+ border-top: 1px solid #e8e8e8;
|
|
|
+ border-bottom: 1px solid #e8e8e8;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table .sep-row {
|
|
|
+ height: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table .selector {
|
|
|
+ vertical-align: middle;
|
|
|
+ margin: 0 0 2px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar label {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar .select_all {
|
|
|
+ margin: 0 6px 0 10px;
|
|
|
+ line-height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar .btn {
|
|
|
+ -moz-border-radius: 2px;
|
|
|
+ margin-right: 5px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ border-radius: 2px;
|
|
|
+ -webkit-border-radius: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table .order-hd {
|
|
|
+ background: #f5f5f5;
|
|
|
+ border-bottom: 1px solid #f5f5f5;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table .order-hd td.first {
|
|
|
+ padding-left: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table .order-hd .order-main span {
|
|
|
+ margin-right: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table .order-hd .order-code {
|
|
|
+ font-style: normal;
|
|
|
+ font-family: verdana;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table .order-hd .order-time {
|
|
|
+ font-weight: 700;
|
|
|
+ font-family: verdana;
|
|
|
+}
|
|
|
+</style>
|
|
|
+ <table class="order-table block">
|
|
|
+ <thead>
|
|
|
+ <tr class="header">
|
|
|
+ <th class="baobei">宝贝</th>
|
|
|
+ <th class="price">单价(元)</th>
|
|
|
+ <th class="quantity">数量</th>
|
|
|
+ <th class="item-operate">商品操作</th>
|
|
|
+ <th class="amount">实付款(元)</th>
|
|
|
+ <th class="trade-status">交易状态</th>
|
|
|
+ <th class="trade-operate">交易操作</th>
|
|
|
+ </tr>
|
|
|
+ <tr class="sep-row">
|
|
|
+ <td colspan="7"></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="toolbar toolbar-top">
|
|
|
+ <td colspan="7">
|
|
|
+ <div class="operates">
|
|
|
+ <label><input type="checkbox" class="selector select_all">全选</label>
|
|
|
+ <a href="javascript:void(0)" class="btn btn-default btn-xs">合并付款</a>
|
|
|
+ <a href="javascript:void(0)" class="btn btn-default btn-xs">合并代付</a>
|
|
|
+ <a href="javascript:void(0)" class="btn btn-default btn-xs">批量确认收货</a>
|
|
|
+ </div> <!-- 分页 -->
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr class="sep-row">
|
|
|
+ <td colspan="7"></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="order-hd">
|
|
|
+ <td class="first">
|
|
|
+ <div class="order-main">
|
|
|
+ <span> <input type="checkbox" class="selector">
|
|
|
+ </span> <span class="order-time" title="2015-01-11 20:26">2015-01-11</span>
|
|
|
+ <span>订单号：<em class="order-code">933264676769308</em></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="column" colspan="4"><a href="#">中国移动官方旗舰店</a></td>
|
|
|
+ <td colspan="2"></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="order-bd">
|
|
|
+ <td class="product">
|
|
|
+ <div class="desc">
|
|
|
+ <p class="product-name">
|
|
|
+ <a href="#"> 广东移动 </a>
|
|
|
+ </p>
|
|
|
+ <div class="product-spec" title="">手机 话费充值 50元 快充直充
|
|
|
+ 24小时自动充即时到账</div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="price" title="49.50">49.50</td>
|
|
|
+ <td class="quantity" title="1">1</td>
|
|
|
+ <td class="item-operate"><a href="#">申请售后 </a> <a href="#">投诉卖家</a>
|
|
|
+ </td>
|
|
|
+ <td class="amount" rowspan="1">
|
|
|
+ <p>
|
|
|
+ <em class="real-price special-num"> 49.50 </em>
|
|
|
+ </p> </a>
|
|
|
+ </td>
|
|
|
+ <td class="trade-status" rowspan="1"><a href="#"> 交易成功 </a> <span>
|
|
|
+ <a href="#"> 订单详情 </a>
|
|
|
+ </span></td>
|
|
|
+ <td class="trade-operate"><a href="#">追加评论</a> <a href="#">再次购买</a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+
|
|
|
+ <tfoot>
|
|
|
+ <tr class="sep-row">
|
|
|
+ <td colspan="7"></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="toolbar toolbar-bottom">
|
|
|
+ <td colspan="7">
|
|
|
+ <div class="operates">
|
|
|
+ <label><input type="checkbox" class="selector select_all">全选</label>
|
|
|
+ <a href="javascript:void(0)" class="btn btn-default btn-xs">合并付款</a>
|
|
|
+ <a href="javascript:void(0)" class="btn btn-default btn-xs">合并代付</a>
|
|
|
+ <a href="javascript:void(0)" class="btn btn-default btn-xs">批量确认收货</a>
|
|
|
+ </div> <!-- 分页 -->
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tfoot>
|
|
|
+
|
|
|
+ </table>
|
|
|
</div>
|
administrator