<ion-view boren hide-back-button="false" view-title="主页">
	<ion-content class="padding">
		<p style="text-align: center; color: #999; padding-top: 100px;">APP - Home</p>
	</ion-content>
</ion-view>







<!--ion-scroll zooming="true" direction="y" style="width: 100%; height: 450px;" paging="false" has-bouncing="false" on-scroll="onScroll();">	
			<div item="item" class="br-todo-list-item" ng-repeat="item in todoListData track by item.RECORD_ID">
				<div class="left">
						<span>{{$index+1}}</span>
						<input type="checkbox">
					</div>
				<div style="height:33.3%" class="center">
					<div style="height:100%;" class="center_top">
						<table style="height:100%;"><tr><td>
								公司/单据:{{item.COMPANY_DOC_TYPE}}
						</td></tr></table>
					</div>
					<div style="height:100%;" class="center_center">
						<div style="height:100%;" class="center_center_left">
							<table style="height:100%;"><tr><td>
								经办人:{{item.EMPLOYEE_NAME}}
							</td></tr></table>				
						</div>
						<div style="height:100%;" class="center_center_right">
							<table style="height:100%;"><tr><td>
								金额:{{item.DOC_AMOUNT}}
							</td></tr></table>
						</div>
					</div>
					<div style="height:100%;" class="center_bottom">
							<table style="height:100%;"><tr><td>
								事项:{{item.DOC_TITLE}}
							</td></tr></table>
					</div>
				</div>
				<div class="right">
					<table style="height:100%;">
						<tr><td>
							<div class="fa fa-chevron-right pull-right" style="color:red;"></div>
						</td></tr>
					</table>					
				</div>
			</div>
			<div class="no-more-data" ng-if="noMoreData && !isLoadingMore" style="text-align:center; margin-top:10px; margin-bottom: 7px; color:#999;">
				上拉加载更多
			</div>
			<ion-infinite-scroll ng-if="noMoreData" distance="1%" on-infinite="loadMoreData()">
			</ion-infinite-scroll>  
			<div class="no-more-data" ng-if="!noMoreData" style="text-align:center; margin-top:10px; margin-bottom: 7px; color:#999;">
				暂无更多数据了
			</div>
</ion-scroll>
<style>
	.item-content {
		height: 100%;
		padding: 0px !important;
	}
	.todo-list-item{
		margin-bottom: 0.7rem;
		width: 100%;
		height: 4.5rem;
		box-shadow: 2px 2px 2px 2px #cacaca;
		font-size: 14px;
		border-radius: 8px;
	}
	.br-todo-list-item{
		margin-top: 0.5rem;
		background-color: white;
		width: 96%;
		margin-left: 2%;
		height: 4.5rem;
		box-shadow: 2px 2px 2px 2px #cacaca;
		font-size: 14px;
		border-radius: 8px;
	}
	.br-todo-list-item .left {
		width: 10%;
		float: left;
		display: inline-block;
		height: 100%;
		border-right: 1px #CCCCCC solid;
		text-align: center;
	}
	.br-todo-list-item .left span{
		display: inline-block;
		width: 100%;
		text-align: center;
		color: #FB9F55;
	}
	.br-todo-list-item .left input{
		display: inline-block;
		width: 100%;
	}
	.br-todo-list-item .center {
		width: 75%;
		display: inline-block;
		padding-left: 5px;
	}
	.center_center_left{
		display: inline-block;
		width: 70%;
		float: left;
	}
	.center_center_right{
		display: inline-block;
		width: 30%;
		float: right;
	}
	.br-todo-list-item .right{
		width: 10%;	
		height: 100%;
		float: right;
		display: table-row;
	}
	.br-todo-list-item .right:active{
		background-color: #eee;
	}
</style-->