|
|
@@ -57,6 +57,12 @@
|
|
|
padding: 0 5px;
|
|
|
}
|
|
|
|
|
|
+.order-table .order-hd .dropdown-toggle {
|
|
|
+ line-height: 40px;
|
|
|
+ display: block;
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
.order-table>tbody {
|
|
|
border: 1px solid transparent;
|
|
|
}
|
|
|
@@ -96,21 +102,43 @@
|
|
|
border-radius: 3px;
|
|
|
}
|
|
|
|
|
|
-.input-group-xs .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn:not
|
|
|
- (:first-child ),.input-group-btn:last-child>.btn {
|
|
|
- border-top-left-radius: 0;
|
|
|
- border-bottom-left-radius: 0;
|
|
|
+.order-snapshot .title {
|
|
|
+ border-top: 1px dashed #ddd;
|
|
|
+}
|
|
|
+
|
|
|
+.order-snapshot .dl-horizontal dt {
|
|
|
+ width: 60px;
|
|
|
+ text-align: left;
|
|
|
+ font-weight: normal;
|
|
|
+ color: #999;
|
|
|
+ padding: 4px 0;
|
|
|
}
|
|
|
|
|
|
-@media ( min-width : 768px) {
|
|
|
- .form-horizontal .form-group-xs .control-label {
|
|
|
- padding-top: 5px;
|
|
|
- }
|
|
|
+.order-snapshot .dl-horizontal dd {
|
|
|
+ margin-left: 80px;
|
|
|
+ padding: 4px 0;
|
|
|
+}
|
|
|
+/*arrow*/
|
|
|
+.order-send {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.order-send.arrow-border:before,.arrow-border:after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ top: 20px;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border: 7px solid transparent;
|
|
|
}
|
|
|
|
|
|
-.input-trigger .dropdown-menu tr>td>.btn {
|
|
|
- border-radius: 0;
|
|
|
- border: none;
|
|
|
+.order-send.arrow-border.arrow-bottom-right:before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ left: -13px;
|
|
|
+ border-bottom-color: #fff;
|
|
|
+ border-right-color: #fff;
|
|
|
+ margin-top: -10px;
|
|
|
}
|
|
|
</style>
|
|
|
<div ng-controller="SaleNoticeCtrl" class="block">
|
|
|
@@ -127,7 +155,8 @@
|
|
|
class="tm-h">6</em></a></li>
|
|
|
<li><a ui-sref="sale.change"><span>变更中</span><em
|
|
|
class="tm-h">2</em></a></li>
|
|
|
- <li class="active"><a ui-sref="sale.notice"><span>待发货</span><em class="tm-h">0</em></a></li>
|
|
|
+ <li class="active"><a ui-sref="sale.notice"><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>
|
|
|
@@ -136,10 +165,10 @@
|
|
|
<thead>
|
|
|
<tr class="header">
|
|
|
<th>商品</th>
|
|
|
- <th width="90">数量</th>
|
|
|
+ <th width="120">备注</th>
|
|
|
+ <th width="240">数量</th>
|
|
|
<th width="90">价格</th>
|
|
|
<th width="90">交货日期</th>
|
|
|
- <th width="120">备注</th>
|
|
|
<th width="60">操作</th>
|
|
|
</tr>
|
|
|
<tr class="sep-row">
|
|
|
@@ -164,15 +193,35 @@
|
|
|
<div class="order-main">
|
|
|
<span> <input type="checkbox" class="selector"
|
|
|
ng-model="notice.$selected">
|
|
|
- </span> <span class="text-num text-bold"
|
|
|
- title="{{notice.date}}"
|
|
|
+ </span> <span class="text-num text-bold" title="{{notice.date}}"
|
|
|
ng-bind="notice.date | date:'yyyy-MM-dd'"></span>
|
|
|
</div>
|
|
|
</td>
|
|
|
<td colspan="2"><a href="#"
|
|
|
ng-bind="notice.orderItem.order.enterprise.enName"></a></td>
|
|
|
- <td class="text-right" colspan="2" class="order-sum">
|
|
|
- PO:<a class="text-num text-bold" ng-bind="notice.orderItem.order.code" href="#"></a> 第{{notice.orderItem.number}}行
|
|
|
+ <td class="text-right dropdown" colspan="2" class="order-sum">
|
|
|
+ <a class="dropdown-toggle" href="javascript:void(0);"> <span
|
|
|
+ class="text-num text-bold" ng-bind="notice.orderItem.order.code"></span>
|
|
|
+ 第{{notice.orderItem.number}}行
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu order-snapshot"
|
|
|
+ style="padding: 10px 15px">
|
|
|
+ <div class="text-center text-bold title">订单快照</div>
|
|
|
+ <dl class="dl-horizontal">
|
|
|
+ <dt>日期</dt>
|
|
|
+ <dd>{{notice.orderItem.order.date | date : 'yyyy-MM-dd'}}</dd>
|
|
|
+ <dt>采购员</dt>
|
|
|
+ <dd>{{notice.orderItem.order.user.userName}}</dd>
|
|
|
+ <dt>付款条件</dt>
|
|
|
+ <dd>{{notice.orderItem.order.payments}}</dd>
|
|
|
+ <dt>付款币种</dt>
|
|
|
+ <dd>{{notice.orderItem.order.currency}}</dd>
|
|
|
+ <dt>交货地址</dt>
|
|
|
+ <dd>{{notice.orderItem.order.shipAddress}}</dd>
|
|
|
+ <dt>备注</dt>
|
|
|
+ <dd>{{notice.orderItem.order.remark}}</dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
</td>
|
|
|
<td class="text-center">
|
|
|
<div class="operates">
|
|
|
@@ -192,29 +241,38 @@
|
|
|
<div class="text-muted" title="{{notice.orderItem.product.spec}}"
|
|
|
ng-bind="notice.orderItem.product.spec"></div>
|
|
|
</td>
|
|
|
- <td>
|
|
|
+ <td class="text-center">
|
|
|
+ <div ng-show="!notice.$editing">{{notice.remark}}</div>
|
|
|
+ <div ng-show="notice.$editing">
|
|
|
+ <input type="text" class="form-control input-xs" ng-model="notice.send.code" placeholder="送货单号">
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="br-l">
|
|
|
<div ng-show="!notice.$editing">
|
|
|
<ul>
|
|
|
- <li>订单数:{{notice.orderItem.qty}}</li>
|
|
|
- <li>本次需求:{{notice.qty}}</li>
|
|
|
- <li>已发货:{{notice.endQty}}</li>
|
|
|
- <li>剩余未货:{{notice.qty-(notice.endQty || 0)}}</li>
|
|
|
+ <li>本次需求:{{notice.qty}}<span class="text-muted pull-right">[订单数:{{notice.orderItem.qty}}]</span></li>
|
|
|
+ <li class="dropdown dropdown-submenu">剩余未发:<span
|
|
|
+ class="text-num text-inverse"
|
|
|
+ ng-bind="notice.qty-(notice.endQty || 0)"></span> <a
|
|
|
+ href="javascript:void(0);" class="dropdown-toggle pull-right"><span
|
|
|
+ ng-class="{'text-muted' : notice.endQty == null || notice.endQty == 0,'text-default': notice.endQty > 0}">[已发货:{{notice.endQty}}]</span></a>
|
|
|
+ <div
|
|
|
+ class="dropdown-menu order-send arrow-border arrow-bottom-right"
|
|
|
+ style="padding: 10px 15px">
|
|
|
+ <span class="text-muted">还未发货</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <div style="margin: 0 auto" ng-show="notice.$editing" ng-init="notice.send.qty=notice.qty-(notice.endQty || 0)">
|
|
|
+ <div style="margin: 0 auto" ng-show="notice.$editing"
|
|
|
+ ng-init="notice.send.qty=notice.qty-(notice.endQty || 0)">
|
|
|
<input type="text" class="form-control input-xs"
|
|
|
- ng-model="notice.send.qty" placeholder="数量">
|
|
|
+ ng-model="notice.send.qty" placeholder="数量">
|
|
|
</div>
|
|
|
</td>
|
|
|
- <td class="text-center br-l">
|
|
|
- {{notice.orderItem.price}}
|
|
|
- </td>
|
|
|
- <td class="text-center br-l">
|
|
|
- {{notice.delivery | date : 'yyyy-MM-dd'}}
|
|
|
- </td>
|
|
|
- <td class="text-center br-l">
|
|
|
- {{notice.remark}}
|
|
|
- </td>
|
|
|
+ <td class="text-center br-l">{{notice.orderItem.price}}</td>
|
|
|
+ <td class="text-center br-l">{{notice.delivery | date :
|
|
|
+ 'yyyy-MM-dd'}}</td>
|
|
|
<td class="text-center br-l">
|
|
|
<div ng-show="!notice.$editing">
|
|
|
<a ng-click="notice.$editing=!notice.$editing">发 货</a>
|