|
|
@@ -1,35 +1,4 @@
|
|
|
-<div ng-controller="SaleOrderCtrl">
|
|
|
- <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="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>
|
|
|
- <li><a href="#"><span>退货中</span><em class="tm-h">0</em></a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <table ng-table="tableParams"
|
|
|
- class="table table-bordered table-striped">
|
|
|
- <tr ng-repeat="order in $data">
|
|
|
- <td width="20" style="text-align: center"
|
|
|
- header="'ng-table/headers/checkbox.html'"><input
|
|
|
- type="checkbox" ng-model="checkboxes.items[order.id]" /></td>
|
|
|
- <td data-title="'编号'" sortable="'code'">{{order.code}}</td>
|
|
|
- <td data-title="'日期'" width="120">{{order.date | date:
|
|
|
- "yyyy-MM-dd"}}</td>
|
|
|
- <td data-title="'类型'" width="80">{{order.type}}</td>
|
|
|
- <td data-title="'客户名称'" width="230">{{order.customer.name}}</td>
|
|
|
- <td data-title="'交货日期'" width="120" sortable="'delivery'">{{order.delivery
|
|
|
- | date: "yyyy-MM-dd"}}</td>
|
|
|
- <td data-title="'状态'" width="50">{{order.status}}</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <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>
|
|
|
+<style>
|
|
|
.order-table .header>th {
|
|
|
height: 38px;
|
|
|
text-align: center;
|
|
|
@@ -49,6 +18,7 @@
|
|
|
|
|
|
.toolbar label {
|
|
|
margin-right: 10px;
|
|
|
+ margin-bottom: 0;
|
|
|
}
|
|
|
|
|
|
.toolbar .select_all {
|
|
|
@@ -66,7 +36,6 @@
|
|
|
|
|
|
.order-table .order-hd {
|
|
|
background: #f5f5f5;
|
|
|
- border-bottom: 1px solid #f5f5f5;
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
}
|
|
|
@@ -84,21 +53,64 @@
|
|
|
font-family: verdana;
|
|
|
}
|
|
|
|
|
|
+.order-table .order-hd .order-sum {
|
|
|
+ padding: 0 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table>tbody {
|
|
|
+ border: 1px solid transparent;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table>tbody:hover {
|
|
|
+ border-color: #ccc;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table .operates {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.order-table>tbody:hover .operates {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
.order-table .order-bd {
|
|
|
border-bottom: 1px solid #e6e6e6;
|
|
|
}
|
|
|
|
|
|
-.order-table .order-bd td{
|
|
|
+.order-table .order-bd td {
|
|
|
padding: 10px 5px;
|
|
|
- overflow: hidden;
|
|
|
vertical-align: top;
|
|
|
}
|
|
|
|
|
|
.order-table .order-bd .product {
|
|
|
padding-left: 20px;
|
|
|
}
|
|
|
+
|
|
|
+.dropdown.item-reply:hover>.dropdown-toggle {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+.dropdown.item-reply:hover>.dropdown-menu {
|
|
|
+ top: 0;
|
|
|
+ right: 100%;
|
|
|
+}
|
|
|
</style>
|
|
|
- <table class="order-table block">
|
|
|
+<div ng-controller="SaleOrderCtrl" class="block">
|
|
|
+ <div class="loading in">
|
|
|
+ <i></i>
|
|
|
+ </div>
|
|
|
+ <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="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>
|
|
|
+ <li><a href="#"><span>退货中</span><em class="tm-h">0</em></a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <table class="order-table block" ng-table="tableParams">
|
|
|
<thead>
|
|
|
<tr class="header">
|
|
|
<th>商品</th>
|
|
|
@@ -106,117 +118,101 @@
|
|
|
<th>数量</th>
|
|
|
<th>交货日期</th>
|
|
|
<th>回复状态</th>
|
|
|
+ <th>操作</th>
|
|
|
</tr>
|
|
|
<tr class="sep-row">
|
|
|
- <td colspan="5"></td>
|
|
|
+ <td colspan="6"></td>
|
|
|
</tr>
|
|
|
<tr class="toolbar toolbar-top">
|
|
|
- <td colspan="5">
|
|
|
- <div class="operates">
|
|
|
+ <td colspan="6">
|
|
|
+ <div>
|
|
|
<label><input type="checkbox" class="selector select_all">全选</label>
|
|
|
<a href="javascript:void(0)" class="btn btn-default btn-xs">批量回复</a>
|
|
|
</div> <!-- 分页 -->
|
|
|
</td>
|
|
|
</tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
<tr class="sep-row">
|
|
|
- <td colspan="5"></td>
|
|
|
+ <td colspan="6"></td>
|
|
|
</tr>
|
|
|
+ </thead>
|
|
|
+ <tbody ng-repeat="order in $data">
|
|
|
<tr class="order-hd">
|
|
|
<td class="first">
|
|
|
<div class="order-main">
|
|
|
<span> <input type="checkbox" class="selector">
|
|
|
- </span> <span class="text-num text-bold" title="2015-01-11 20:26">2015-01-11</span>
|
|
|
- <span>订单号:<em class="text-num">933264676769308</em></span>
|
|
|
+ </span> <span class="text-num text-bold" title="{{order.date}}"
|
|
|
+ ng-bind="order.date"></span> <span>订单号:<a class="text-num"
|
|
|
+ ng-bind="order.code" href="#"></a></span>
|
|
|
</div>
|
|
|
</td>
|
|
|
- <td class="column" colspan="3"><a href="#">中国移动官方旗舰店</a></td>
|
|
|
- <td colspan="1"></td>
|
|
|
- </tr>
|
|
|
- <tr class="order-bd">
|
|
|
- <td class="product">
|
|
|
- <div class="text-num text-bold">
|
|
|
- <a href="#"> 1.0125301S.T015</a>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a href="#"> 广东移动 </a>
|
|
|
- </div>
|
|
|
- <div class="text-muted" title="">手机 话费充值 50元
|
|
|
- 快充直充 24小时自动充即时到账</div>
|
|
|
- </td>
|
|
|
- <td class="text-center text-num" title="49.50">49.50</td>
|
|
|
- <td class="text-center text-num" title="1">1</td>
|
|
|
- <td class="text-center text-num br-l">2015-03-01</td>
|
|
|
- <td class="text-center br-l"><div>数量完成48%</div>
|
|
|
- <div>交期未达标</div></td>
|
|
|
- </tr>
|
|
|
- <tr class="order-bd">
|
|
|
- <td class="product">
|
|
|
- <div class="text-num text-bold">
|
|
|
- <a href="#"> 1.0125301S.T015</a>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a href="#"> 广东移动 </a>
|
|
|
- </div>
|
|
|
- <div class="text-muted" title="">手机 话费充值 50元
|
|
|
- 快充直充 24小时自动充即时到账</div>
|
|
|
+ <td colspan="3"><a href="#" ng-bind="order.enterprise.enName"></a></td>
|
|
|
+ <td colspan="1" class="order-sum">{{order.currency}}: <span
|
|
|
+ ng-bind="getOrderTotal(order.orderItems) | number : 2"
|
|
|
+ class="text-num text-bold"></span>
|
|
|
</td>
|
|
|
- <td class="text-center text-num" title="49.50">49.50</td>
|
|
|
- <td class="text-center text-num" title="1">1</td>
|
|
|
- <td class="text-center text-num br-l">2015-03-01</td>
|
|
|
- <td class="text-center br-l"><div>数量完成48%</div>
|
|
|
- <div>交期未达标</div></td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- <tbody>
|
|
|
- <tr class="sep-row">
|
|
|
- <td colspan="5"></td>
|
|
|
- </tr>
|
|
|
- <tr class="order-hd">
|
|
|
- <td class="first">
|
|
|
- <div class="order-main">
|
|
|
- <span> <input type="checkbox" class="selector">
|
|
|
- </span> <span class="text-num text-bold" title="2015-01-11 20:26">2015-01-11</span>
|
|
|
- <span>订单号:<em class="text-num">933264676769308</em></span>
|
|
|
+ <td colspan="1" class="text-center">
|
|
|
+ <div class="operates">
|
|
|
+ <a href="#" class="text-muted" title="打印"><i
|
|
|
+ class="fa fa-print fa-lg"></i></a>
|
|
|
</div>
|
|
|
</td>
|
|
|
- <td class="column" colspan="3"><a href="#">中国移动官方旗舰店</a></td>
|
|
|
- <td colspan="1"></td>
|
|
|
</tr>
|
|
|
- <tr class="order-bd">
|
|
|
+ <tr class="order-bd" ng-repeat="item in order.orderItems">
|
|
|
<td class="product">
|
|
|
<div class="text-num text-bold">
|
|
|
- <a href="#"> 1.0125301S.T015</a>
|
|
|
+ <a href="#" ng-bind="item.product.code"></a>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <a href="#"> 广东移动 </a>
|
|
|
+ <a href="#" ng-bind="item.product.title"></a>
|
|
|
</div>
|
|
|
- <div class="text-muted" title="">手机 话费充值 50元
|
|
|
- 快充直充 24小时自动充即时到账</div>
|
|
|
+ <div class="text-muted" title="{{item.product.spec}}"
|
|
|
+ ng-bind="item.product.spec"></div>
|
|
|
</td>
|
|
|
- <td class="text-center text-num" title="49.50">49.50</td>
|
|
|
- <td class="text-center text-num" title="1">1</td>
|
|
|
- <td class="text-center text-num br-l">2015-03-01</td>
|
|
|
- <td class="text-center br-l"><div>数量完成48%</div>
|
|
|
- <div>交期未达标</div></td>
|
|
|
- </tr>
|
|
|
- <tr class="order-bd">
|
|
|
- <td class="product">
|
|
|
- <div class="text-num text-bold">
|
|
|
- <a href="#"> 1.0125301S.T015</a>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a href="#"> 广东移动 </a>
|
|
|
- </div>
|
|
|
- <div class="text-muted" title="">手机 话费充值 50元
|
|
|
- 快充直充 24小时自动充即时到账</div>
|
|
|
+ <td class="text-center text-num" title="{{item.price}}"
|
|
|
+ ng-bind="item.price"></td>
|
|
|
+ <td class="text-center">
|
|
|
+ <div class="text-num" title="{{item.qty}}" ng-bind="item.qty"></div>
|
|
|
+ <div class="text-muted" ng-bind="item.product.unit"></div>
|
|
|
</td>
|
|
|
- <td class="text-center text-num" title="49.50">49.50</td>
|
|
|
- <td class="text-center text-num" title="1">1</td>
|
|
|
- <td class="text-center text-num br-l">2015-03-01</td>
|
|
|
+ <td class="text-center text-num br-l" ng-bind="item.delivery"></td>
|
|
|
<td class="text-center br-l"><div>数量完成48%</div>
|
|
|
<div>交期未达标</div></td>
|
|
|
+ <td class="text-center br-l dropdown item-reply"><a href="#"
|
|
|
+ class="dropdown-toggle">回复</a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-right"
|
|
|
+ style="padding: 15px 15px 5px 15px; width: 250px;">
|
|
|
+ <form class="form-horizontal" ng-submit="reply(item)"
|
|
|
+ name="myform" novalidate>
|
|
|
+ <div class="form-group">
|
|
|
+ <label class="col-sm-3 control-label">数量</label>
|
|
|
+ <div class="col-sm-9">
|
|
|
+ <input type="text" class="form-control input-sm"
|
|
|
+ ng-model="item.reply.qty" name="qty"
|
|
|
+ placeholder="{{item.qty-item.replyQty}}" required>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label class="col-sm-3 control-label">交期</label>
|
|
|
+ <div class="col-sm-9">
|
|
|
+ <input type="date" class="form-control input-sm"
|
|
|
+ ng-model="item.reply.delivery" name="delivery"
|
|
|
+ placeholder="item.delivery" required>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label class="col-sm-3 control-label">回复备注</label>
|
|
|
+ <div class="col-sm-9">
|
|
|
+ <textarea type="date" class="form-control input-sm"
|
|
|
+ ng-model="item.reply.remark" name="remark" required></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <div class="col-sm-offset-3 col-sm-9">
|
|
|
+ <button class="btn btn-info btn-sm btn-block" type="submit">确认</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div></td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|