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>
|