platform-b2b/src/main/webapp/resources/tpl/index/make/outorder.html

<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;
	margin-bottom: 0;
}

.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;
	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-sum {
	padding: 0 5px;
}

.order-table .order-info {
	padding-left: 45px;
}

.order-table>tbody {
	border: 1px solid transparent;
}

.order-table>tbody:hover {
	border-color: #56a022;
	border-width: 2px;
}

.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 {
	padding: 10px 5px;
	vertical-align: top;
	position: relative;
}

.order-table .order-bd .product {
	padding-left: 20px;
}
</style>
<link rel="stylesheet" href="static/css/public.css">
<div class="block" id="public">
	<div class="loading in" ng-class="{'in': loading}">
		<i></i>
	</div>
	<div class="pub-com_head">
		<span>委外订单</span>
		<div class="p-right">
			<a
				href="#" ng-click="exportXls()"
				target="_self" class="text-simple" title="导出Excel表格"><i
				class="fa fa-file-excel-o fa-fw"></i>导出</a>
		</div>
	</div>
	<div class="condition block">
		<div class="search-bg condition block" style="padding: 10px 15px;">
			<div class="row">
				<div id="topSearch" style="float: left">
					<a ng-click="changeDateZone(1);condition.$open=false" title="最近一个月" ng-class="{'active':condition.dateZone=='1'}">最近一个月</a>
					<a ng-click="changeDateZone(3);condition.$open=false" title="最近三个月" ng-class="{'active':condition.dateZone=='3'}">最近三个月</a>
					<a ng-click="changeDateZone(6);condition.$open=false" title="最近六个月" ng-class="{'active':condition.dateZone=='6'}">最近六个月</a>
					<a ng-click="condition.$open=!condition.$open;changeDateZone(-1)" title="自定义" ng-class="{'active':condition.dateZone=='-1'}" >自定义</a>
				</div>
				<div class="col-xs-6" style="float: right;">
					<div class="search">
						<div class="form-group form-group-sm has-feedback" dropdown auto-close="outsideClick"
							 on-toggle="searchAdvance=open">
							<input type="search" class="form-control input-sm" ng-model="keyword"
								   ng-search="onSearch()" placeholder="输入单据编号、客户名称、物料名称搜索" style="width: 100%"/>
							<a class="btn input-group-addon" ng-click="onSearch()">搜索</a>
						</div>
					</div>
				</div>
			</div>
			<div class="more-list more" ng-class="{'open': condition.$open}">
				<form class="form-inline">
					<div class="form-group ">
						<label>日期：</label>
						<div class="btn-group btn-menu" dropdown is-open="condition.$dateZoneOpen">
							<ul class="dropdown-menu">
								<li><a ng-click="changeDateZone(1)">一个月内</a></li>
								<li><a ng-click="changeDateZone(6)">半年内</a></li>
								<li><a ng-click="changeDateZone()">半年前</a></li>
							</ul>
						</div>
						<div class="form-group input-group input-group-xs input-trigger">
							<input type="text" ng-model="condition.dateFrom"
								   class="form-control" placeholder="从"
								   datepicker-popup="yyyy-MM-dd" is-open="condition.$fromOpened"
								   ng-required="true" max-date = "condition.dateTo"
								   current-text="今天" clear-text="清除" close-text="关闭"
								   datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
								   ng-focus="openFilterDatePicker($event, condition, '$fromOpened')">
							<span class="input-group-btn">
							<button type="button" class="btn btn-default"
									ng-click="openFilterDatePicker($event, condition, '$fromOpened')">
								<i class="fa fa-calendar"></i>
							</button>
						</span>
						</div>
						<div class="form-group input-group input-group-xs input-trigger">
							<input type="text" ng-model="condition.dateTo"
								   class="form-control" placeholder="到"
								   datepicker-popup="yyyy-MM-dd" is-open="condition.$toOpened"
								   ng-required="true" min-date = "condition.dateFrom"
								   current-text="今天" clear-text="清除" close-text="关闭"
								   datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
								   ng-focus="openFilterDatePicker($event, condition, '$toOpened')">
							<span class="input-group-btn">
							<button type="button" class="btn btn-default"
									ng-click="openFilterDatePicker($event, condition, '$toOpened')">
								<i class="fa fa-calendar"></i>
							</button>
						</span>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<table class="order-table block" ng-table="tableParams">
		<thead>
			<tr class="header">
				<th>物料</th>
				<th width="100">单价</th>
				<th>数量</th>
				<th width="120">计划加工日期</th>
				<th width="140">备注</th>
				<th width="80">操作</th>
			</tr>
		<!--	<tr class="sep-row">
				<td colspan="6"></td>
			</tr>-->
			<!--<tr class="toolbar toolbar-top">
			<td colspan="5">
				<div>
					&lt;!&ndash; <label><input type="checkbox" class="selector select_all"
						ng-model="selectAll">全选</label>  &ndash;&gt;
				</div> &lt;!&ndash; 分页 &ndash;&gt;
			</td>
			<td class="text-center">
				<a href="make/outorders/xls?_state={{active}}&searchFilter={{keywordXls}}" target="_self" class="text-simple" title="导出Excel表格"><i class="fa fa-file-excel-o fa-fw"></i>导出</a>
			</td>
		</tr>-->
			<!--<tr class="sep-row">
				<td colspan="6"></td>
			</tr>-->
		</thead>
		<tbody ng-repeat="order in $data track by order.id">
			<tr class="order-hd" ng-dbclick="order.$collapsed=!order.$collapsed"
				ng-class="{'text-bold': order.display>0}">
				<td class="first" colspan="4">
					<div class="order-main">
						<!--<span> <input type="checkbox" class="selector"
							ng-model="order.$selected" ng-click="checkOne(order)">
						</span> -->
						<span class="text-num text-bold"
							ng-bind="::order.date | date:'yyyy-MM-dd'"></span>
						<span ng-bind="::order.enterprise.enName"></span>
						<span>订单号：
							<a class="text-num order-detail" ng-bind="::order.code" title="查看详情"
							   ui-sref="purc.outorder_detail({id:order.id})" target="_self"></a>
						</span>
					</div>
				</td>
				<td colspan="1" class="order-sum">{{::order.currency}}： <span
					ng-bind="::order.qty * order.price| number : 2"
					class="text-num text-bold"></span>
				</td>
				<td colspan="1" class="text-center">
					<div class="operates">
						<!-- <a ng-click="print(order)" title="打印{{order.print? '(已打印)':'(未打印)'}}" ng-class="{'unPrinted' : !order.print, 'text-muted': order.print}"><i
						class="fa fa-print fa-lg"></i></a> -->
						<a ng-click="order.$collapsed=!order.$collapsed"
							class="text-muted" title="收拢"><i
							class="fa fa-toggle-down fa-lg"></i></a>
					</div>
				</td>
			</tr>
			<tr class="order-bd" ng-if="!order.$collapsed">
				<td class="product">
					<div class="text-num text-bold" title="物料编号">
						<span ng-bind="::order.product.code"></span>
					</div>
					<div title="物料名称">
						<span ng-bind="::order.product.title"></span>
					</div>
					<div class="text-muted" title="物料规格" ng-bind="::order.product.spec"></div>
					<div>
						计划加工日期：<span class="text-num"
							ng-bind="::order.commence | date:'yyyy-MM-dd'"></span> <i
							class="fa fa-arrows-h text-muted"></i> <span class="text-num"
							ng-bind="::order.complete | date:'yyyy-MM-dd'"></span>
					</div>
					<div ng-if="::order.remark" class="text-muted">
						备注：<span ng-bind="::order.remark"></span>
					</div>
					<div class="text-bold text-inverse" ng-if="order.factory">
						送货工厂：<span ng-bind="::order.factory"></span>
					</div>
				</td>
				<td class="text-center">
					<div ng-if="!isUser" class="text-num" ng-bind="::order.price | number:6"></div>
					<div class="text-muted">税率：{{::order.taxrate || 0}}%</div>
				</td>
				<td class="text-center">
					<div class="text-num" ng-bind="::order.qty"></div>
					<div class="text-muted" ng-bind="::order.product.unit"></div>
					<div style="margin: 0 auto" ng-if="order.$editing">
						<input type="number" ng-model="order.reply.qty" min="0"
							max="{{item.qty}}" class="form-control input-xs"
							placeholder="0~{{order.qty-(order.replyQty ? order.replyQty : 0)}}">
					</div>
				</td>
				<td class="text-center br-l">
					<!-- <div class="text-num" ng-bind="::order.commence | date:'yyyy-MM-dd'"></div>
				<div>-</div>
				<div class="text-num" ng-bind="::order.complete | date:'yyyy-MM-dd'"></div> -->
					<div class="text-num"
						ng-bind="::order.delivery | date: 'yyyy-MM-dd'"></div> <br>
					<div style="margin: 0 auto"
						class="input-group input-group-xs input-trigger"
						ng-if="order.$editing">
						<input type="text" ng-model="order.reply.delivery"
							class="form-control" placeholder="回复交期"
							datepicker-popup="yyyy-MM-dd" is-open="order.$opened"
							min-date="order.date" ng-required="true" current-text="今天"
							clear-text="清除" close-text="关闭"
							datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
							ng-focus="openDatePicker($event, order, '$opened')"> <span
							class="input-group-btn">
							<button type="button" class="btn btn-default"
								ng-click="openDatePicker($event, order, '$opened')">
								<i class="fa fa-calendar"></i>
							</button>
						</span>
					</div>
				</td>
				<td class="br-l">
					<div ng-if="!order.$editing">
						<div ng-if="!order.replyQty" class="text-muted text-center">未回复</div>
						<div ng-if="order.replyQty > 0 && order.replyQty < order.qty">
							<div class="progress progress-sm">
								<div class="progress-bar progress-bar-success"
									ng-style="{'width': 100*order.replyQty/order.qty + '%'}">
									<span class="sr-only"></span>
								</div>
							</div>
							已回复 <span class="text-default">{{::order.replyQty}}</span> / <span>{{::order.qty}}</span>
						</div>
						<div ng-if="order.replyQty > 0" class="dropdown"
							ng-class="{'text-center': item.replyQty>=item.qty}">
							<a href="javascript:void(0);"
								class="dropdown-toggle text-default"
								ng-mouseover="getReply(order)">回复历史<i
								class="fa fa-fw fa-angle-down"></i></a>
							<div class="dropdown-menu pane" style="width: 270px;">
								<div class="pane-body">
									<ul class="list-unstyled list-menu">
										<li ng-if="!order.replies">正在加载...</li>
										<li ng-repeat="reply in ::order.replies">
											<div class="row row-sm"
												ng-class="{'text-inverse': $index==0}">
												<div class="col-xs-6">数量 {{::reply.qty}}</div>
												<div class="col-xs-6">交期{{::reply.delivery |
													date:'yyyy-MM-dd'}}</div>
											</div>
											<div class="text-muted">{{::reply.recorder}}&nbsp;&nbsp;{{::reply.date
												| date:'MM-dd HH:mm'}}&nbsp;回复</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div ng-if="order.acceptQty"
							class="text-success text-center text-bold f14">
							已验收：{{::order.acceptQty}}</div>
						<div ng-if="order.returnsqty"
							class="text-error text-center text-bold f14">
							已验退：{{::order.returnsqty}}</div>
					</div>
					<div style="margin: 0 auto" ng-if="order.$editing">
						<br>
						<br>
						<input type="text" ng-model="order.reply.remark"
							class="form-control input-xs" placeholder="回复备注" />
					</div>
				</td>
				<td class="text-center br-l">
					<div
						ng-if="order.replyQty>=order.qty && !item.$editing && !item.end"
						class="block">
						<span class="text-trans success">已回复</span>
					</div>
					<div ng-if="order.end" class="block">
						<span class="text-trans warning">已结案</span>
					</div> <!-- <div ng-if="(!order.replyQty || order.replyQty<order.qty) && !order.end">
					<div ng-show="!order.$editing">
						<a ng-click="openReply(order)">回复</a>
					</div>
					<div ng-if="order.$editing">
						<div>
							<a ng-click="closeReply(order)">取消</a>
						</div>
						<br>
						<div class="text-left">
							<a ng-click="onReplyClick(order)" class="text-inverse">
								<i class="fa fa-check-square-o"></i> 确认回复
							</a>
						</div>
					</div>
				</div> -->
				</td>
			</tr>
			<tr class="order-bd" ng-if="!order.$collapsed">
				<td colspan="6">
					<div class="row"></div>
				</td>
			</tr>
		</tbody>
	</table>
</div>