platform-b2b/src/main/webapp/resources/tpl/index/fa/apCheck.html

<style>
.append{
	color: #5078cb;font-size:12px; margin-left: 10px
}
.order-table td {
	padding-top: 10px;
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #e8e8e8;
}

.order-table td.first {
	padding-left: 20px;
}

.order-table td.last {
	padding-right: 20px;
}

.order-table td.info {
	padding-right: 30px;
}

.order-table td .static p {
	display: inline-block;
	line-height: 30px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 0px;
	width: 180px;
	font-size: 12px;
	color: #999;
	border-left: solid 1px #e8e8e8;
}

.order-table td .main {
	margin-top: 5px;
	margin-bottom: 20px;
	color: #333;
}

.order-table td .main strong {
	font-size: 14px;
	font-family: "微软雅黑";
	color: #666;
}

.order-table td .static p strong {
	font-size: 18px;
	font-weight: bold;
	color: #888;
}

.order-table td.status {
	position: relative;
	border-left: solid 1px #e8e8e8;
	padding: 10px;
	vertical-align: top;
}

.order-table td.status .operate {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	opacity: 0.8;
	transition: height ease-in-out 0.5s;
	text-decoration: none;
}

.order-table td.status .operate-undo {
	background: #428bca;
}

.order-table td.status .operate-done {
	background: #cccccc;
}

.order-table td.status:hover  .operate {
	height: 40px;
}

.unPrinted {
    color: #56a022;
}
</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="menu condition block">
		<div class="row">
			<div class="col-xs-7">
				<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')">全部</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')">未对账</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')">已确认</button>
					</div>
					<div class="btn-group btn-group-sm">
						<button type="button" class="btn btn-default btn-line"
							ng-class="{'btn-info':active=='end'}" ng-click="setActive('end')">已作废</button>
					</div>
				</div>
			</div>
			<div class="col-xs-4 f12" style="text-align: right;height: 40px;line-height: 40px; margin-right: 20px; float: right;">
				<a class="text-simple append" ui-sref="fa.apCheckList" title="新增对账单"><big><img src="static/img/icon/add.png" style="margin-right: 3px;">新增对账单</big></a>&nbsp;&nbsp;&nbsp;
				<a href="sale/apCheck/allxls?_state={{active}}&searchFilter={{searchFilterXls}}" 
					target="_self" title="导出Excel表格" class="blue f14"><i class="fa fa-file-excel-o fa-fw"></i>导出</a>
			</div>
		</div>
	</div>
	<div class="height10">&nbsp;</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>
	<div ng-if="active=='all' && tableParams.total() == 0" class="row">
		<div class="col-xs-12" style="text-align: center;">
			<h3 class="text-simple"><i class="fa fa-spinner"></i> &nbsp;您还未生成对账单，请立即新增对账</h3>
		</div>
		<div class="col-xs-12" style="margin-top:15px; text-align: center;">
			<a class="text-simple append" ui-sref="fa.apCheckList"><big><i class="fa fa-plus-square"></i> 新增对账单</big></a>
		</div>
	</div>
	<table class="order-table block" ng-table="tableParams">
		<tbody ng-repeat="check in $data">
			<tr>
				<td class="first info" width="700px">
					<div class="text-muted">
						<span>单据编号：</span>
						<span class="text-num"><a ui-sref="fa.apCheck_detail({id:check.id})" title="点击查看详情">{{::check.code}}</a></span> 
						<span class="pull-right text-num" title="录单时间">{{::check.recordDate | date:'MM月dd日 HH:mm'}} <i class="fa fa-clock-o"></i></span>
					</div>
					<div class="main">
						<strong><i class="fa fa-star" ng-class="{'text-default':check.status==201}"></i> {{::check.custName}}</strong>
						<span class="text-muted">
							  对账期间：<span class="f14 text-num">{{::check.beginDate | date:'yyyy/MM/dd'}} - {{::check.endDate | date:'yyyy/MM/dd'}}</span>
						</span>
					</div>
					<div class="static">
						<p>
							<strong class="text-num">{{::check.checkAmount | number:2}}</strong>
							<span class="text-number">{{::check.currency}}</span><br>
							对账总额
						</p>
						<p>
							<strong class="text-num">{{::check.items.length}}</strong> 条<br>
							明细条目
						</p>
						<p>
							<strong class="text-num">{{getTotalProd(check) | number}}</strong> <i class="fa fa-cubes"></i><br>
							商品总数
						</p>
					</div>
				</td>
				<td class="status">
					<div class="text-muted">对账结果
						<a ng-click="print(check)" class="pull-right" title="打印{{check.print? '(已打印)':'(未打印)'}}" ng-class="{'unPrinted' : !check.print, 'text-muted': check.print}"><i
						class="fa fa-print fa-lg"></i>&nbsp;打印</a> 
					</div>
					<div ng-if="check.checkStatus == '未对账'" class="text-center text-muted f14"><br>未对账！</div>
					<div></div>
					<div ng-if="check.checkStatus == '已确认'" class="text-center text-muted f14">
						<br> <i class="fa fa-check-square-o"></i> 已确认
					</div>
					<div ng-if="check.checkStatus == '不同意'" class="text-center text-muted f14">
						<br> <i class="fa fa-check-square-o"></i> 不同意
					</div>
					<div ng-if="check.checkStatus == '已作废'" class="text-center text-muted f14">
						<br> <i class="fa fa-check-square-o"></i> 已作废
					</div>
					<div ng-hide="check.status" class="block">
						 <span class="text-trans error">未提交</span>
					</div>
					<div ng-show="check.status" class="block">
						 <span class="text-trans success">已提交</span>
					</div>
					<!-- <a ui-sref="fa.apCheck_detail({id:check.id})" class="operate operate-undo text-center" 
						 target="_blank">查看详情</a>	 -->		 
				</td>
			</tr>
			<tr></tr>
		</tbody>
	</table>
</div>