YQ-August
/
yzCctvHelm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache, must-revalidate">
		<meta http-equiv="expires" content="0">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../css/index.css">
		<link rel="stylesheet" href="../css/style.css">
		<link rel="stylesheet" href="../css/iconfont.css">
		<script src="../js/vue.min.js"></script>
		<script src="../js/index.js"></script>
		<script src="../js/jquery.min.js"></script>
		<script type="text/javascript">
			document.write('<script src="../assets/init.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
		</script>
		<script>
			checkLogin();
		</script>
		<style type="text/css">
			* {
				box-sizing: border-box;
			}
			.el-container {
				height: 100%;
			}
			.el-header,
			.el-footer {
				background-color: #173862;
			}
			.el-aside {
				background-color: rgb(6, 27, 81);
			}
			.el-main{
				background-color:#040d32;
			}
			.el-aside .el-menu{
				border: none;
			}
			.el-submenu__title{
				height: 40px;
				line-height: 40px;
				padding-left: 10px !important;
			}
			.el-submenu__icon-arrow{
				font-size: 20px;
				color: #fff !important;
				margin-top: -10px;
				right: 15px;
			}
			.aidShow{
				position: absolute;
				bottom: 10px;
				right: 14px;
			}
			.el-submenu .el-menu-item{
				height: 36px;
				line-height: 36px;
				min-width: 180px;
				padding: 0 20px 0 45px;
			}
			.el-submenu__title i{
				color: #fff;
			}
			@media screen and (max-width: 700px) {
				.el-aside{
					width: 50px;
				}
			}
			.el-header .el-input__inner{
				height: 36px;
				line-height: 36px;
				color: #fff;
				background-color: rgba(158, 158, 158, 0.4);
				border: 1px solid rgba(232, 232, 232, 0.3);
			}
			.el-submenu__title .iconfont{
				vertical-align: middle;
				margin-right: 5px;
				width: 24px;
				text-align: center;
				font-size: 18px;
			}
			
		</style>
	</head>
	<body>
		<div id="app" v-cloak style="height: 100vh;background-color:#040d32;">
			<!-- <el-container> -->
				<el-header>
					<div class="flex justify-between align-center" style="width: 100%;height: 100%;">
						<div class="flex align-center">
							<img :src="userForm.userId == 354?'../img/zhLogo.png':(userForm.userId == 380?'../img/logo_yzhn.png':'../img/yzkj_logo.png')" style="height:50px;"/>
							<div class="text-bold text-df text-white margin-left-sm">智能安全监控</div>
						</div>
						<div class="flex align-center">
							<div class="margin-right">
								<el-select v-model="nowSn" style="width: 130px;" 
									ref="selNow" @change="changNow">
									<el-option v-for="item in shipLi" :key="item.sn"
									  :label="item.dev_name" :value="item.sn">
									</el-option>
								</el-select>
							</div>
							<div>
								<el-dropdown trigger="click" @command="handleCommand">
									<div class="flex align-center" style="cursor: pointer;">
										<div class="block">
											<el-avatar :size="40" :src="'https://www.enstation.com'+userForm.avatar"></el-avatar>
										</div>
										<div class="margin-left-xs text-white">
											<div>{{userForm.nickName}}</div>
											<div class="text-xs">{{userForm.roles[0].roleName}}</div>
										</div>
									</div>
									<el-dropdown-menu slot="dropdown">
										<el-dropdown-item command="userInfo"><i class="el-icon-s-custom"></i>个人中心</el-dropdown-item>
										<el-dropdown-item divided command="loginOut"><i class="el-icon-switch-button text-bold"></i>退出登录</el-dropdown-item>
									</el-dropdown-menu>
								</el-dropdown>
							</div>
						</div>
					</div>
				</el-header>
				<el-container style="height: calc(100% - 60px);">
					<el-aside :width="aidWid" style="position: relative;">
						<div style="height: calc(100% - 40px);overflow: auto;">
							<el-menu :default-active="ifSrc" 
								class="el-menu-vertical-demo" 
								@open="handleOpen"
								@close="handleClose" 
								@select="handleSelect"
								background-color="rgba(0,0,0,0)"
								text-color="#fff"
								active-text-color="#0081ff"
								:collapse="isCollapse">
								<el-submenu v-for="(item,rindex) in routerLi" :key="rindex" v-if="!item.hidden" :index="rindex">
									<template slot="title">
										<i :class="'iconfont '+item.meta.icon"></i>
										<span slot="title">{{item.meta.title}}</span>
									</template>
									<el-menu-item v-for="(chi,chind) in item.children" :key="chind" 
										:index="chi.path"  v-if="!chi.hidden">{{chi.meta.title}}</el-menu-item>
								</el-submenu>
							</el-menu>
						</div>
						<div class="aidShow">
							<div class="el-icon-s-fold text-xl" @click="isCollapse = false;aidWid = '180px'" v-if="isCollapse"></div>
							<div class="el-icon-s-unfold text-xl" @click="isCollapse = true;aidWid = '50px'" v-else></div>
						</div>
					</el-aside>
					<el-container>
						<el-main style="padding:0px;height: calc(100% - 44px);">
							<iframe :src="'./'+ifSrc+'.html'" id="mView" ref="mView" style="width: 100%;height: 100%;"></iframe>
						</el-main>
						<el-footer style="height: 44px;" class="flex align-center">
							<div class="text-center text-xs">
								@易站智联科技（广州）有限公司<br>
								<a href="https://beian.miit.gov.cn/">粤ICP备18059884号</a>
							</div>
							
						</el-footer>
					</el-container>
				</el-container>
			<!-- </el-container> -->
		</div>
		<script type="text/javascript">
			document.write('<script src="../assets/antiFatigue.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
			document.write('<script src="../assets/fileApi.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
			document.write('<script src="../assets/main.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
		</script>
	</body>
</html>