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

<style>
	body{
		font-family: "Microsoft YaHei", "微软雅黑" !important;
	}
	.text-num{

	}
.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 .static p {
	display: inline-block;
	line-height: 30px;
	padding-top: 5px;
	padding-bottom: 0px;
	width: 150px;
	font-size: 14px;
	color: #666;
	padding-left: 15px;
	border-left: solid 1px #e8e8e8;
}
	.order-table td .static p:first-child{
		border-left: none;
		width: 180px;
		padding-left: 0;
	}
	.order-table td .static p:last-child{
		margin-left: 22px;
	}
	.order-table td .static p:nth-of-type(3){
		margin-left: 20px;
	}
.order-table td .main {
	margin-top: 5px;
	margin-bottom: 20px;
	color: #333;
}
.static{
	margin: 12px 0;
}
.order-table td .main strong {
	font-size: 14px;
}

.order-table td .static p strong {
	font-size: 14px;
	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;
}
.order-table td .main strong{
	font-weight: normal;
}
.order-table td{
	font-size: 14px;
}
	.order-table th{
		text-align: center;
	}
	.order-table .text-trans{
		margin-top: -17px;
		margin-right: 14px;
	}
	.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 class="text-simple append" ui-sref="fa.apCheckList" title="新增对账单"><i class="fa fa-plus-square fa-fw"></i>新增对账单</a>&nbsp;&nbsp;&nbsp;
			<a href="#" ng-click="exportXls()"
			   target="_self" title="导出Excel表格" class="blue f14"><i class="fa fa-file-text fa-fw"></i>导出</a>
		</div>
	</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=='done'}"
								ng-click="setActive('done')">已确认
							<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')">未对账</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')">已作废
							<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>
						</button>
					</div>
				</div>
			</div>
			<div class="col-xs-4 f12" style="text-align: right;height: 40px;line-height: 40px; margin-right: 20px; float: right;">

			</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()" 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 width="150">对账期间</th>
				<th width="180">对账总额</th>
				<th width="180">明细条目</th>
				<th width="180">商品总数</th>
				<th width="100">对账结果</th>
				<th width="100">操作</th>
			</tr>
		</thead>
		<tbody ng-repeat="check in $data">
			<tr>
				<td class="first info" colspan="4">
					<div class="">
						<a href="javascript:void(0)" ng-if="!isUnread(check.id)">
							<i class="fa fa-circle-thin"></i>
						</a>
						<a href="javascript:void(0)" ng-if="isUnread(check.id)">
							<i class="fa fa-circle" style="color: #f40;"></i>
						</a>&nbsp;&nbsp;
						<span class="text-num" title="录单时间">{{::check.recordDate | date:'MM月dd日 HH:mm'}} <i class="fa fa-clock-o"></i></span>&nbsp;&nbsp;&nbsp;
						<span><i class="fa fa-star" ng-class="{'text-default':check.status==201}"></i> {{::check.custName}}</span>
						<span style="margin-left: 100px;">单据编号：</span>
						<span class="text-num"><a ui-sref="fa.apCheck_detail({id:check.id})" title="点击查看详情" ng-click="setOrdersRead(check.id)" style="color: #5078cb">{{::check.code}}</a></span>
					</div>
					<div class="static">
						<p><span class="f14 text-num">{{::check.beginDate | date:'yyyy/MM/dd'}} - {{::check.endDate | date:'yyyy/MM/dd'}}</span></p>
						<p>
							<strong class="text-num">{{::(isUser?'-':(check.checkAmount | number:2))}}</strong>
							<span ng-if="!isUser" class="text-number">{{::check.currency}}</span>
						</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>
						</p>
					</div>
				</td>
				<td class="status">
					<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>
				</td>
				<td>
					<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>
					<div ng-if="check.checkStatus == '未对账'" class="text-center text-muted f14">
						<div class="" style="margin-top: 33px;margin-right: 20px;">
							<div class="pull-right" title="等待客户确认"><a>&nbsp;客户确认中...</a></div>
						</div>
					</div>
					<div ng-if="check.checkStatus != '未对账'" class="text-center text-muted f14">
						<div class="" style="margin-top: 33px;margin-right: 20px;">
							<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>
					<!-- <a ui-sref="fa.apCheck_detail({id:check.id})" class="operate operate-undo text-center" 
						 target="_blank">查看详情</a>	 -->		 
				</td>
			</tr>
		</tbody>
		<tbody ng-if="tableParams.total() == 0">
		<tr>
			<td colspan="6">
				<div id="empty">
					<div class="left_img">
						<a><img src="static/img/empty/uas_empty.png"></a>
						<a>B2B 商务</a>
					</div>
					<div class="right_link">
						<p ng-if="active != 'all'">您还未生成对账单，请立即新增对账！</p>
						<a ng-if="active != 'all'" ui-sref="fa.apCheckList"><i class="fa fa-plus-square fa-fw"></i> 新增对账单</a>
					</div>
				</div>
			</td>
		</tr>
		</tbody>
	</table>
</div>