platform-b2b/src/main/webapp/resources/tpl/index/fa/arCheck.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: 33%;
		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>-->
					<!--&lt;!&ndash;<div class="btn-group btn-group-sm">&ndash;&gt;-->
					<!--&lt;!&ndash;<button type="button" class="btn btn-default btn-line"&ndash;&gt;-->
					<!--&lt;!&ndash;ng-class="{'btn-info':active=='todo'}"&ndash;&gt;-->
					<!--&lt;!&ndash;ng-click="setActive('todo')">待确认</button>&ndash;&gt;-->
					<!--&lt;!&ndash;</div>&ndash;&gt;-->
					<!--<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')">已对账-->
							<!--&lt;!&ndash;<b class="new-dot" ng-if="unread.replied > 0">{{unread.replied>99?'99+':unread.replied}}</b>&ndash;&gt;-->
						<!--</button>-->
					<!--</div>-->
					<!--&lt;!&ndash;<div class="btn-group btn-group-sm">&ndash;&gt;-->
						<!--&lt;!&ndash;<button type="button" class="btn btn-default btn-line"&ndash;&gt;-->
								<!--&lt;!&ndash;ng-class="{'btn-info':active=='end'}" ng-click="setActive('end')">已作废&ndash;&gt;-->
							<!--&lt;!&ndash;<b class="new-dot" ng-if="unread.cancelled > 0">{{unread.cancelled > 99 ? '99+' : unread.cancelled}}</b>&ndash;&gt;-->
						<!--&lt;!&ndash;</button>&ndash;&gt;-->
					<!--&lt;!&ndash;</div>&ndash;&gt;-->
				<!--</div>-->
			<!--</div>-->
			<!--<div class="col-xs-4 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="140">本期应付</th>
					<th width="140">本期未对账</th>
					<th width="140">本期已对账</th>
					<!--<th width="140">本月已付</th>-->
					<th width="140">应付总额</th>
					<th width="80">操作</th>
				</tr>
				</thead>
				<tbody ng-repeat="check in ALLList">
				<tr >
					<td style="color: #3f84f6">{{::check.vendorEnterprise.enName}}</td>
					<td ng-if="check.thisMonthCount.length > 0">
						<div ng-repeat="count in check.thisMonthCount">
							<span>{{count.currency}}：{{count.amount | number:2}}</span>
						</div>
					</td>
					<td ng-if="check.thisMonthCount.length === 0">-</td>

					<td ng-if="check.thisMonthTodoCount.length > 0">
						<div ng-repeat="count in check.thisMonthTodoCount">
							<span ng-if="count.amount > 0">{{count.currency}}：{{count.amount | number:2}}</span>
						</div>
					</td>
					<td ng-if="check.thisMonthTodoCount.length === 0">-</td>

					<td ng-if="check.thisMonthDoneCount.length > 0">
						<div ng-repeat="count in check.thisMonthDoneCount">
							<span ng-if="count.amount > 0">{{count.currency}}：{{count.amount | number:2}}</span>
						</div>
					</td>
					<td ng-if="check.thisMonthDoneCount.length === 0">-</td>

					<!--<td ng-if="check.apCheckAmounts.length > 0">-->
						<!--<div ng-repeat="count in check.apCheckAmounts">-->
							<!--<span ng-if="count.amount > 0">{{count.currency}}：{{count.amount | number:2}}</span>-->
						<!--</div>-->
					<!--</td>-->
					<!--<td ng-if="check.apCheckAmounts.length === 0">-</td>-->

					<td ng-if="check.totalCount.length > 0">
						<div ng-repeat="count in check.totalCount">
							<span ng-if="count.amount > 0">{{count.currency}}：{{count.amount | number:2}}</span>
						</div>
					</td>
					<td ng-if="check.totalCount.length === 0">-</td>

					<td style="color: #3f84f6;cursor: pointer" ng-click="goToMNs(check)">明细</td>
				</tr>
				</tbody>
				<tbody ng-if="!ALLList || ALLList.length == 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>
					</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>
				</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 style="margin-left: 100px;width: 200px;display: inline-block;"><i class="fa fa-star" ng-class="{'text-default':check.status==201}"></i> {{::check.vendorName}}</span>
							<span style="margin-left: 200px;">单据编号：</span>
							<span class="text-num"><a ui-sref="fa.arCheck_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: 0px">
								对账人:{{::check.recorder}}
							</p>
						</div>
					</td>

				</tr>
				</tbody>
				<tbody ng-if="tableParams.total() == 0">
				<tr>
					<td colspan="3">
						<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">
							</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 style="text-align: left;margin-top: 20px">
						<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="text-align: left;margin-top: 20px">
						<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="text-align: left;margin-top: 20px">
						<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="text-align: left;margin-top: 20px">-->
						<!--<label>本期间已付总额：</label>-->
						<!--<label style="text-align:left;vertical-align: top;">-->
							<!--<div ng-if="dataInfo.apCheckAmounts.length > 0" ng-repeat="count in dataInfo.apCheckAmounts">-->
								<!--<span>{{count.currency}}：{{count.amount | number:2}}</span>-->
							<!--</div>-->
							<!--<div ng-if="dataInfo.apCheckAmounts.length === 0">-->
								<!--0-->
							<!--</div>-->
						<!--</label>-->
					<!--</div>-->


					<div style="text-align: left;margin-top: 20px">
						<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  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 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="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="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>-->
		</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="70">采购单</th>
						<th width="60">发货单</th>
						<th width="90">单据日期</th>
						<th width="60">验收单</th>
						<th width="70">物料编号</th>
						<th width="70">物料名称</th>
						<th width="70">规格型号</th>
						<th width="55">发货数量</th>
						<th width="100">验收数量</th>
						<th width="40">单价</th>
						<th width="40">税率</th>
						<th width="70">小计</th>
						<th width="100">
							对账人<br />/日期
						</th>
					</tr>
				</table>
			</div>
			<div class="table-body-wrap">
				<table class="table table-bordered">
					<tr ng-repeat="check in data" ng-click="checkOne(check);getTotalMoney()" class="thAlign" style="height: 40px;">
						<td width="70">{{::check.ordercode}}</td>
						<td width="60">{{::check.sendcode}}</td>
						<td width="90">{{::check.pidate | date:'yyyy年MM月dd日'  || '-'}}</td>
						<td width="60">{{::check.inoutno}}</td>
						<td width="70" title="{{check.prodcode}}">
							{{::check.prodcode}}
						</td>
						<td width="70" title="{{check.prodtitle}}">
							<div style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{::check.prodtitle}}</div>
						</td>
						<td width="70" title="{{check.prodspec}}">
							<div style="display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">{{::check.prodspec}}</div></td>

						<td width="55">{{::check.qty}}</td>

						<td width="100">{{::check.thischeckqty}}</td>
						<td width="40">{{::check.orderprice}}</td>
						<td width="40" align="center">{{::check.taxrate}}</td>
						<td width="70">{{::(check.orderprice || 0)*(check.thischeckqty || 0) | number:2}}</td>
						<td width="100" ng-if="check.haveChecked === 1">
							<div>{{::check.recorder || '-'}}</div>
							<div>{{::check.apCheckDate | date:'yyyy年MM月dd日'  || '-'}}</div>
						</td>
						<td width="100" ng-if="check.haveChecked !== 1">
							未对账
						</td>
						<!--<td width="100">-->
							<!--<div>{{::check.recorder || '-'}}</div>-->
							<!--<div>{{::check.apCheckDate | date:'yyyy年MM月dd日'  || '-'}}</div>-->
						<!--</td>-->
					</tr>
					<tr ng-if="!data || data.length==0">
						<td colspan="11">
							<div class="empty-block">
								<i class="fa fa-exclamation-circle"></i>
								<p class="text-muted">没有对账数据，请先筛选</p>
							</div>
						</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
	}
</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;
	}

	.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>