yf_zd
/
qxzSy


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
							{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<link href="{% static '/lib/bootstrap-3.3.7/css/bootstrap.css' %}" rel="stylesheet">
	<link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
	<link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}"/>
	<link rel="stylesheet" href="{% static '/lib/css/ace-skins.min.css' %}">
	<link rel="stylesheet" href="{% static '/lib/css/ace-rtl.min.css' %}">
	<link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=TcRPmrsiZUqdUBWoELrUArRkCRC36KMx"></script>
	<style type="text/css">
		body {
			overflow: hidden;
			background: #fff;
		}

		.searchCover {
			margin: 20px 0;
		}

		.innerTable {
			padding: 0 1px 0 0;
			min-width: 750px;
			overflow-x: scroll;
		}

		.table,.table.table-striped>thead>tr>th {
			text-align: center;
		}

		table td {
			vertical-align: middle !important;
		}

		.nullData {
			width: 100%;
			height: 500px;
			background: #ddd;
			text-align: center;
			line-height: 500px;
			font-size: 20px;
			border: 1px solid #ddd;
		}
		.content{
			overflow-x: scroll;
		}
		.searchCover input{
			width: 180px;
		}
		/* 气象站定位弹框 */
		#addLocation{
			display: none;
			padding: 20px;
			height: 490px;
		}
		.mapbox{
			height: 100%;
		}
		#allmap{
			width: 100%;
			height: 100%;
		}
	</style>

	<body>
		<div class="content">
			<div class="searchCover">
				<form action="" id="sub_filter" method="post" id="searchForm"> {% csrf_token %} 创建时间：
					<!-- <input type="text" class="layui-input" class="laydate-icon" id="" placeholder="请选择时间段 "> -->
					<input type="text" id="timSelectBox" placeholder="请选择时间段 ">
					<input type="hidden" id="begin" name="begin">
					<input type="hidden" id="end" name="end"> 设备类型：
					<select class="enter-select" name="type" id="type">
						<option value="0">请选择</option>
						<!-- <option value="1">气象设备</option> -->
						<option value="2">杀虫灯</option>
						<option value="3">测报灯</option>
						<option value="4">诱捕器</option>
						<option value="5">环境监测</option>
						<option value="6">监控</option>
						<option value="7">孢子捕捉仪</option>
						<!-- <option value="4">农药残留</option>
						<option value="5">监控数据采集</option> -->
					</select>
					设备ID：
					<input type="text" name="identity" placeholder="请输入设备ID" value="" onkeypress="if (event.keyCode == 13) sub_filter();" />
					<!-- <button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button> -->
					<button type="button" id="shaixuan" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>
				</form>
			</div>

			<div class="innerTable">
				<table id="datatable" class="table table-striped table-hover">
					<thead>
						<tr>
							<td>设备ID</td>
							<td>设备用户</td>
							<td>设备名称</td>
							<td>设备添加时间</td>
							<td>设备类型</td>
							<td style="width: 10%;">位置</td>
							<td>场景</td>
							<td>操作</td>
						</tr>
					</thead>
					<tbody>

					</tbody>
				</table>
				<div class="fenpei-bottom">
					<input type="hidden" id="totalPage" value={{ nums }}>
					<div id="page" style="text-align: center;"></div>
				</div>
			</div>
			
		</div>
		<div id="addLocation">
			<div class="">
				经度：<input type="text" name="" id="lng">
				纬度：<input type="text" id="lat">
				<button type="button" id="shaixuan" onclick="sub_getMarker()" class="btn btn-sm btn-primary">定位</button>				
			</div>
			<div class="mapbox">
				<div id="allmap"></div>
			</div>
		</div>

		<script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
		<script src="{% static '/lib/layui/layui.all.js' %}"></script>
		<script type="text/javascript">
			$.ajaxSetup({
				data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
			});
		</script>
		<script src="{% static '/js/equiplist/equiplist.js' %}?versions=0.5.4"></script>
	</body>


</html>