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

<style>
.order-table .header>th {
	height: 38px;
	text-align: center;
	background: #f5f5f5;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.order-table .sep-row {
	height: 10px;
}

.order-table .selector {
	vertical-align: middle;
	margin: 0 0 2px 0;
}

.toolbar label {
	margin-right: 10px;
	margin-bottom: 0;
}

.toolbar .select_all {
	margin: 0 6px 0 10px;
	line-height: 20px;
}

.toolbar .btn {
	-moz-border-radius: 2px;
	margin-right: 5px;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}

.order-table .order-hd {
	background: #f5f5f5;
	height: 40px;
	line-height: 40px;
}

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

.order-table .order-hd .order-main span {
	margin-right: 8px;
}

.order-table .order-hd .order-code {
	font-style: normal;
	font-family: verdana;
}

.order-table .order-hd .order-sum {
	padding: 0 5px;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
}

.order-table>tbody {
	border: 1px solid transparent;
}

.order-table>tbody:hover {
	border-color: #56a022;
	border-width: 2px;
}

.order-table .operates {
	display: none;
}

.order-table>tbody:hover .operates {
	display: block;
}

.order-table .order-bd {
	border-bottom: 1px solid #e6e6e6;
}

.order-table .order-bd>td {
	padding: 10px 5px;
	vertical-align: top;
	position: relative;
}

.order-table .order-bd .product {
	padding-left: 20px;
}

.input-xs,.input-group-xs>.form-control,.input-group-xs>.input-group-addon,.input-group-xs>.input-group-btn>.btn
	{
	height: 26px;
	padding: 0 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.input-group-xs .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

</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 href="#" ng-click="exportXls()" target="_self" class="text-simple" title="导出Excel表格"><i class="fa fa-file-text fa-fw"></i>导出</a>
		</div>
	</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>商品</th>
			<th width="120">单价</th>
			<th width="100">发票数量</th>
			<th width="120">发票金额</th>
			<th width="140">单据信息</th>
			<th width="70">操作</th>
		</tr>
		<tr class="sep-row">
			<td colspan="6"></td>
		</tr>
	</thead>
	<tbody ng-if="$data.length === 0">
	<tr>
		<td colspan="6">
			<div id="empty">
				<div class="left_img">
					<a href="http://www.usoftchina.com/" target="_blank" title="优软云首页"><img src="static/img/empty/uas_empty.png"></a>
					<a href="#/index" title="B2B商务首页">B2B 商务</a>
				</div>
				<div class="right_link">
					<p>暂无对应的发票信息</p>
				</div>
			</div>
		</td>
	</tr>
	</tbody>
	<tbody ng-repeat="bill in $data">
		<tr class="order-hd">
			<td class="first">
				<div class="order-main">
					<!--<span> <input type="checkbox" class="selector"
						ng-model="bill.$selected">
					</span> --><span class="text-num text-bold" title="{{::bill.date | date: 'yyyy年MM月dd日 hh:mm'}}"
						ng-bind="bill.date | date:'yyyy-MM-dd'"></span> <span>流水号：<a style="color: #5078cb;" ui-sref="fa.apBill_detail({id:bill.id})"><span
						class="text-num" ng-bind="::bill.code"></span></a></span>
				</div>
			</td>
			<td colspan="3"><span title="客户名称"
				ng-bind="::bill.enterprise.enName"></span></td>
			<td colspan="1" class="order-sum text-num">
				<span ng-if="isUser" title="票据总额">
					<span ng-bind="::bill.currency"></span>
					<span ng-bind="::bill.apAmount"></span>
				</span>
			</td>
			<td colspan="1" class="text-center">
				<div class="operates">
					<!-- <a href="#" class="text-muted" title="打印">
						<i class="fa fa-print fa-lg fa-fw"></i>
					</a> -->
				</div>
			</td>
		</tr>
		<tr class="order-bd" ng-repeat="item in bill.items">
			<td class="product">
				<div class="text-num text-bold">
					<span ng-bind="::item.product.code"></span>
				</div>
				<div>
					<span ng-bind="::item.product.title"></span>
				</div>
				<div class="text-muted" title="{{::item.product.spec}}"
					ng-bind="::item.product.spec"></div>
			</td>
			<td class="text-center">
				<div class="text-num" title="{{::item.price}}">
					<span ng-if="!isUser" ng-bind="::bill.currency"></span>
					<span ng-if="!isUser" ng-bind="::item.price"></span>
					<span ng-if="isUser" ng-bind="'-'"></span>
				</div>
				<div>&nbsp;</div>
				<div class="text-muted"
					title="{{::'税率：' + item.taxrate + '%'}}">
					税率：<span class="text-num" ng-bind="::item.taxrate"></span>%
				</div>
			</td>
			<td class="text-center">
				<div class="text-num"
					title="{{::item.qty}}" ng-bind="::item.qty"></div>
			</td>
			<td class="text-center br-l">
				<div class="text-num text-bold">
					<span ng-if="!isUser" ng-bind="::bill.currency"></span>
					<span ng-if="!isUser" ng-bind="::item.apAmount"></span>
					<span ng-if="isUser" class="text-num" ng-bind="::'-'"></span>
				</div>
				<div>&nbsp;</div>
				<div class="text-muted">
					税金：
					<span ng-if="!isUser" class="text-num" ng-bind="::bill.currency"></span>
					<span ng-if="!isUser" class="text-num" ng-bind="::item.taxAmount"></span>
					<span ng-if="isUser" class="text-num" ng-bind="::'-'"></span>
				</div>
			</td>
			<td class="br-l" colspan="2" ng-if="item.orderCode">
				<div>单据编号：<span ng-bind="::item.orderCode"></span></div>
				<div>
					第 <span ng-bind="::item.orderDetno"></span> 行
					&nbsp;&nbsp;&nbsp;&nbsp;数量：<span ng-bind="::item.thisvoQty">
				</span><span class="text-muted" ng-bind="::item.product.unit"></span>
				</div>
				<div class="text-muted">单据金额：
					<span ng-if="!isUser" class="text-num" ng-bind="::bill.currency"></span>
					<span ng-if="!isUser" class="text-num" ng-bind="::item.amount"></span>
					<span ng-if="isUser" class="text-num" ng-bind="::'-'"></span>
				</div>
			</td>
			<td class="br-l" colspan="2" ng-if="!item.orderCode">
				<div>
					&nbsp;&nbsp;&nbsp;&nbsp;数量：<span ng-bind="::item.thisvoQty">
				</span><span class="text-muted" ng-bind="::item.product.unit"></span>
				</div>
				<div class="text-muted">单据金额：
					<span ng-if="!isUser" class="text-num" ng-bind="::bill.currency"></span>
					<span ng-if="!isUser" class="text-num" ng-bind="::item.amount"></span>
					<span ng-if="isUser" class="text-num" ng-bind="::'-'"></span>
				</div>
			</td>
		</tr>
	</tbody>
</table>
</div>