295 lines
12 KiB
HTML
295 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
|
<title>管理面板</title>
|
|
<link rel="shortcut icon" type="image/x-icon" href="/assets/bootstrap/favicon.ico">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-touch-fullscreen" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
|
<link rel="stylesheet" type="text/css" href="/assets/bootstrap/js/jquery-confirm/jquery-confirm.min.css">
|
|
<link rel="stylesheet" type="text/css" href="/assets/bootstrap/css/materialdesignicons.min.css">
|
|
<link rel="stylesheet" type="text/css" href="/assets/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" href="/assets/bootstrap/js/bootstrap-multitabs/multitabs.min.css">
|
|
<link rel="stylesheet" type="text/css" href="/assets/bootstrap/css/animate.min.css">
|
|
<link rel="stylesheet" type="text/css" href="/assets/bootstrap/css/style.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="lyear-layout-web">
|
|
<div class="lyear-layout-container">
|
|
<!--左侧导航-->
|
|
<aside class="lyear-layout-sidebar">
|
|
|
|
<!-- logo -->
|
|
<div id="logo" class="sidebar-header">
|
|
<a href="/">
|
|
<img src="/assets/bootstrap/images/logo-sidebar.png"/>
|
|
</a>
|
|
</div>
|
|
<div class="lyear-layout-sidebar-info lyear-scroll">
|
|
|
|
<nav class="sidebar-main">
|
|
<ul class="nav-drawer">
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
</aside>
|
|
<!--End 左侧导航-->
|
|
|
|
<!--头部信息-->
|
|
<header class="lyear-layout-header">
|
|
|
|
<nav class="navbar">
|
|
|
|
<div class="navbar-left">
|
|
<div class="lyear-aside-toggler">
|
|
<span class="lyear-toggler-bar"></span>
|
|
<span class="lyear-toggler-bar"></span>
|
|
<span class="lyear-toggler-bar"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<ul class="navbar-right d-flex align-items-center">
|
|
|
|
<!--切换主题配色-->
|
|
<li class="dropdown dropdown-skin">
|
|
<span data-toggle="dropdown" class="icon-item"><i class="mdi mdi-palette"></i></span>
|
|
<ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
|
|
<li class="drop-title"><p>LOGO</p></li>
|
|
<li class="drop-skin-li clearfix">
|
|
<span class="inverse">
|
|
<input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
|
|
<label for="logo_bg_1"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
|
|
<label for="logo_bg_2"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
|
|
<label for="logo_bg_3"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
|
|
<label for="logo_bg_4"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
|
|
<label for="logo_bg_5"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
|
|
<label for="logo_bg_6"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
|
|
<label for="logo_bg_7"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
|
|
<label for="logo_bg_8"></label>
|
|
</span>
|
|
</li>
|
|
<li class="drop-title"><p>头部</p></li>
|
|
<li class="drop-skin-li clearfix">
|
|
<span class="inverse">
|
|
<input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
|
|
<label for="header_bg_1"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="header_bg" value="color_2" id="header_bg_2">
|
|
<label for="header_bg_2"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="header_bg" value="color_3" id="header_bg_3">
|
|
<label for="header_bg_3"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="header_bg" value="color_4" id="header_bg_4">
|
|
<label for="header_bg_4"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="header_bg" value="color_5" id="header_bg_5">
|
|
<label for="header_bg_5"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="header_bg" value="color_6" id="header_bg_6">
|
|
<label for="header_bg_6"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="header_bg" value="color_7" id="header_bg_7">
|
|
<label for="header_bg_7"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="header_bg" value="color_8" id="header_bg_8">
|
|
<label for="header_bg_8"></label>
|
|
</span>
|
|
</li>
|
|
<li class="drop-title"><p>侧边栏</p></li>
|
|
<li class="drop-skin-li clearfix">
|
|
<span class="inverse">
|
|
<input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
|
|
<label for="sidebar_bg_1"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
|
|
<label for="sidebar_bg_2"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
|
|
<label for="sidebar_bg_3"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
|
|
<label for="sidebar_bg_4"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
|
|
<label for="sidebar_bg_5"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
|
|
<label for="sidebar_bg_6"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
|
|
<label for="sidebar_bg_7"></label>
|
|
</span>
|
|
<span>
|
|
<input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
|
|
<label for="sidebar_bg_8"></label>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<!--切换主题配色-->
|
|
|
|
<li class="dropdown dropdown-profile">
|
|
<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">
|
|
<img class="img-avatar img-avatar-48 m-r-10" src="/assets/bootstrap/images/users/avatar.png">
|
|
<span id="nickname"></span>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<li>
|
|
<a class="multitabs dropdown-item" data-url="/admin/modify_info" href="javascript:void(0)">
|
|
<i class="mdi mdi-account"></i> 个人信息
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="multitabs dropdown-item" data-url="/admin/modify_password" href="javascript:void(0)">
|
|
<i class="mdi mdi-lock-outline"></i> 修改密码
|
|
</a>
|
|
</li>
|
|
<li class="dropdown-divider"></li>
|
|
<li>
|
|
<a class="dropdown-item" href="javascript:void(0)" id="logout">
|
|
<i class="mdi mdi-logout-variant"></i> 退出登录
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</header>
|
|
<!--End 头部信息-->
|
|
|
|
<!--页面主要内容-->
|
|
<main class="lyear-layout-content">
|
|
|
|
<div id="iframe-content"></div>
|
|
|
|
</main>
|
|
<!--End 页面主要内容-->
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/assets/bootstrap/js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/popper.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/perfect-scrollbar.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/bootstrap-multitabs/multitabs.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/jquery.cookie.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/jquery-confirm/jquery-confirm.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/index.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/httpclient/httpclient.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
AjaxForm(
|
|
"GET",
|
|
"/api/admin/info",
|
|
"",
|
|
function () {},
|
|
function (data) {
|
|
$("#nickname").html(data.nickname);
|
|
$(".nav-drawer").html("");
|
|
let li = '<li class="nav-item active"><a class="multitabs" href="/dashboard"><i class="mdi mdi-home"></i> <span>仪表盘</span></a></li>';
|
|
|
|
if (data.menu.length > 0) {
|
|
let newArr = [];
|
|
data.menu.forEach(function (v) {
|
|
if (v.pid === 0) {
|
|
v.children = [];
|
|
newArr.push(v)
|
|
}
|
|
});
|
|
|
|
data.menu.forEach(function (v) {
|
|
newArr.forEach(function (item) {
|
|
if (v.pid === item.id) {
|
|
item.children.push(v)
|
|
}
|
|
})
|
|
});
|
|
|
|
$.each(newArr, function (index, value) {
|
|
li += '<li class="nav-item nav-item-has-subnav">';
|
|
li += '<a href="javascript:void(0)"><i class="mdi '+ value.icon +'"></i> <span>'+ value.name +'</span></a>';
|
|
li += '<ul class="nav nav-subnav">';
|
|
|
|
|
|
value.children.forEach(function (item) {
|
|
li += '<li> <a class="multitabs" href="'+ item.link +'"> '+ item.name +' </a> </li>';
|
|
});
|
|
|
|
li += '</ul></li>';
|
|
});
|
|
|
|
$(".nav-drawer").html(li);
|
|
}
|
|
},
|
|
function (response) {
|
|
AjaxError(response);
|
|
}
|
|
);
|
|
|
|
$("#logout").on('click', function () {
|
|
AjaxForm(
|
|
"POST",
|
|
"/api/admin/logout",
|
|
"",
|
|
function () {},
|
|
function () {
|
|
// 清空 cookie
|
|
$.cookie('_nav_url_', '');
|
|
$.cookie('_nav_title_', '');
|
|
$.cookie('_login_token_', '');
|
|
|
|
parent.window.close();
|
|
window.open("/login");
|
|
},
|
|
function (response) {
|
|
AjaxError(response);
|
|
}
|
|
);
|
|
})
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |