platform-b2b/src/main/webapp/resources/tpl/index/fa/apBillOut.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.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: 14px;
	color: #666;
	border-left: solid 1px #e8e8e8;
}

.order-table td .main {
	margin-top: 5px;
	margin-bottom: 20px;
	color: #333;
}

.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;
}
</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>  

	<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')">已开票</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')">已作废</button>
					</div>
				</div>
			</div>
			<div class="col-xs-4 f12" style="text-align: right;height: 40px;line-height: 40px; margin-right: 20px; float: right;">
				<a class="text-simple append" ui-sref="fa.apBillOutList" title="新增开票单"><big><i class="fa fa-plus-square fa-fw"></i>新增开票单</big></a>&nbsp;&nbsp;&nbsp;
<!--target="_self"--><a href="sale/apBillOut/allxls?_state={{active}}&searchFilter={{searchFilterXls}}"
					target="_blank" title="导出Excel表格" class="blue f14"><i class="fa fa-file-text fa-fw"></i>导出</a>
			</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="openDatePicker($event, condition, '$fromOpened')">
							<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="到"
								   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="openDatePicker($event, condition, '$toOpened')">
							<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>
	</div>
	<div ng-if="active=='all' && tableParams.total() == 0" class="row">
		<div class="col-xs-12" style="text-align: center;">
			<h3 class="text-simple"><i class="fa fa-spinner"></i> &nbsp;您还未生成开票单，请立即新增开票</h3>
		</div>
		<div class="col-xs-12" style="margin-top:15px; text-align: center;">
			<a class="text-simple append" ui-sref="fa.apBillOutList"><big><i class="fa fa-plus-square fa-fw"></i> 新增开票单</big></a>
		</div>
	</div>
	<table class="order-table block" ng-table="tableParams">
		<tbody ng-repeat="billOut in $data">
			<tr>
				<td class="first info" width="700px">
					<div class="">
						<span>单据编号：</span>
						<span class="text-num"><a ui-sref="fa.apBillOut_detail({id:billOut.id})" title="点击查看详情">{{::billOut.code}}</a></span>
						<span class="pull-right text-num" title="录单时间">{{::billOut.recordDate | date:'yyyy年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':billOut.status==201}"></i> {{::billOut.custName}}</strong>
						<!--<span class="">
							  开票期间：<span class="f14 text-num">{{::billOut.beginDate | date:'yyyy/MM/dd'}} - {{::billOut.endDate | date:'yyyy/MM/dd'}}</span>
						</span>-->
					</div>
					<div class="static">
						<p>
							<strong class="text-num">{{::billOut.amount | number : 2}}</strong> <i class="fa fa-cubes"></i><br>
							总开票金额
						</p>
						<!--<p>
							<span class="text-number">{{getTotalProd(billOut) | number}}</span><br>
							总数量
						</p>-->
						<p>
							<strong class="text-num">{{::billOut.items.length}}</strong> 条<br>
							明细条目
						</p>
						<!--<p>
							<strong class="text-num">{{::billOut.amount | number : 2}}</strong> <i class="fa fa-cubes"></i><br>
							已开票金额
						</p>-->
					</div>
				</td>
				<td class="status">
					<div class="">开票结果
						<a ng-if="billOut.checkStatus == '已开票'" ng-click="print(billOut)" class="pull-right" title="打印{{billOut.print? '(已打印)':'(未打印)'}}" ng-class="{'unPrinted' : !billOut.print, 'text-muted': billOut.print}"><i
						class="fa fa-print fa-lg"></i>&nbsp;打印</a> 
					</div>
					<div ng-if="billOut.checkStatus == '未开票'" class="text-center text-muted f14"><br>未开票</div>
					<div></div>
					<div ng-if="billOut.checkStatus == '已开票'" class="text-center text-muted f14">
						<br> <i class="fa fa-check-square-o"></i> 已开票
					</div>
					<div ng-if="billOut.checkStatus == '开票中'" class="text-center text-muted f14">
						<br> <i class="fa fa-check-square-o"></i> 开票中
					</div>
					<div ng-if="billOut.checkStatus == '部分开票'" class="text-center text-muted f14">
						<br> <i class="fa fa-check-square-o"></i> 部分开票
					</div>
					<div ng-if="billOut.checkStatus == '已作废'" class="text-center text-muted f14">
						<br> <i class="fa fa-check-square-o"></i> 已作废
					</div>
					<div ng-hide="billOut.status" class="block">
						 <span class="text-trans error">未上传</span>
					</div>
					<div ng-show="billOut.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>