git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@188 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d

src/main/webapp/resources/tpl/index/sale/order.html

@@ -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>