100 lines
3.9 KiB
HTML
100 lines
3.9 KiB
HTML
<!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">
|
|
<link rel="icon" href="assets/favicon.ico" type="image/x-icon"/>
|
|
<link rel="stylesheet" href="assets/layui/css/layui.css"/>
|
|
<link rel="stylesheet" href="assets/layui/css/admin.css"/>
|
|
</head>
|
|
<body class="index-bg">
|
|
<div class="layui-app">
|
|
<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="网关">
|
|
<span>GATEWAY</span>
|
|
</a>
|
|
<ul class="layui-nav" style="float: left;">
|
|
<li class="layui-nav-item">
|
|
<a href="javascript:void(0);">网关管理</a>
|
|
<dl class="layui-nav-child">
|
|
<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>
|
|
</dl>
|
|
</li>
|
|
</ul>
|
|
<ul class="layui-nav" style="float: right; margin-right: 60px;">
|
|
<li class="layui-nav-item">
|
|
<a href="javascript:void(0);">
|
|
<img src="assets/images/user-avatar.png" class="layui-nav-img">管理员
|
|
</a>
|
|
<dl class="layui-nav-child">
|
|
<dd><a href="api/sign/out">退出系统</a></dd>
|
|
</dl>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="iframe-container">
|
|
<blockquote class="layui-elem-quote">
|
|
<span id="breadcrumbTitle" class="layui-breadcrumb">
|
|
<a href="javascript:void(0);" class="menu-item" data-href="home.html">首页</a>
|
|
</span>
|
|
</blockquote>
|
|
<div class="iframe-box">
|
|
<iframe id="defaultIFrame" frameborder="0" border="0" class="layadmin-iframe"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="assets/layui/layui.js"></script>
|
|
<script>
|
|
layui.config({
|
|
base: 'assets/layui/modules/'
|
|
}).extend({}).use(['restajax', 'datamessage', 'dialog'], function () {
|
|
var $ = layui.$;
|
|
var $win = $(window);
|
|
var layer = layui.layer;
|
|
var homeHref = 'home.html';
|
|
window.dialog = layui.dialog;
|
|
window.restAjax = layui.restajax;
|
|
window.dataMessage = layui.datamessage;
|
|
|
|
function resize() {
|
|
$('#defaultIFrame').css({
|
|
width: ($win.width() - 160) +'px',
|
|
height: ($win.height() - 140) +'px'
|
|
})
|
|
}
|
|
resize();
|
|
|
|
window.onresize = resize;
|
|
|
|
$('#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;
|
|
}
|
|
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>');
|
|
}
|
|
})
|
|
|
|
$('#LAY-logout').on('click', function () {
|
|
top.dialog.confirm('确认退出?', function () {
|
|
window.location.href = 'logout';
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |