<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="renderer" content="webkit">
<!-- 移动设备 viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<jsp:include page="../../common.jsp" />
<script type="text/javascript">
     require("js/newArea/newAreaList.js");
</script>
</head>
<body>
	<div class="row animated fadeInRight" style="margin: 0;">
		<div class="wrapper wrapper-content mt5 right-content ml5 mr5">
			<div class="toolbar-panel bdd">
				<div class="toolbar-box">
					<div class="toolbar-head clearfix lgraybg pt5 pb10 pl10 bdbd">
						<!-- 顶部按钮 -->
						<div class="buttons fl">
							<a class="btn btn-primary fa fa-search f13" href="javascript:void(0);" onclick="queryNewArea()"><span>搜索</span></a>
							<a class="btn btn-primary fa fa-plus f13 add" href="javascript:void(0);" onclick="initAddNewArea()"><span>添加</span></a>
							<a class="btn btn-primary fa fa-edit f13" href="javascript:void(0);" onclick="initEditNewArea()"><span>编辑</span></a> 
							<a class="btn btn-primary fa fa-remove f13 delete" href="javascript:void(0);" onclick="initBatchDeleteNewArea()"><span>删除</span></a> 
						</div>
						<div class="tools fr">
							<a href="javascript:void(0);" class="collapse dblock f14 dgray mr5"> 
								<i class="fa-2x fa fa-angle-double-up"></i>
							</a>
						</div>
					</div>
				</div>

				<!--搜索条件 -->
				<div class="toolbar-body">
					<div class="row pt10 pb10 whitebg ml0 mr0">
						<span class="dlblock w100 textr">ID：</span> 
						<span class="bdc pt6 pb6 pl6 pr5 w180 dlblock"> 
							<input type="text" placeholder="请输入内容" id="searchId">  
						</span> 
						<span class="dlblock w100 textr">名称：</span> 
						<span class="bdc pt6 pb6 pl6 pr5 w180 dlblock"> 
							<input type="text" placeholder="请输入名称">
						</span> 
						<span class="dlblock w100 textr">类别：</span>
						 <select class="form-control f12 w180 textc">
							<option value="">支出</option>
							<option value="">收入</option>
						</select>
					</div>
					<div class="mt10 mb20">
						<span class="dlblock w100 textr">开始日期</span>
						<span class="bdc pt6 pb6 pl6 pr5 w180 dlblock">
							 <input type="text" placeholder="" id="date1" class="w150">
							 <i class="fa fa-calendar"></i>
						</span> 
						<span class="dlblock w100 textr">结束日期</span>
						<span class="bdc pt6 pb6 pl6 pr5 w180 dlblock"> 
						<input type="text" placeholder="" id="date2" class="w150"> 
							<i class="fa fa-calendar"></i>
						</span>
					</div>
				</div>
			</div>
		</div>
		<!-- 表单数据 -->
		<div class="mb20 mt10">
			<div class="whitebg pl10 pr10">
				<table class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th class="textc">
								<div class="checker" id="allCheck">
									<span class=""><input type="checkbox" value="" ></span>
								</div>
							</th>
							<th class="textc ">id</th>
							<th class="textc ">parentId</th>
							<th class="textc ">name</th>
							<th class="textc ">shortName</th>
							<th class="textc wp15">longitude</th>
							<th class="textc ">latitude</th>
							<th class="textc ">level</th>
							<th class="textc ">sort</th>
							<th class="textc wp15">status</th>
							<th class="textc ">open</th>
							<th class="textc">编辑</th>
						</tr>
					</thead>
					<!-- 数据体 -->
					<tbody id="data_content">
					</tbody>
				</table>
			
			<!-- footer -->
				<div class="clearfix mb10 pb20">
						<div class="layui-tab-item fr">
								<span class="dlblock vm">当前第<span class="now" id="currPage"></span>页 , </span>
								<span class="dlblock vm">共<span class="count" id="pageCount"></span>页 </span>
								<div class="pagination dlblock vm" id="pagination"></div>
								<span class="dlblock vm ml10">总记录数<span class="now" id="totalCount"></span>条</span>
						</div>
					</div>
	
			</div>
		</div>
	</div>
</body>

</html>

