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;
	}
	.wui-date.small .wui-date-picker {
		width: 260px
	}
</style>
<link rel="stylesheet" href="static/css/public.css">
<link rel="stylesheet" href="static/css/wui.min.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="新增对账单" ng-hide="showNotCheck"><i class="fa fa-plus-square fa-fw"></i>新增对账单</a>&nbsp;&nbsp;&nbsp;-->
			<!--<a href="#" ng-click="exportXls()" ng-hide="active === 'all'" target="_self" title="导出Excel表格" class="blue f14"><i class="fa fa-file-text fa-fw"></i>导出</a>-->
		<!--</div>-->

		<div class="p-right" ng-show="active !== 'all'">
			<div class="btn-group btn-group-sm"  style="float: right;font-size: 14px;cursor: pointer;text-align: right;height: 40px;line-height: 40px; margin-right: 20px;;color: #fff;"  ng-click="setActive('all')">
				<img src="static/img/vendor/images/backIcon.png" width="20"/>返回
			</div>
		</div>
		<div class="btn-group btn-group-sm"  style="float: right;font-size: 14px;cursor: pointer;text-align: right;height: 40px;line-height: 40px; margin-right: 20px;;color: #fff;" ng-hide="!showNotCheck" ng-click="hideshowNotCheck()">
			<img src="static/img/vendor/images/backIcon.png" width="20"/>返回
			<!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->

		</div>
		<div class="p-right" ng-show="active === 'all'">
			<div class="btn-group btn-group-sm"  style="    float: right;
    font-size: 14px;
    cursor: pointer;
    text-align: right;
    height: 28px;
    line-height: 27px;
    margin-right: 20px;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 3px;
    padding: 0 5px;"  ng-click="setActive();changeDateZone(1, true);condition.$open=false;showNotCheck=false">查看对账记录
				<!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->
			</div>
		</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/fa/arCheck">-->
						<!--<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')">已对账-->
							<!--<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=='end'}" ng-click="setActive('end')">已作废-->
							<!--<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>-->
						<!--</button>-->
					<!--</div>-->

					<!--<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-12 f12" style="text-align: right;height: 40px;line-height: 40px; margin-right: 20px; float: right;">-->
				<!--<div class="btn-group btn-group-sm"  style="float: right;font-size: 14px;cursor: pointer;" ng-hide="!showNotCheck" ng-click="hideshowNotCheck()">-->
					<!--<img src="static/img/vendor/images/backIcon.png" width="20"/>返回-->
					<!--&lt;!&ndash;<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>&ndash;&gt;-->

				<!--</div>-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->

	<div ng-hide="showNotCheck">
		<div class="condition block"  ng-show="!showNotCheck">
			<div class="search-bg condition block" style="padding: 10px 15px;">
				<div class="row">
					<div id="topSearch" ng-show="active !== 'all'" 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  style="float: left" ng-show="active === 'all'" >
						<div style="width: 355px;display: inline-block">
						<label class="control-label">请选择月份：</label>
						<span ng-click="addMouthOut(-1)" style="display: inline-block;
							width: 32px;
							height: 32px;
							border: 1px solid #ddd;
							text-align: center;
							line-height: 32px;
							cursor: pointer;
							vertical-align: middle;">
							<img src="static/img/vendor/images/arrow-left-d-l.png" width="24"/>
						</span>
						<span class="inputsIcon control-label" style="padding-right: 0px;display: inline-block;vertical-align: top;">
						  <wui-date
								  format="yyyy-mm"
								  placeholder="请选择或输入日期"
								  id="date3"
								  btns="{'ok':'确定','now':'此刻'}"
								  ng-model="thisMouthOut"
						  >
						  </wui-date>
						</span>
                        <span ng-show="MouthOutShow"  ng-click="addMouthOut(1)" style="display: inline-block;
							width: 32px;
							height: 32px;
							border: 1px solid #ddd;
							text-align: center;
							line-height: 32px;
							cursor: pointer;
							vertical-align: middle;"><img src="static/img/vendor/images/arrow-right-d-l.png" width="24"/></span>
						</div>
						<a ng-click="condition.$open=!condition.$open;changeDateZone(1)" title="自定义" ng-class="{'active':condition.dateZone=='-1'}" style="margin-left: 10px;display: inline-block;padding: 7px 12px;background: #3f84f6;color: #fff" >自定义</a>
						<div class="more-list more" ng-class="{'open': condition.$open}" ng-if="active === 'all'">
							<form class="form-inline">
								<div class="form-group ">
									<label>日期：</label>
									<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 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%" ng-show="active !== 'all'"/>
								<a class="btn input-group-addon" href="javascript:void(0)" ng-click="onSearch(keyword)" ng-show="active !== 'all'">搜索</a>

								<input type="search" class="form-control input-sm" ng-model="keyword" ng-search="onSearch(keyword)" placeholder="客户名称" style="width: 100%" ng-show="active === 'all' && !showNotCheck" />
								<a class="btn input-group-addon" ng-click="onSearch(keyword)" ng-show="active === 'all' && !showNotCheck">搜索</a>
							</div>
						</div>
					</div>
				</div>
				<div class="more-list more" ng-class="{'open': condition.$open}" ng-if="active !== 'all'">
					<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>
		<div ng-if="active === 'all'">
			<table class="order-table block order-table2" ng-table="tableParams" width="100%" style="table-layout:fixed">
				<thead>
					<tr class="header">
						<th width="180">客户名称</th>
						<th width="90">币别</th>
						<th width="100">本期应收</th>
						<th width="100">本期发货</th>
						<th width="100">本期未对账</th>
						<th width="100">本期已对账</th>
						<th width="100">本期已收</th>
						<th width="120">应收总额</th>
						<th width="80">操作</th>
					</tr>
				</thead>
				<tbody ng-repeat="check in ALLList">
				<tr >
					<td style="color: #3f84f6">{{::check.myEnterprise.enName}}</td>
					<td colspan="7">
						<div class="table-colspan-list" ng-repeat="count in check.amountDetailList">
							<span>{{count.currency || '-'}}</span>
							<span>{{count.thisPeriodAmount >= 0 ? (count.thisPeriodAmount | number:2) : '-'}}</span>
							<span>{{count.thisPeriodSendQty >= 0 ? (count.thisPeriodSendQty | number:2) : '暂无数据'}}</span>
							<span>{{count.thisPeriodTodoAmount >= 0 ? (count.thisPeriodTodoAmount | number:2) : '-'}}</span>
							<span>{{count.thisPeriodDoneAmount >= 0 ? (count.thisPeriodDoneAmount | number:2) : '-'}}</span>
							<span>{{count.thisPeriodReceipt >= 0 ? (count.thisPeriodReceipt | number:2) : '暂无数据'}}</span>
							<span>{{count.totalAmount >= 0 ? (count.totalAmount | number:2) : '-'}}</span>
						</div>
					</td>
					<td style="color: #3f84f6;cursor: pointer" ng-click="goToMNs(check)">明细</td>
				</tr>
				</tbody>
				<tbody ng-if="!ALLList || ALLList.length == 0">
				<tr>
					<td colspan="9">
						<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>
		<div ng-if="active !== 'all'">
			<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="3">
							<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 style="text-align: center;margin-left: 65px">
									对账人:{{::check.recorder}}
								</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;">
									<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="5">
						<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>
	</div>
	<div ng-hide="!showNotCheck" class="infoms add-apCheckList"  >
		<form class="form-horizontal"
			  style="padding-top: 10px; padding-bottom: 20px;">
			<div class="form-group form-group-sm form-group-inline">
				<div  class="col-sm-6 control-label">
					<div style="text-align: left">
						<label>应收客户：</label>
						<label style="text-align:left">
							{{suuorname}}
						</label>
					</div>
				</div>
				<div  class="col-sm-6 control-label condition">
					<div>
						<label class="control-label">请选择月份：</label>
						<span ng-click="addMouth(-1)" style="display: inline-block;
							width: 32px;
							height: 32px;
							border: 1px solid #ddd;
							text-align: center;
							line-height: 32px;
							cursor: pointer;
							vertical-align: middle;">
							<img src="static/img/vendor/images/arrow-left-d-l.png" width="24"/>
						</span>
						<span class="control-label" style="padding-right: 5px;display: inline-block;vertical-align: middle;padding-top: 0;" ng-click="apCheckCondition.$open = false">
							<wui-date
								  format="yyyy-mm"
								  placeholder="请选择或输入日期"
								  id="date4"
								  btns="{'ok':'确定','now':'此刻'}"
								  ng-model="thisMouth"
						  >
						</wui-date>
						</span><span ng-show="MouthinShow" ng-click="addMouth(1)" style="display: inline-block;
							width: 32px;
							height: 32px;
							border: 1px solid #ddd;
							text-align: center;
							line-height: 32px;
							cursor: pointer;
							vertical-align: middle;">
						<img src="static/img/vendor/images/arrow-right-d-l.png" width="24"/></span>
						<label class="control-label com-check-radio" ng-click="apCheckCondition.$open = true" style="vertical-align: middle;padding-top: 0">
							<input type="radio" name="psa" ng-checked="apCheckCondition.$open === true"  ng-model="apCheckCondition.$open" style="vertical-align: middle">自定义
						</label>
					</div>
					<div ng-hide="!apCheckCondition.$open" class="more open date fr apCheckCondition" style="margin-top: 14px;">
						<div class="form-inline">
							<div class="form-group">
								<div class="form-group input-group input-group-xs input-trigger">
									<input type="text" ng-model="apCheckCondition.dateFrom"
										   class="form-control" placeholder="从"
										   datepicker-popup="yyyy-MM-dd" is-open="apCheckCondition.$fromOpened"
										   ng-required="true" max-date = "apCheckCondition.dateTo"
										   current-text="今天" clear-text="清除" close-text="关闭"
										   datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
										   ng-focus="apCheckopenFilterDatePicker($event, apCheckCondition, '$fromOpened')"
									style="height: 26px">
									<span class="input-group-btn">
									<button type="button" class="btn btn-default"
											ng-click="apCheckopenFilterDatePicker($event, apCheckCondition, '$fromOpened')">
										<i class="fa fa-calendar"></i>
									</button>
									</span>
								</div>
								<em style="margin: 0 10px;display: inline-block">–</em>
								<div class="form-group input-group input-group-xs input-trigger">
									<input type="text" ng-model="apCheckCondition.dateTo"
													   class="form-control" placeholder="到"
													   datepicker-popup="yyyy-MM-dd" is-open="apCheckCondition.$toOpened"
													   ng-required="true" min-date = "apCheckCondition.dateFrom"
													   current-text="今天" clear-text="清除" close-text="关闭"
													   datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
													   ng-focus="apCheckopenFilterDatePicker($event, apCheckCondition, '$toOpened')" style="height: 26px">
									<span class="input-group-btn">
										<button type="button" class="btn btn-default"
												ng-click="apCheckopenFilterDatePicker($event, apCheckCondition, '$toOpened')">
											<i class="fa fa-calendar"></i>
										</button>
									</span>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="form-group form-group-sm form-group-inline">
				<div  class="col-sm-12 control-label">
					<div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
						<label>本期应收：</label>
						<label style="text-align:left;vertical-align: top;">
							<div ng-if="dataInfo.thisMonthCount.length > 0" ng-repeat="count in dataInfo.thisMonthCount">
								<span>{{count.currency}}：{{count.amount | number:2}}</span>
							</div>
							<div ng-if="dataInfo.thisMonthCount.length === 0">
								0
							</div>
						</label>
					</div>
					<div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
						<label>本期未对账：</label>
						<label style="text-align:left;vertical-align: top;">
							<div ng-if="dataInfo.thisMonthTodoCount.length > 0" ng-repeat="count in dataInfo.thisMonthTodoCount">
								<span>{{count.currency}}：{{count.amount | number:2}}</span>
							</div>
							<div ng-if="dataInfo.thisMonthTodoCount.length === 0">
								0
							</div>
						</label>
					</div>

					<div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
						<label>本期已收：</label>
						<label style="text-align:left;vertical-align: top;">
							<div ng-if="dataInfo.thisPeriodDoneAmount.length > 0" ng-repeat="count in dataInfo.thisPeriodDoneAmount">
								<span>{{count.currency}}：{{count.amount | number:2}}</span>
							</div>
							<div ng-if="!dataInfo.thisPeriodDoneAmount || dataInfo.thisPeriodDoneAmount.length === 0">
								暂无数据
							</div>
						</label>
					</div>

					<div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
						<label>本期发货：</label>
						<label style="text-align:left;vertical-align: top;">
							<div ng-if="dataInfo.thisPeriodSendAmount.length > 0" ng-repeat="count in dataInfo.thisPeriodSendAmount">
								<span>{{count.currency}}：{{count.amount | number:2}}</span>
							</div>
							<div ng-if="!dataInfo.thisPeriodSendAmount || dataInfo.thisPeriodSendAmount.length === 0">
								暂无数据
							</div>
						</label>
					</div>

					<div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
						<label>本期已对账：</label>
						<label style="text-align:left;vertical-align: top;">
							<div ng-if="dataInfo.thisMonthDoneCount.length > 0" ng-repeat="count in dataInfo.thisMonthDoneCount">
								<span>{{count.currency}}：{{count.amount | number:2}}</span>
							</div>
							<div ng-if="dataInfo.thisMonthDoneCount.length === 0">
								0
							</div>
						</label>
					</div>

					<div style="display:inline-block;text-align: left;margin-top: 20px; width:32%;">
						<label>应收总额：</label>
						<label style="text-align:left;vertical-align: top;">
							<div ng-if="dataInfo.totalCount.length > 0" ng-repeat="count in dataInfo.totalCount">
								<span>{{count.currency }}：{{count.amount | number:2}}</span>
							</div>
							<div ng-if="dataInfo.totalCount.length === 0">
								0
							</div>
						</label>
					</div>
				</div>
			</div>
			<div class="form-group form-group-sm form-group-inline">
				<div class="col-sm-12 text-right">
					<a ng-click="condition.$open2=!condition.$open2" class="text-simple"><span
							ng-bind="condition.$open2 ? '收起筛选条件' : '更多筛选条件'"></span><i
							class="fa fa-fw"
							ng-class="{'fa-angle-up': condition.$open2, 'fa-angle-down': !condition.$open2}"></i></a>
					<div class="btn-group btn-group-sm">
						<a class="btn btn-default" ng-click="searchOrder()" title="筛选"><i class="fa fa-search fa-fw btn-icon-left"></i>筛选</a>
						<a class="btn btn-default" ng-click="createApCheck(check.$selected)" ng-disabled="!data || data.length==0"><i class="fa fa-check-circle-o fa-fw btn-icon-left"></i>确认对账</a>
						<a class="btn btn-default" ng-click="exportApcheckList()" title="导出Excel" ng-disabled="!data || data.length==0"><i class="fa fa-file-text fa-fw btn-icon-left"></i>导出</a>
					</div>
				</div>
			</div>
			<div class="form-group form-group-sm form-group-inline"
				 ng-show="condition.$open2">
				<!--<label class="col-sm-2 control-label">应付供应商：</label>-->
				<!--<div class="col-sm-4">-->
					<!--<div class="form-group form-group-sm has-feedback">-->
						<!--<input type="search" class="form-control input-sm"-->
							   <!--ng-model="receiveName" placeholder="可用应付供应商名称筛选" /><span-->
							<!--class="form-control-feedback text-simple"><i-->
							<!--class="fa fa-search"></i></span>-->
					<!--</div>-->
				<!--</div>-->
				<label class="col-sm-2 control-label">送货工厂：</label>
				<div class="col-sm-4">
					<div class="form-group form-group-sm has-feedback">
						<input type="search" class="form-control input-sm"
							   ng-model="factory" placeholder="请输入送货工厂名称" /><span
							class="form-control-feedback text-simple"><i
							class="fa fa-search"></i></span>
					</div>
				</div>
                <label class="col-sm-2 control-label">税&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;率：</label>
                <div class="col-sm-4">
                    <div class="form-group form-group-sm has-feedback">
                        <input type="search" class="form-control input-sm"
                               ng-model="taxRate" placeholder="请输入税率" /><span
                            class="form-control-feedback text-simple"><i
                            class="fa fa-search"></i></span>
                    </div>
                </div>
			</div>
			<div class="form-group form-group-sm form-group-inline"
				 ng-show="condition.$open2">
				<label class="col-sm-2 control-label">物料名称：</label>
				<div class="col-sm-4">
					<div class="form-group form-group-sm has-feedback">
						<input type="search" class="form-control input-sm"
							   ng-model="prodTitle" placeholder="请输入物料名称" /><span
							class="form-control-feedback text-simple"><i
							class="fa fa-search"></i></span>
					</div>
				</div>
				<label class="col-sm-2 control-label">规&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：</label>
				<div class="col-sm-4">
					<div class="form-group form-group-sm has-feedback">
						<input type="search" class="form-control input-sm"
							   ng-model="prodSpec" placeholder="请输入物料规格" /><span
							class="form-control-feedback text-simple"><i
							class="fa fa-search"></i></span>
					</div>
				</div>
			</div>
			<!--<div class="form-group form-group-sm form-group-inline"-->
				 <!--ng-show="condition.$open">-->

			<!--</div>-->
		</form>
		<!-- 标签scroll-table用于表头滚动 -->
		<div class="table-wrap" id="order-detail-list" scroll-table>
			<div class="table-header-wrap">
				<table class="table table-bordered">
					<tr>
						<th width="60" style="vertical-align: middle;">
							<input type="checkbox" name="checkbox" ng-model="checkboxes.checked" ng-click="checkAll()">
						</th>
						<th width="70">订单号</th>
						<th width="70">验收单</th>
						<th width="70">发货单</th>
						<th width="70">物料编号</th>
						<th width="70">物料名称</th>
						<th width="70">规格型号</th>
						<th width="70">验收数量</th>
						<th width="70">发货数量</th>
						<th width="50">单价</th>
						<th width="50">税率</th>
						<th width="70">小计</th>
						<th width="100">对账人</th>
						<!--<th width="35">序号</th>-->
						<!--<th width="60">类型</th>-->
						<!--<th width="60">单据<br>日期</th>-->
						<!--<th width="90">应付<br>供应商</th>-->
						<!--<th width="65">客户<br>料号</th>-->
						<!--<th width="65">送货<br>工厂</th>-->
						<!--<th width="30">币别</th>-->
						<!--<th width="60">金额</th>-->
					</tr>
				</table>
			</div>
			<div class="table-body-wrap">
				<table class="table table-bordered">
					<tr ng-repeat="check in data" ng-click="getTotalMoney()" class="thAlign" style="height: 40px;">
						<td style="padding:0;">
							<table class="table table-bordered child-table">
								<tr style="height:10px;"><td colspan="13"></td></tr>
								<tr>
									<th width="60">
										<input ng-model="check.$selected" name="checkbox" type="checkbox" ng-checked="check.$selected" ng-click="checkOneAll($event, check)" ng-if="check.allChecked !== 1">
										<span ng-if="check.allChecked === 1">已对账</span>
									</th>
									<th width="70" ng-bind="check.orderCode"></th>
									<th colspan="11">
										<div class="order-count">
											<span>合计：</span>
											验收数量：<span>{{check.checkQty >= 0 ? (check.checkQty | number:2) :'暂无数据'}}</span>
											发货数量：<span>{{check.sendQty >= 0 ? (check.sendQty | number:2) : '暂无数据'}}</span>
											应收金额：<span>{{check.checkAmountList >= 0 ? (check.checkAmountList | number: 2) : '暂无数据'}}</span>
											发货金额：<span>{{check.sendAmountList >= 0 ? (check.sendAmountList | number: 2) : '暂无数据'}}</span>
										</div>
										<a ng-show="check.showDetail" class="order-count-click" ng-click="check.showDetail = !check.showDetail">收起 <i class="fa fa-angle-up"></i></a>
										<a ng-show="!check.showDetail" class="order-count-click" ng-click="check.showDetail = !check.showDetail">展开 <i class="fa fa-angle-down"></i></a>
									</th>
								</tr>
								<tr ng-repeat="(index, childs) in check.details" ng-show="check.showDetail">
									<td width="60">
										<input ng-model="childs.$selected" name="checkbox" type="checkbox" ng-checked="childs.$selected" ng-click="stopPrevent($event)" ng-if="childs.haveChecked !== 1">
										<span ng-if="childs.haveChecked === 1">已对账</span>
									</td>
									<td width="70" rowspan="{{check.details.length}}" ng-if="index === 0"></td>
									<td width="70">{{::childs.inoutno}}</td>
									<td width="70">{{::childs.sendcode}}</td>
									<td width="70">{{::childs.prodcode}}</td>
									<td width="70" title="{{childs.prodtitle}}">
										<div style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{::childs.prodtitle}}</div>
									</td>
									<td width="70" title="{{childs.prodspec}}">
										<div style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{::childs.prodspec}}</div>
									</td>
									<td width="70">{{::childs.thischeckqty}}</td>
									<td width="70">{{::childs.qty}}</td>
									<td width="50">{{::childs.orderprice}}</td>
									<td width="50" align="center">{{::childs.taxrate}}</td>
									<td width="70">{{::(childs.orderprice || 0)*(childs.thischeckqty || 0) | number:2}}</td>
									<td width="100" ng-if="childs.haveChecked === 1">
										<div>{{::childs.recorder || '-'}}</div>
										<div>{{::childs.apCheckDate | date:'yyyy-MM-dd'  || '-'}}</div>
									</td>
									<td width="100" ng-if="childs.haveChecked !== 1">
										未对账
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</div>
			<!--<div style="padding: 10px 20px">本期间应收总额：{{totalMoney | number:2 || 0}}</div>-->
		</div>
	</div>
</div>
<style>
	.order-table2 tbody td {
		text-align: center;
		padding: 20px 0
	}
    .order-table2 tbody td .table-colspan-list{
        border-bottom:1px dotted #999;
    }
    .order-table2 tbody td .table-colspan-list:last-child{
        border:none;
    }
	.order-table2 tbody td .table-colspan-list span {
		display:inline-block;
		vertical-align: top;
		width:95px;
		margin:0 auto;
        line-height: 25px;
	}
	.order-table2 tbody td .table-colspan-list span:first-child {
		width:90px;
	}
	.order-table2 tbody td .table-colspan-list span:last-child {
		width:120px;
	}
	#order-detail-list .child-table{
		table-layout: auto;
	}
	#order-detail-list .child-table tr th{
		position:relative;
		background: #d3eafc;
		font-weight: bold;
		font-size:14px;
		padding:0 2px;
		vertical-align: middle;
		border:1px solid #fff;
	}
	#order-detail-list .child-table tr th:first-child{
		text-align: center;
	}
	#order-detail-list .child-table tr th .order-count{
		background: #d3eafc;
		font-weight:normal;
	}
	#order-detail-list .child-table tr th .order-count span{
		background: #d3eafc;
		font-weight:bold;
		margin-right:20px;
	}
	#order-detail-list .child-table tr th .order-count-click{
		position:absolute;
		top:10px;
		right:20px;
		display:inline-block;
		padding: 0 5px;
		line-height: 20px;
		background: #fff;
		color:#333;
		border:1px solid #333;
		border-radius:5px;
		text-decoration: none;
	}
	#order-detail-list .child-table tr td{
		padding:0 2px;
		vertical-align: middle;
	}

</style>
<style>
	.wui-date-picker.left {
		margin-right : 0 !important;
		right: 0;
		left: auto
	}
	.add-apCheckList {
		background: #fff
	}

	.add-apCheckList input[type="checkbox"] {
		/*width: 16px;
        height: 16px*/
	}

	.add-apCheckList .table-wrap {
		overflow: hidden
	}

	.add-apCheckList .table-header-wrap {
		background: #f9f9f9;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	.add-apCheckList .table-header-wrap table,.add-apCheckList .table-body-wrap table
	{
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
		margin-bottom: 0
	}

	.add-apCheckList .table-header-wrap th {
		text-align: center;
        vertical-align:middle;
	}

	.add-apCheckList .table-body-wrap {
		max-height: 600px;
		overflow-x: auto;
		overflow-y: scroll;
	}

	.add-apCheckList td {
		word-break: break-all;
		text-align: center;
	}

	.add-apCheckList tbody {
		overflow: auto;
	}

	#order-detail-list .input-sm {
		border: #ccc 1px solid;
	}

	.infoms .has-feedback input[type="search"] {
		padding-right: 0 !important;
	}
	.infoms .table>tbody>tr>td{
		vertical-align: middle;
	}
	.infoms .form-horizontal .form-group-sm .control-label{
		font-size: 14px;
	}
	.infoms .form-group .form-control{
		font-size: 14px;
	}
	.wui-date.small .wui-date-picker {
		width: 260px
	}

    .wui-input {
        border: 1px solid #3f84f6;
        font-size: 14px;
        color: #3f84f6;
        font-weight: bold;
    }
    .wui-date-editor .iconfont {
        color: #3f84f6
    }

	.apCheckCondition ul {
		left: auto !important;
		right: 0;
	}
</style>