wg-gateway/src/main/resources/static/wg/index.html

100 lines
3.9 KiB
HTML
Raw Normal View History

2021-04-20 23:22:26 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<base href="/wg/">
<meta charset="UTF-8">
<title>网关管理</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
2021-05-08 11:33:40 +08:00
<link rel="icon" href="assets/favicon.ico" type="image/x-icon"/>
2021-05-16 21:11:03 +08:00
<link rel="stylesheet" href="assets/layui/css/layui.css"/>
<link rel="stylesheet" href="assets/layui/css/admin.css"/>
2021-04-20 23:22:26 +08:00
</head>
2021-05-17 15:58:13 +08:00
<body class="index-bg">
2021-04-21 22:50:01 +08:00
<div class="layui-app">
2021-05-17 12:10:24 +08:00
<div class="layui-header header header-index layui-bg-cyan">
<a class="logo menu-item" href="javascript:void(0);">
<img src="assets/images/logo.png" alt="网关">
2021-05-17 15:58:13 +08:00
<span>GATEWAY</span>
2021-05-17 12:10:24 +08:00
</a>
<ul class="layui-nav" style="float: left;">
2021-04-20 23:22:26 +08:00
<li class="layui-nav-item">
<a href="javascript:void(0);">网关管理</a>
<dl class="layui-nav-child">
2021-05-08 14:12:03 +08:00
<dd><a href="javascript:void(0);" class="menu-item" data-href="route/route-type/list.html">路由分类</a></dd>
<dd><a href="javascript:void(0);" class="menu-item" data-href="route/route/list.html">映射管理</a></dd>
2021-04-20 23:22:26 +08:00
</dl>
</li>
2021-05-17 12:10:24 +08:00
</ul>
2021-05-17 15:58:13 +08:00
<ul class="layui-nav" style="float: right; margin-right: 60px;">
2021-05-17 12:10:24 +08:00
<li class="layui-nav-item">
<a href="javascript:void(0);">
<img src="assets/images/user-avatar.png" class="layui-nav-img">管理员
</a>
2021-04-20 23:22:26 +08:00
<dl class="layui-nav-child">
2021-05-17 15:58:13 +08:00
<dd><a href="api/sign/out">退出系统</a></dd>
2021-04-20 23:22:26 +08:00
</dl>
</li>
</ul>
</div>
2021-04-21 22:50:01 +08:00
<div class="iframe-container">
2021-05-17 12:10:24 +08:00
<blockquote class="layui-elem-quote">
2021-05-08 14:12:03 +08:00
<span id="breadcrumbTitle" class="layui-breadcrumb">
2021-05-16 21:11:03 +08:00
<a href="javascript:void(0);" class="menu-item" data-href="home.html">首页</a>
2021-04-21 22:50:01 +08:00
</span>
2021-05-17 12:10:24 +08:00
</blockquote>
2021-04-21 22:50:01 +08:00
<div class="iframe-box">
2021-05-16 21:11:03 +08:00
<iframe id="defaultIFrame" frameborder="0" border="0" class="layadmin-iframe"></iframe>
2021-04-20 23:22:26 +08:00
</div>
</div>
</div>
2021-05-16 21:11:03 +08:00
<script src="assets/layui/layui.js"></script>
2021-04-20 23:22:26 +08:00
<script>
layui.config({
2021-05-16 21:11:03 +08:00
base: 'assets/layui/modules/'
2021-04-21 22:50:01 +08:00
}).extend({}).use(['restajax', 'datamessage', 'dialog'], function () {
2021-04-20 23:22:26 +08:00
var $ = layui.$;
2021-04-21 22:50:01 +08:00
var $win = $(window);
2021-04-20 23:22:26 +08:00
var layer = layui.layer;
2021-05-17 12:10:24 +08:00
var homeHref = 'home.html';
2021-04-20 23:22:26 +08:00
window.dialog = layui.dialog;
window.restAjax = layui.restajax;
window.dataMessage = layui.datamessage;
2021-04-21 22:50:01 +08:00
function resize() {
$('#defaultIFrame').css({
2021-05-17 15:58:13 +08:00
width: ($win.width() - 160) +'px',
2021-05-16 21:11:03 +08:00
height: ($win.height() - 140) +'px'
2021-04-21 22:50:01 +08:00
})
}
resize();
window.onresize = resize;
2021-05-17 12:10:24 +08:00
$('#defaultIFrame').attr('src', homeHref);
$(document).on('click', '.menu-item', function() {
var href = this.dataset.href;
$('#defaultIFrame').attr('src', href);
if(href === homeHref) {
$('#breadcrumbTitle').empty();
$('#breadcrumbTitle').append('<a href="javascript:void(0);" class="menu-item" data-href="home.html">首页</a>');
return;
}
2021-05-08 14:12:03 +08:00
if($('#subBreadcrumbTitle').length > 0) {
$('#subBreadcrumbTitle').empty();
$('#subBreadcrumbTitle').append('<cite>'+ this.text +'</cite>');
} else {
$('#breadcrumbTitle').append('<span lay-separator="">/</span><a href="javascript:void(0);" id="subBreadcrumbTitle"><cite>'+ this.text +'</cite></a>');
}
})
2021-04-21 22:50:01 +08:00
$('#LAY-logout').on('click', function () {
top.dialog.confirm('确认退出?', function () {
2021-04-20 23:22:26 +08:00
window.location.href = 'logout';
});
});
});
</script>
</body>
</html>