yf_zd
/
yfwlwCut


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

<head>
	<meta charset="UTF-8" />
	<title> </title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0 , user-scalable=no" />
	<!-- bootstrap & fontawesome -->
	<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' %}">
	<style type="text/css">
		body {
			overflow: hidden;
			margin-top: 0;
			background: #fff;
		}

		.home-icon {
			text-align: right;
			/* margin: 10px 0; */
		}

		.home-map {
			height: 600px;
		}

		.home-icon>span img {
			width: 30px;
			vertical-align: bottom;
		}

		#allmap {
			height: 100%
		}

		.BMap_bubble_title {
			border-bottom: 1px solid #000;
		}

		#selectType>span {
			cursor: pointer;
		}

		
		.headOperateBox {
			position: relative;
		}
		.margin08{
			margin: 8px 0;
		}

		@media (max-width: 500px) {
			#selectType img {
				width: 17px;
			}
			.selectTypeTxt {
				font-size: 12px;
				display: inline-block;
				width: initial;
				text-align: left;
			}
		}

		@media (min-width: 500px) and (max-width: 768px) {
			#selectType img {
				width: 20px;
			}
			.selectTypeTxt {
				font-size: 12px;
				display: inline-block;
				width: initial;
				text-align: left;
			}
		}

		@media (min-width: 768px) {
			.selectTypeTxt {
				display: inline-block;
				width: 56px;
				text-align: left;
			}
		}
		/* #PanoramaFlashWraperTANGRAM__y4,#PanoramaFlashWraperTANGRAM__y3{
			background: rgba(0,0,0,6);
    		color: #fff;
			height: 3% !important;
		} */
		.gotoDetial{
			cursor: pointer;
		}
		.gotoDetial:hover{
			color: royalblue;
		}
	</style>
</head>

<body>
	<div class="content">
		<div class="row">
			<div class="col-xs-12 col-sm-3 col-md-3 col-lg-2 margin08">
				<!-- <input type="text" id="form-field-1" placeholder="Username" class=""> -->
				<div class="input-group">
					<input type="text" class="form-control" id="searchImei" name="searchImei" placeholder="请输入设备IMEI">
					<div class="input-group-btn">
						<button type="button" id="searchBtn" class="btn btn-default no-border btn-sm">
							<i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
						</button>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-3 col-md-3 col-lg-2 margin08">
				<!-- <input type="text" id="form-field-1" placeholder="Username" class=""> -->
				<div class="input-group">
					<input type="text" class="form-control" id="searchCity" name="searchCity" placeholder="请输入地区检索">
					<div class="input-group-btn">
						<button type="button" id="searchCityBtn" class="btn btn-default no-border btn-sm">
							<i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
						</button>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-6 col-md-6 col-lg-8 margin08">
					<div class="home-icon" id="selectType">
							<!--设备类型 1天气，2杀虫灯，3测报灯，4农药残留，5监控-->
							<span class="map-tb01" data-type="0">
								<img src="{% static '/img/6.png' %}" />
								<span class="selectTypeTxt">全部</span>
							</span>
							{% if perms.AppInfoManage.can_see_scd %}
							<span class="map-tb02" data-type="2">
								<img src="{% static '/img/2.png' %}" />
								<span class="selectTypeTxt">杀虫灯</span>
							</span>
							{% endif %}
							{% if perms.AppInfoManage.can_see_cbd %}
							<span class="map-tb03" data-type="3">
								<img src="{% static '/img/3.png' %}" />
								<span class="selectTypeTxt">虫情测报</span>
							</span>
							{% endif %}
							{% if perms.AppInfoManage.can_see_qxz %}
							<span class="map-tb01" data-type="5">
								<img src="{% static '/img/1.png' %}" />
								<span class="selectTypeTxt">环境监测</span>
							</span>
							{% endif %}
							<!-- {% if perms.AppInfoManage.can_see_ny %}
							<span class="map-tb04" data-type="4">
								<img src="{% static '/img/4.png' %}" />
								<span class="selectTypeTxt">农药残留</span>
							</span>
							{% endif %} -->
							<!-- {% if perms.AppInfoManage.can_see_jk %}
							<span class="map-tb05" data-type="6">
								<img src="{% static '/img/5.png' %}" />
								<span class="selectTypeTxt">监控设备</span>
							</span>
							{% endif %} -->
							{% if perms.AppInfoManage.can_see_bzy %}
							<span class="map-tb01" data-type="7">
								<img src="{% static '/img/7.png' %}" />
								<span class="selectTypeTxt">孢子仪</span>
							</span>
							{% endif %}
							<!-- {% if perms.AppInfoManage.can_see_bzy %} -->
							<span class="map-tb01" data-type="8">
								<img src="{% static '/img/8.png' %}" />
								<span class="selectTypeTxt">性诱器</span>
							</span>
							<!-- {% endif %} -->
						</div>
			</div>
		</div>

		<div class="headOperateBox">
			<!-- <div class="searchBox">
				<span>设备：</span>
				<input type="text" placeholder="imei" id="searchImei">
				<button class="btn searchBtn" id="searchBtn">筛选</button>
			</div> -->
			<!-- <div class="home-icon" id="selectType"> -->
				<!--设备类型 1天气，2杀虫灯，3测报灯，4农药残留，5监控-->
				<!-- <span class="map-tb01" data-type="1">
					<img src="{% static '/img/1.png' %}" />
					<span class="selectTypeTxt">气象</span>
				</span>
				<span class="map-tb02" data-type="2">
					<img src="{% static '/img/2.png' %}" />
					<span class="selectTypeTxt">杀虫灯</span>
				</span>
				<span class="map-tb03" data-type="3">
					<img src="{% static '/img/3.png' %}" />
					<span class="selectTypeTxt">虫情测报</span>
				</span>
				<span class="map-tb04" data-type="4">
					<img src="{% static '/img/4.png' %}" />
					<span class="selectTypeTxt">农药残留</span>
				</span>
				<span class="map-tb05" data-type="5">
					<img src="{% static '/img/5.png' %}" />
					<span class="selectTypeTxt">监控设备</span>
				</span> -->
			<!-- </div> -->
		</div>
		<div class="home-map">
			<div id="allmap"></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" src="http://api.map.baidu.com/api?v=2.0&ak=TcRPmrsiZUqdUBWoELrUArRkCRC36KMx"></script>
		<script src="{% static '/lib/js/coordOffset.js' %}"></script>
		<script type="text/javascript" src="{% static '/js/home/home_map.js' %}?versions=0.5.0"></script>
		<!-- <script type="text/javascript" src="{% static '/js/home/home_map1.js' %}?versions=0.5.0"></script> -->
		<script>
			$.ajaxSetup({
				data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
			});
		</script>

	</div>
	</div>
</body>

</html>