155 lines
3.8 KiB
HTML
155 lines
3.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title></title>
|
||
|
|
<script src="./scripts/vue.min.js"></script>
|
||
|
|
<script src="./scripts/vue-router.js"></script>
|
||
|
|
<!--
|
||
|
|
<script src="https://unpkg.com/vue-router@3.5.2/dist/vue-router.js"></script>
|
||
|
|
-->
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="./scripts/elementindex.css">
|
||
|
|
<script src="./scripts/elementindex.js"></script>
|
||
|
|
|
||
|
|
<!--
|
||
|
|
<script src="https://unpkg.com/axios@0.21.1/dist/axios.min.js"></script>
|
||
|
|
-->
|
||
|
|
<script src="scripts/axiosmin.js"></script>
|
||
|
|
|
||
|
|
<script src="scripts/welldata.js"></script>
|
||
|
|
<script src="scripts/wellhistory.js"></script>
|
||
|
|
<script src="scripts/user.js"></script>
|
||
|
|
<script src="scripts/authinfo.js"></script>
|
||
|
|
|
||
|
|
<script src="scripts/checkuser.js"></script>
|
||
|
|
<script src="scripts/loginout.js"></script>
|
||
|
|
|
||
|
|
<script src="scripts/exportfile.js"></script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="app" class="homeWrap">
|
||
|
|
<el-container style="height: 100%; border: 1px solid #eee">
|
||
|
|
<el-header style="text-align: right; font-size: 14px">
|
||
|
|
<el-dropdown @command="handleCommand">
|
||
|
|
<i class="el-icon-setting" style="margin-right: 16px"></i>
|
||
|
|
<el-dropdown-menu slot="dropdown">
|
||
|
|
<el-dropdown-item command='exit'>退出</el-dropdown-item>
|
||
|
|
</el-dropdown-menu>
|
||
|
|
</el-dropdown>
|
||
|
|
<span>{{onlineuser}}</span>
|
||
|
|
</el-header>
|
||
|
|
|
||
|
|
<el-container>
|
||
|
|
<el-aside width="20%" style="background-color: rgb(ff, ff, ff)">
|
||
|
|
<el-menu :default-active="$route.path" router >
|
||
|
|
<el-submenu index="1">
|
||
|
|
<template slot="title"><i class="el-icon-menu"></i>钻井管理</template>
|
||
|
|
<el-menu-item index='/info'>钻井基本信息</el-menu-item>
|
||
|
|
<el-menu-item index='/history'>钻井历史数据</el-menu-item>
|
||
|
|
</el-submenu>
|
||
|
|
|
||
|
|
<el-submenu index="2">
|
||
|
|
<template slot="title"><i class="el-icon-lock"></i>仪器授权管理</template>
|
||
|
|
<el-menu-item index="/auth">仪器授权</el-menu-item>
|
||
|
|
</el-submenu>
|
||
|
|
|
||
|
|
<el-submenu index="3" :hidden = ifhidden>
|
||
|
|
<template slot="title"><i class="el-icon-user"></i>用户管理</template>
|
||
|
|
<el-menu-item index="/user">用户信息</el-menu-item>
|
||
|
|
</el-submenu>
|
||
|
|
</el-menu>
|
||
|
|
</el-aside>
|
||
|
|
|
||
|
|
<el-main>
|
||
|
|
<router-view></router-view>
|
||
|
|
</el-main>
|
||
|
|
|
||
|
|
</el-container>
|
||
|
|
|
||
|
|
</el-container>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
history.pushState(null, null, document.URL);
|
||
|
|
window.addEventListener('popstate', function () {
|
||
|
|
console.log(document.URL);
|
||
|
|
history.pushState(null, null, document.URL);
|
||
|
|
});
|
||
|
|
|
||
|
|
setInterval(checkUser,5000);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var home = { template: '<div>welcome 首页</div>' }
|
||
|
|
|
||
|
|
var routes = [
|
||
|
|
{ path: '/info', component: window.Wellcomponent },
|
||
|
|
{ path: '/history', component: window.WellHistorycomponent },
|
||
|
|
{ path: '/user', component: window.Usercomponent },
|
||
|
|
{ path: '/auth',component: window.authComponent},
|
||
|
|
{ path: '*', redirect: '/info'},
|
||
|
|
]
|
||
|
|
|
||
|
|
var router = new VueRouter({
|
||
|
|
routes: routes
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
new Vue(
|
||
|
|
{
|
||
|
|
el:"#app",
|
||
|
|
data(){
|
||
|
|
|
||
|
|
return{
|
||
|
|
ifhidden:false,
|
||
|
|
onlineuser:localStorage.getItem("online_user"),
|
||
|
|
/*form: {
|
||
|
|
id:'',
|
||
|
|
username: '',
|
||
|
|
password:'',
|
||
|
|
role: '',
|
||
|
|
isActive: ''
|
||
|
|
},
|
||
|
|
dialogVisible:true,*/
|
||
|
|
}
|
||
|
|
},
|
||
|
|
router:router,
|
||
|
|
methods:{
|
||
|
|
handleCommand(command) {
|
||
|
|
if (command === 'exit') {
|
||
|
|
loginout();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
|
||
|
|
.homeWrap {
|
||
|
|
/*position: absolute;*/
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-header {
|
||
|
|
background-color: #B3C0D1;
|
||
|
|
color: #333;
|
||
|
|
line-height: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-aside {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|