platform-b2b/src/main/webapp/resources/tpl/index/sale/change.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;
}

.menu .new-dot{
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	font-weight: inherit;
	top: -2px;
}
</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 class="wrap">
		<div class="outer"></div>
	</div>
</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-text fa-fw"></i>导出</a>
	</div>
</div>
<div class="menu condition block">
		<div class="row">
			<div class="col-xs-4">
				<div class="btn-group btn-group-sm btn-group-justified">
					<div class="btn-group btn-group-sm">
						<button type="button" class="btn btn-default btn-line"
							ng-class="{'btn-info':active=='all'}" ng-click="setActive('all')">全部
							<b class="new-dot" ng-if="unread.all > 0">{{unread.all>99?'99+':unread.all}}</b>
						</button>
					</div>
					<div class="btn-group btn-group-sm">
						<button type="button" class="btn btn-default btn-line"
							ng-class="{'btn-info':active=='done'}" ng-click="setActive('done');setOrdersReadByState()">已处理
							<b class="new-dot" ng-if="unread.replied > 0">{{unread.replied>99?'99+':unread.replied}}</b>
						</button>
					</div>
					<div class="btn-group btn-group-sm">
						<button type="button" class="btn btn-default btn-line"
							ng-class="{'btn-info':active=='todo'}" ng-click="setActive('todo')">待确认
							<b class="new-dot" ng-if="unread.notReply > 0">{{unread.notReply>99?'99+':unread.notReply}}</b>
						</button>
					</div>
					<div class="btn-group btn-group-sm">
						<button type="button" class="btn btn-default btn-line"
							ng-class="{'btn-info':active=='unread'}" ng-click="setActive('unread')">无需确认
							<b class="new-dot" ng-if="unread.unNeedReply > 0">{{unread.unNeedReply>99?'99+':unread.unNeedReply}}</b>
						</button>
					</div>
				</div>
			</div>
			<!--<div class="col-xs-5">
				<div class="search">
					<div class="form-group form-group-sm has-feedback">
						<input type="search" class="form-control input-sm" ng-model="keyword" ng-search="onSearch()" placeholder="输入商品、客户名称或单据流水号搜索" /><span
							class="form-control-feedback text-simple"><i
							class="fa fa-search"></i></span>
					</div>
				</div>
			</div>
			<div class="col-xs-1">
				<div class="text-default f14 total">
					共 <span ng-bind="tableParams.total()" class="text-num"></span>
				</div>
			</div>-->
			<!-- <div class="col-xs-2 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>
<!--<div class="height10">&nbsp;</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(keyword)" placeholder="输入单据编号、客户名称、物料名称搜索" style="width: 100%"/>
							<a class="btn input-group-addon" ng-click="onSearch(keyword)">搜索</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 width="580">产品</th>
			<th width="100">单价</th>
			<th width="50">数量</th>
			<th width="120">交货日期</th>
			<th width="120">变更内容</th>
			<th width="70">操作</th>
		</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" colspan="4">
				<div class="order-main">
					<a href="javascript:void(0)" ng-if="!isUnread(change.id)">
						<i class="fa fa-circle-thin"></i>
					</a>
					<a href="javascript:void(0)" ng-if="isUnread(change.id)">
						<i class="fa fa-circle" style="color: #f40;"></i>
					</a>&nbsp;&nbsp;
					<span class="text-num text-bold"
						ng-bind="::change.date | date:'yyyy-MM-dd'"></span>
					<span
							ng-bind="::change.enterprise.enName"></span>
					<span>流水号：<a title="查看变更单详情"
						class="text-num order-detail" ng-bind="::change.code" ui-sref="sale.change_detail({id:change.id})" target="_self"
						ng-click="setOrdersRead(change.id)"></a>
					</span>
					<span>订单：<a title="查看采购单详情"
						class="text-num text-bold order-detail" ng-bind="::change.orderCode" ui-sref="sale.order_detail({id:change.orderId})" target="_blank"></a></span>
				</div>
			</td>
			<td colspan="1" class="" style="line-height: 20px; padding-top: 5px;">
				<span ng-bind="change.description"></span>
			</td>
			<td colspan="1" class="text-center">
				<div >
					 <a class="text-muted"
						title="回复" ng-click="change.$editing=!change.$editing;setOrdersRead(change.id)" ng-show="change.status == 200 && change.unNeedReply != 1">回复</i></a>
				</div>
			</td>
		</tr>
		<tr class="order-hd">
			<td colspan="6" class="order-info">
				 <span><span class="text-bold">币别：</span>
				 	<span ng-class="{'text-inverse': change.newCurrency != change.oldCurrency}" ng-bind="::change.newCurrency"></span>&nbsp;
				 	<s class="text-muted" ng-if="(change.newCurrency != change.oldCurrency) && (change.newCurrency != null)" ng-bind="::change.oldCurrency"></s>
					<s class="text-muted" ng-if="(change.newCurrency != change.oldCurrency) && (change.newCurrency == null)" ng-bind="::change.oldCurrency"></s>
				 </span>
				<!-- <span><span class="text-bold">汇率：</span>
				 	<span ng-class="{'text-inverse': change.newRate != change.oldRate}" ng-bind="::change.newRate"></span>&nbsp;
				 	<s class="text-muted" ng-if="change.newRate != change.oldRate" ng-bind="::change.order.rate"></s>&nbsp;&nbsp;&nbsp;&nbsp;
				 </span>-->
				 <span><span class="text-bold">支付方式：</span>
				 	<span ng-class="{'text-inverse': change.newPayments != change.oldPayments}" ng-bind="::change.newPayments"></span>&nbsp;
				 	<s class="text-muted" ng-if="(change.newPayments != change.oldPayments) && (change.newPayments != null)" ng-bind="::change.oldPayments"></s>
					<s class="text-muted" ng-if="(change.newPayments != change.oldPayments) && (change.newPayments == null)" ng-bind="::change.oldPayments"></s>&nbsp;&nbsp;&nbsp;&nbsp;
				 </span>
				<span><span class="text-bold" ng-if="change.newApVendorName || change.newApVendorName == null">应付供应商：</span>
				 	<span ng-class="{'text-inverse': change.apVendorName != change.newApVendorName && change.newApVendorName != null}" ng-bind="::change.newApVendorName"></span>&nbsp;
				 	<s class="text-muted" ng-if="(change.apVendorName != change.newApVendorName)  && (change.newApVendorName != null)" ng-bind="::change.apVendorName"></s>
					<span ng-if="change.apVendorName != change.newApVendorName  && change.newApVendorName == null" ng-bind="::change.apVendorName"></span>
				</span>
			</td>
		</tr>
		<tr ng-if="change.$editing" class="br-b">
			<td colspan="2"></td>
			<td colspan="2">
				<div style="margin: 0 auto" ng-init="change.$agreed = 1">
					<div class="form-group">
						<label class="radio-inline"> <input type="radio"
							ng-model="change.$agreed" value="1"> 同意
						</label> <label class="radio-inline"> <input type="radio"
							ng-model="change.$agreed" value="0"> 不同意
						</label>
					</div>
				</div>
			</td>
			<td>
				<div class="form-group">
					<input type="text" ng-model="change.replyRemark"
						class="form-control input-xs" placeholder="回复备注">
				</div>
			</td>
			<td class="text-center"><br>
				<div>
					<a ng-click="change.$editing=!change.$editing">取消</a>
				</div> <br>
				<div>
					<a ng-click="onReplyClick(change);setOrdersRead(change.id)" class="text-inverse">确认回复</a>
				</div> <br></td>
		</tr>
		<tr class="order-bd" ng-repeat="item in ::change.orderChangeItems">
			<td class="product">
				<div ng-show = "item.oldProduct.code != item.newProduct.code && item.newProduct.code != null">
					<span class="text-num text-bold" ng-class="{'text-inverse': item.oldProduct.code != item.newProduct.code && item.newProduct.code != null}" ng-bind="::item.newProduct.code"></span><span class="text-muted">（型号）</span>
					<span class="text-light">&nbsp;&nbsp;&nbsp;订单第 <span class="text-num">{{::item.orderItemNumber}}</span> 行</span>
				</div>
				<div ng-show = "item.oldProduct.code == item.newProduct.code || item.newProduct.code == null">
					<span class="text-num text-bold"  ng-bind="::item.oldProduct.code"></span><span class="text-muted">（型号）</span>
					<span class="text-light">&nbsp;&nbsp;&nbsp;订单第 <span class="text-num">{{::item.orderItemNumber}}</span> 行</span>
				</div>
				<div ng-show="(item.oldProduct.code != item.newProduct.code) && (item.newProduct.code != null) ">
					<s class="text-num text-bold"  ng-bind="::item.oldProduct.code"></s>
				</div>
				<div ng-show="item.oldProduct.title != item.newProduct.title && item.newProduct.title != null">
					<span ng-class="{'text-inverse': item.oldProduct.title != item.newProduct.title && item.newProduct.title != null}" ng-bind="::item.newProduct.title"></span><span class="text-muted">（名称）</span>
				</div>
				<div ng-show="item.oldProduct.title == item.newProduct.title || item.newProduct.title == null">
					<span  ng-bind="::item.oldProduct.title"></span><span class="text-muted">（名称）</span>
				</div>
				<div><s ng-show="((item.oldProduct.title != item.newProduct.title) && (item.newProduct.title != null))" ng-bind="::item.oldProduct.title"></s></div>
				<div ng-show="item.oldProduct.spec != item.newProduct.spec && item.newProduct.spec != null">
					<span ng-class="{'text-inverse': item.oldProduct.spec != item.newProduct.spec && item.newProduct.spec != null}" ng-bind="::item.newProduct.spec"></span><span class="text-muted">（规格）</span>
				</div>
				<div ng-show="item.newProduct.spec == item.oldProduct.spec || item.newProduct.spec == null">
					<span  ng-bind="::item.oldProduct.spec"></span><span class="text-muted">（规格）</span>
				</div>
				<div><s class="text-muted" ng-show="((item.oldProduct.spec != item.newProduct.spec) && (item.newProduct.spec != null))" ng-bind="::item.oldProduct.spec"></s></div>
			</td>
			<td class="text-center">
				<div class="text-num" ng-if="!isUser"
					ng-class="{'text-inverse': item.newPrice != item.oldPrice}"
					title="{{item.newPrice}}" ng-bind="::item.newPrice | number:6"></div>
				<div ng-if="isUser" ng-class="{'text-inverse': item.newPrice != item.oldPrice}">-</div>
				<div ng-show="(item.newPrice != item.oldPrice) && (item.newPrice != null)">
					<s ng-if="!isUser" class="text-num text-muted" ng-bind="::item.oldPrice | number:6"></s>
					<s ng-if="isUser" class="text-num text-muted" >-</s>
				</div>
				<div ng-show="(item.newPrice != item.oldPrice) && (item.newPrice == null)">
					<span ng-if="!isUser"  ng-bind="::item.oldPrice | number:6"></span>
					<span ng-if="isUser"  >-</span>
				</div>
				<div class="text-muted">
					税率 <span ng-show="item.newTaxrate != item.oldTaxrate && item.newTaxrate != null"><span class="text-num" ng-class="{'text-inverse': item.newTaxrate != item.oldTaxrate && item.newTaxrate != null}">
						{{::item.newTaxrate}}%
					</span> </span><s ng-if="(item.newTaxrate != item.oldTaxrate) && (item.newTaxrate != null)">{{::item.oldTaxrate}}%</s>
					<span ng-if="(item.newTaxrate != item.oldTaxrate) && (item.newTaxrate == null)">{{::item.oldTaxrate}}%</span>
				</div>
			</td>
			<td class="text-center">
				<div class="text-num"
					ng-class="{'text-inverse': item.newQty != item.oldQty}"
					title="{{item.newQty}}" ng-bind="::item.newQty"></div>
				<div ng-show="item.newQty != item.oldQty  && item.newQty != null">
					<s class="text-num text-muted" title="{{item.oldQty}}"
						ng-bind="::item.oldQty"></s>
				</div>
				<div ng-show="item.newQty != item.oldQty && item.newQty == null">
					<span  title="{{item.oldQty}}"
						   ng-bind="::item.oldQty"></span>
				</div>
				<div class="text-muted" ng-bind="::item.newProduct.unit"></div>
			</td>
			<td class="text-center br-l">
				<div class="text-num"
					ng-class="{'text-inverse': item.newDelivery != item.oldDelivery}"
					ng-bind="::item.newDelivery | date:'yyyy-MM-dd'"></div>
				<div ng-show="item.newDelivery != item.oldDelivery && item.newDelivery != null">
					<s class="text-num text-muted"
						ng-bind="::item.oldDelivery | date:'yyyy-MM-dd'"></s>
				</div>
				<div ng-show="item.newDelivery != item.oldDelivery && item.newDelivery == null">
					<span
							ng-bind="::item.oldDelivery | date:'yyyy-MM-dd'"></span>
				</div>
			</td>
			<td class="text-center br-l" colspan="2">
				<div ng-bind="::item.description"></div>
				<div ng-if="change.agreed == 1 && !change.unNeedReply" class="block">
					<span class="text-trans success">已同意</span>
				</div>
				<div ng-if="change.unNeedReply" class="block">
					<span class="text-trans success">无需确认</span>
				</div>
				<div ng-if="change.agreed == 0" class="block">
					<span class="text-trans warning">不同意</span>
				</div>
			</td>
		</tr>
	</tbody>
	<tbody ng-if="tableParams.total() == 0">
	<tr>
		<td colspan="6">
			<div id="empty">
				<div class="left_img">
					<a href="http://www.usoftchina.com/" target="_blank" title="优软云首页"><img src="static/img/empty/uas_empty.png"></a>
					<a href="#/index" title="B2B商务首页">B2B 商务</a>
				</div>
				<div class="right_link">
					<p>暂无对应的单据</p>
					<a href="javascript:location.reload()">点击重新加载<i class="load_icon"></i></a>
				</div>
			</div>
		</td>
	</tr>
	</tbody>
</table>
</div>