yf_zd
/
qxzSy


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

<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="utf-8" />
	<meta name="description" content="overview &amp; stats" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
	<!-- <title>云飞科技</title> -->
	<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 'assetsDemo/css/fonts.googleapis.com.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' %}">
	<style>
		li {
			list-style-type: none;
		}

		ul {
			padding: 0;
			margin: 0;
		}

		.logoImg {
			/* width: 100px; */
			height: 32px;
		}

		.ace-nav>li {
			line-height: 52px;
			height: 52px;
			float: right;
			margin-right: 30px;
			margin-top: 6px;
		}

		.ace-nav .nav-user-photo {
			width: 40px;
			height: 40px;
			display: inline-block;
		}

		.ace-nav>li>div {
			cursor: pointer;
		}

		.user-info {
			top: 0px;
			line-height: 52px;
		}

		.breadcrumb>li>a,
		.breadcrumb>li>span {
			margin: 0 5px;
		}

		.breadcrumb .fa {
			font-size: 20px;
		}

		/* 个人资料 */
		.dropdown-navbar-xs {
			width: 190px;
		}

		.dropdown-event .active {
			/* background-color: #d4edfc; */
			background-color: #F4F9FC;
		}

		/* 紧急消息 */
		.ace-nav>.purple>a {
			min-width: 50px;
		}

		.purple .dropdown-navbar>li>a {
			line-height: 30px;
			font-size: 16px;
			text-indent: 29px;
			word-wrap: break-word;
		}


		.usernameStyle {
			color: #fb5238;
			text-decoration: underline;
		}

		/* 版权 */
		.copyrightBox {
			text-align: center;
			line-height: 36px;
			margin-left: 190px;
			border-top: 3px double #E5E5E5;
			padding-top: 15px;
			font-size: 16px;
		}

		.copyright {
			color: #333;
			font-size: 16px;
		}

		.bigCaption {
			font-size: 18px;
			color: #ffffff;
			/* text-align: center; */
			line-height: 52px;
		}


		/* sim卡提示 */
		.SIMBox {
			width: 450px !important;
		}

		.dropdown-navbar.navbar-red>li.dropdown-header {
			background-color: #f7ecec;
			color: #ff0000;
			border-bottom-color: #e5bcbc;
		}

		.dropdown-navbar.navbar-red>li.dropdown-header>.ace-icon,
		.dropdown-navbar.navbar-red>li.dropdown-footer>a,
		.dropdown-navbar.navbar-red>li>a>.ace-icon {
			color: #ff0000 !important;
		}

		#simCodeContent {
			border-top: 1px solid #e4ecf3;
		}

		.dropdown-navbar-code {
			width: 500px;
		}

		.pull-right {
			margin: 0 -10px 0 0;
		}

		.pull-right i {
			/* color: red;
			font-weight: 700;
			font-style: inherit;
			font-size: 14px !important; */
		}

		/* #simCodeHint {
			display: none;
		} */

		body .demo-class {
			border-radius: 15px;
			overflow: hidden;
		}

		#accountIndateDiv {
			display: none;
			text-align: center;
			font-size: 14px;
			line-height: 28px;
			padding: 15px 0;
		}

		#accountIndateDiv>div>div>span {
			color: red;
		}

		.iptHid {
			display: none;
		}

		.dropdown-header {
			display: flex;
			justify-content: space-evenly;
		}

		.dropdown-header div {
			/* margin: 0 0 0 28px; */
		}

		.dropdown-header div i {
			/* color: rgb(136, 170, 102); */
		}

		#userHeaderMsg {
			line-height: 50px;
			color: #fff;
			font-size: 22px;
			letter-spacing: 8px;
		}

		/* 暂无 */
		#noTavailable {
			display: none;
		}

		.noTavailableTxt {
			margin: 0 auto;
			text-align: center;
			background: #fff;
		}

		@media (max-width: 1000px){
			.navbar-toggle {
				display: block !important;
			}
		}
		.headering{
			height: 189px !important;
			background: url(../static/img/qxzheadBj.jpg) no-repeat center;
			background-size: 100% 100%;
			color: #fff;
		}
		.headering .caption{
			text-align: center;
			font-size: 16px;
			letter-spacing: .5px;
			
		}
		.headering .caption .tit{
				font-size: 20px;
				line-height: 46px;
				font-weight: 700;
				letter-spacing: 7px;
			}
	</style>
</head>

<body class="no-skin">
	<!-- 导航 -->
	<div class="headering">
		<div class="navbarBtn">
			<!-- 用户 -->
			<ul class="nav ace-nav">
				<li class="light-blue dropdown-modal">
					<div data-toggle="dropdown" href="#" class="dropdown-toggle">
						<img class="nav-user-photo" src="{{user.user_picture}}" alt="" />
						<span class="user-info">
							欢迎您，
							<span id="parentUserName">{{user.username}}</span>

						</span>

						<i class="ace-icon fa fa-caret-down"></i>
					</div>

					<ul
						class="dropdown-menu-right dropdown-navbar dropdown-navbar-xs dropdown-menu dropdown-caret dropdown-close">
						<li class="dropdown-content ace-scroll" style="position: relative;">
							<div class="scroll-track" style="display: none;">
								<div class="scroll-bar"></div>
							</div>
							<div class="scroll-content" style="min-height: 136px;">
								<ul class="dropdown-menu dropdown-navbar dropdown-navbar-xs dropdown-event">
									<li>
										<a href="personal_info" target="BoardRight">
											<div class="clearfix">
												<span class="pull-left">
													<i class="btn btn-xs btn-info no-hover ace-icon fa fa-user"
														data-attr="ace-icon fa fa-user"></i>
													<span class="menu-text">个人资料</span>
												</span>
											</div>
										</a>
									</li>
									<li>
										<a href="change_pwd" target="BoardRight">
											<div class="clearfix">
												<span class="pull-left">
													<i class="btn btn-xs btn-success no-hover ace-icon fa fa-edit"
														data-attr="ace-icon fa fa-edit"></i>
													<span class="menu-text">修改账户密码</span>
												</span>
											</div>
										</a>
									</li>
									<li>
										<a href="logout" target="BoardRight">
											<div class="clearfix">
												<span class="pull-left">
													<i class="btn btn-xs btn-success no-hover ace-icon fa fa-edit"
														data-attr="ace-icon fa fa-edit"></i>
													<span class="menu-text">退出</span>
												</span>
											</div>
										</a>
									</li>
								</ul>
						</li>
					</ul>
				</li>
			</ul>
			<!-- 标题 -->
			<div class="caption">
				<div class="tit">农业植保监测系统  智慧农业信息化</div>
				<div>Agricultural plant protection monitoring system intelligent agricultural informatization</div>
			</div>
		</div>
	</div>

	<!-- 主体 -->
	<div class="main-container ace-save-state" id="main-container">
		<script type="text/javascript">
			try { ace.settings.loadState('main-container') } catch (e) { }
		</script>

		<div id="sidebar" class="sidebar responsive ace-save-state">
			<script type="text/javascript">
				try { ace.settings.loadState('sidebar') } catch (e) { }
			</script>

			<!-- /.sidebar-shortcuts -->

			<ul class="nav nav-list">
				<li class="active">
					<a href="equipmanage_qxz" target="BoardRight">
						<i class="menu-icon fa fa-home"></i>
						<span class="menu-text">气象监测</span>
					</a>
					<b class="arrow"></b>
				</li>
				<li class="">
					<a href="equipmanage_qxz" target="BoardRight">
						<i class="menu-icon fa fa-home"></i>
						<span class="menu-text">土壤商情</span>
					</a>
					<b class="arrow"></b>
				</li>
			</ul>
			<!-- /.nav-list -->

			<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
				<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state"
					data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
			</div>
		</div>
		<!-- 主题内容 -->
		<div class="main-content">
			<div class="main-content-inner">
	
				<!-- 预警结束 -->
				<div class="breadcrumbs ace-save-state" id="breadcrumbs">
					<ul class="breadcrumb">
						<li>
							<i class="ace-icon fa fa-home home-icon"></i>
							<span>首页</span>
						</li>
					</ul>
				</div>
				<div class="page-content">

					<!-- 页面内容开始 -->
					<div class="content">
						<iframe name="BoardRight" src="" id="iframe-main" frameborder="0"
							style="width: 100%; height: 718px;"></iframe>
					</div>
					<!-- 页面内容结束 -->
				</div>
				<!-- /.page-content -->
			</div>
		</div>
		<!-- /.main-content -->

		<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
			<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
		</a>
	</div>
	<!-- /.main-container -->

	<!--[if !IE]> -->
	<!-- <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script> -->
	<!-- <![endif]-->

	<!--[if IE]>
		<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
		<![endif]-->

	<script src="{% static '/lib/js/ace-extra.min.js' %}"></script>
	<script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
	<script src="{% static '/lib/bootstrap-3.3.7/js/bootstrap.js' %}"></script>
	<script src="{% static '/lib/js/ace-elements.min.js' %}"></script>
	<script src="{% static '/lib/js/ace.min.js' %}"></script>
	<script src="{% static '/lib/layui/layui.all.js' %}"></script>

	<!-- inline scripts related to this page -->
	<script type="text/javascript">
		jQuery(function ($) {
			if($('.nav-list li').eq(0).find('a').attr('href') != '#'){
				var url = $('.nav-list li').eq(0).find('a').attr('href');
			}else{
				var url = $('.nav-list li').eq(0).find('.submenu').find('a').eq(0).attr('href'); 
			}
			$('#iframe-main').attr('src',url);
			$('.nav-list >li').on('click', function () {
				if ($(this).find('li').length == 0) {
					$('.nav-list li').removeClass('active');
					$(this).addClass('active');
					$('.submenu').hide();
					var icon = $(this).find('i').prop('class');
					var name = $(this).find('.menu-text').html();
					var html = '<li><i class="ace-icon home-icon ' + icon + '"></i>' +
						'<span>' + name + '</span></li>';
					$('.breadcrumb').html(html);
				} else {
					$('.nav-list>li').removeClass('active');
					$(this).addClass('active');
				}
				$('.user-menu >li').removeClass('active');
			})
			$(document).on('click', '.nav-list .open li', function () {
				$('.nav-list li').removeClass('active');
				$(this).addClass('active');
				$(this).parents('li').addClass('active');
				var parent = $(this);
				var icon = parent.parents('li').find('i').prop('class');
				var parentName = parent.parents('li').find('.menu-text').html();
				var sonName = $(this).find('.menu-text').html();
				var html = '<li><i class="ace-icon home-icon ' + icon + '"></i><span>' + parentName + '</span></li>' +
					'<li>' + sonName + '</li>';
				$('.breadcrumb').html(html);
			})
			$(document).on('click', '.dropdown-event li', function () {
				$('.dropdown-event li').removeClass('active');
				$(this).addClass('active');
				var icon = $(this).find('i').data('attr');
				var name = $(this).find('.menu-text').html();
				var html = '<li><i class="ace-icon home-icon ' + icon + '"></i>' +
					'<span>' + name + '</span></li>';
				$('.breadcrumb').html(html);
			})
		})
	</script>
</body>

</html>