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

<style>
.order-table .header>th {
	height: 38px;
	text-align: center;
	background: #f5f5f5;
	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="make/changes/xls?_state={{active}}&searchFilter={{keywordXls}}" 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">
		<div class="row">
			<div id="topSearch" style="float: left">
				<span class="text-muted"><i class="fa fa-search fa-lg"></i> 搜索"{{tip}}",为您找到结果:</span>
				单据{{tableParams.total()}}条
			</div>
			<div class="col-xs-6">
				<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="输入商品、客户名称或单据流水号搜索" />
						<a class="btn input-group-addon" ng-click="onSearch()">搜索</a>
					</div>
				</div>
			</div>
			<div class="fr toggle">
				<a ng-click="condition.$open=!condition.$open" class="text-simple"><span ng-bind="condition.$open ? '简化筛选条件' : '更多筛选条件'"></span><i class="fa fa-fw" ng-class="{'fa-angle-up': condition.$open, 'fa-angle-down': !condition.$open}"></i></a>
			</div>
		</div>
		<div class="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">
						<button type="button" dropdown-toggle style="width: 85px;" class="btn btn-default btn-xs dropdown-toggle">
							{{dateZoneText}}<i class="fa fa-fw fa-angle-down icon-right"></i></span>
						</button>
						<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"
							   current-text="今天" clear-text="清除" close-text="关闭"
							   datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
							   ng-focus="openDatePicker($event, condition, '$fromOpened')">
						<span class="input-group-btn">
						<button type="button" class="btn btn-default"
								ng-click="openDatePicker($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"
							   current-text="今天" clear-text="清除" close-text="关闭"
							   datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
							   ng-focus="openDatePicker($event, condition, '$toOpened')">
						<span class="input-group-btn">
						<button type="button" class="btn btn-default"
								ng-click="openDatePicker($event, condition, '$toOpened')">
							<i class="fa fa-calendar"></i>
						</button>
					</span>
					</div>
				</div>
				<!--<div class="form-group">
					<label>采纳结果：</label>
					<div class="btn-group btn-menu" dropdown is-open="condition.$agreedOpen">
						<button type="button" dropdown-toggle style="width: 70px;" class="btn btn-default btn-xs dropdown-toggle">
							{{agreedText}}<i class="fa fa-fw fa-angle-down icon-right"></i></span>
						</button>
						<ul class="dropdown-menu">
							<li><a ng-click="changeAgreed()">全部</a></li>
							<li><a ng-click="changeAgreed(1)">已采纳</a></li>
							<li><a ng-click="changeAgreed(0)">未采纳</a></li>
						</ul>
					</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="130">计划加工日期</th>
			<th width="130">备注</th>
			<th width="80">操作</th>
		</tr>
		<!--<tr class="sep-row">
			<td colspan="6"></td>
		</tr>
		<tr class="sep-row">
			<td colspan="6"></td>
		</tr>-->
	</thead>
	<tbody ng-repeat="change in $data track by change.id">
		<tr class="order-hd">
			<td class="first" width="700" colspan="4">
				<div class="order-main">
					<!--<span> <input type="checkbox" class="selector"
						ng-model="change.$selected">
					</span> -->
					<span class="text-num text-bold"
						ng-bind="::change.orderChange.date | date:'yyyy-MM-dd'"></span>
					<span ng-bind="::change.orderChange.enterprise.enName"></span>
					<span>流水号：<a
						class="text-num" ng-bind="::change.orderChange.code" ui-sref="sale.makechange_detail({id:change.id})" target="_self"></a></span> <span>订单：<span
						class="text-num text-bold" ng-bind="::change.orderCode" ui-sref="make.order_detail({id:change.orderId})" target="_blank"></span></span>
				</div>
			</td>
			<td colspan="1" class="" title="{{change.orderChange.remark}}">
				<div class="text-ellipsis" ng-bind="change.orderChange.remark" style="width: 120px;"></div>
			</td>
			<td colspan="1" class="text-center">
				<div class="operates">
					<!-- <a href="#" class="text-muted" title="打印"><i
						class="fa fa-print fa-lg fa-fw"></i></a> -->
				</div>
			</td>
		</tr>
		<tr class="order-bd">
			<td class="product">
				<div>
					<span class="text-num text-bold" ng-bind="::change.product.code"></span>
					<span class="text-light">
				</div>
				<div ng-bind="::change.product.title"></div>
				<div class="text-muted" ng-bind="::change.product.spec"></div>
				<div class="" ng-if="::change.reason">变更原因：<span ng-bind="::change.reason"></span></div>
			</td>
			<td class="text-center">
				<div class="text-num"
					ng-class="{'text-inverse': change.newPrice != change.oldPrice}"
					title="{{change.newPrice}}" ng-bind="::change.newPrice | number:6"></div>
				<div ng-show="change.newPrice != change.oldPrice">
					<s class="text-num text-muted" ng-bind="::change.oldPrice | number:6"></s>
				</div>
			</td>
			<td class="text-center">
				<div class="text-num"
					ng-class="{'text-inverse': change.newQty != change.oldQty}"
					title="{{change.newQty}}" ng-bind="::change.newQty"></div>
				<div ng-show="change.newQty != change.oldQty">
					<s class="text-num text-muted" title="{{change.oldQty}}"
						ng-bind="::change.oldQty"></s>
				</div>
				<div class="text-muted" ng-bind="::change.product.unit"></div>
			</td>
			<td class="text-center br-l">
				<div class="text-num">
					<span ng-class="{'text-inverse': change.newCommence != change.oldCommence}" ng-bind="::change.newCommence | date:'yyyy-MM-dd'"></span>
				</div>
				<div class="text-num text-muted" ng-show="change.newCommence != change.oldCommence"><s ng-bind="::change.oldCommence | date:'yyyy-MM-dd'"></s></div>
				<div>至</div>
				<div class="text-num"><span ng-class="{'text-inverse': change.newComplete != change.oldComplete}" ng-bind="::change.newComplete | date:'yyyy-MM-dd'"></span></div>
				<div class="text-num text-muted" ng-show="change.newComplete != change.oldComplete"><s ng-bind="::change.oldComplete | date:'yyyy-MM-dd'"></s></div>
			</td>
			<td class="text-left br-l" colspan="2">
				<p class="text-muted">备注：<span ng-bind="::change.remark"></span></p>
			</td>
		</tr>
	</tbody>
</table>
</div>