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

<style>
.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: 18px;
	letter-spacing: 2px;
	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: #339933;
}

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

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

</style>
<div class="block">
 	<div class="loading in" ng-class="{'in': loading}">
		<i></i>
	</div>  

	<div class="condition block">
		<div class="row">
			<div class="col-xs-6">
				<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 class="col-xs-2 col-xs-offset-1"><a class="text-simple" style="color: green;" ng-click="showApCheckList()"><big><i class="fa fa-plus-square"></i> 新增对账单</big></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(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="点击选择起始日期" readonly="readonly"
							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-click="openDatePicker($event, condition, '$fromOpened')"
							ng-change="onDateCondition()">
						<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="点击选择截止日期" readonly="readonly"
							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-click="openDatePicker($event, condition, '$toOpened')"
							ng-change="onDateCondition()">
						<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>
			</form>
		</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">{{::check.code}}</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="f16 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">对账结果</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>