📖 File Reader
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>后台管理</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="icon" href="__PUBLIC__/admin_layui/images/favicon.ico">
<link rel="stylesheet" href="__PUBLIC__/admin_layui/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
<!-- 依 赖 样 式 -->
<link rel="stylesheet" href="__PUBLIC__/admin_component/pear/css/pear.css" />
<!-- 加 载 样 式-->
<link rel="stylesheet" href="__PUBLIC__/admin_component/admin/css/loader.css" />
<!-- 布 局 样 式 -->
<link rel="stylesheet" href="__PUBLIC__/admin_component/admin/css/admin.css" />
</head>
{include file="public/vue"/}
<style>
.layui-tab-item {padding: 10px;margin: 0px;box-sizing: border-box;background-color: #f5f5f5;width: 100%;}
.layui-nav-item i{width: 14px!important;}
</style>
<body class="layui-layout-body pear-admin">
<!-- 布 局 框 架 -->
<div class="layui-layout layui-layout-admin">
<!-- 顶 部 样 式 -->
<div class="layui-header">
<!-- 菜 单 顶 部 -->
<div class="layui-logo">
<!-- 图 标 -->
<img class="logo">
<!-- 标 题 -->
<span class="title"></span>
</div>
<!-- 顶 部 左 侧 功 能 -->
<ul class="layui-nav layui-layout-left">
<li class="collapse layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
<li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1" loading = 600></a></li>
</ul>
<!-- 多 系 统 菜 单 -->
<div id="control" class="layui-layout-control"></div>
<!-- 顶 部 右 侧 菜 单 -->
<ul class="layui-nav layui-layout-right">
<!-- <li class="layui-nav-item layui-hide-xs"><a href="#" class="menuSearch layui-icon layui-icon-search"></a></li>-->
<li class="layui-nav-item layui-hide-xs"><a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li>
<li class="layui-nav-item layui-hide-xs message"></li>
<li class="layui-nav-item user">
<!-- 头 像 -->
<a class="layui-icon layui-icon-username" href="javascript:;"></a>
<!-- 功 能 菜 单 -->
<dl class="layui-nav-child">
<dd><a user-menu-url="/admin/Admin/admin_basic?admin_id={$admin_id}" user-menu-id="5000" user-menu-title="修改密码">修改密码</a></dd>
<dd><a href="javascript:void(0);" class="logout">退出登录</a></dd>
</dl>
</li>
<!-- 主 题 配 置 -->
<li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>
</ul>
</div>
<!-- 侧 边 区 域 -->
<div class="layui-side layui-bg-black">
<!-- 菜 单 顶 部 -->
<div class="layui-logo">
<!-- 图 标 -->
<img class="logo">
<!-- 标 题 -->
<span class="title"></span>
</div>
<!-- 菜 单 内 容 -->
<div class="layui-side-scroll">
<div id="sideMenu"></div>
</div>
</div>
<!-- 视 图 页 面 -->
<div class="layui-body">
<!-- 内 容 页 面 -->
<div id="content"></div>
</div>
<!-- 页脚 -->
<div class="layui-footer layui-text">
</div>
<!-- 遮 盖 层 -->
<div class="pear-cover"></div>
<!-- 加 载 动 画 -->
<div class="loader-main">
<!-- 动 画 对 象 -->
<div class="loader"></div>
</div>
</div>
<!-- 移 动 端 便 捷 操 作 -->
<!--<div class="pear-collapsed-pe collapse">-->
<!-- <a href="#" class="layui-icon layui-icon-shrink-right"></a>-->
<!--</div>-->
<!-- 依 赖 脚 本 -->
<script src="__PUBLIC__/admin_component/layui/layui.js"></script>
<script src="__PUBLIC__/admin_component/pear/pear.js"></script>
<!-- 框 架 初 始 化 -->
<script>
layui.use(['admin', 'jquery', 'layer','element'], function() {
var $ = layui.jquery;
var layer = layui.layer;
var layelem = layui.element;
var admin = layui.admin;
// 框 架 初 始 化
admin.render({
"logo": {
"title": "豪特热力后台",
"image": "/public/admin_layui/images/logo.png"
},
"menu": {
"data": "{$Request.root}/index/menu",
"accordion": true,
"control": false,//菜单模式 false 为常规菜单,true 为多系统菜单
"select": "0"
},
"tab": {
"enable": true,//是否开启多标签页
"muiltTab": true,
"keepState": true,//选项卡切换时,是否刷新页面
"session": false,
"tabMax": 30,
"index": {
"id": "0",
"href": "index_v1.html",
"title": "首页"
}
},
"theme": {
"defaultColor": "1",
"defaultMenu": "dark-theme",
"defaultHeader": "light-theme",
"allowCustom": true,
"banner":false
},
"colors": [
{
"id": "1",
"color": "#019688",
"second":"#019688"
},{
"id": "2",
"color": "#2d8cf0",
"second":"#ecf5ff"
},
{
"id": "3",
"color": "#36b368",
"second":"#f0f9eb"
},
{
"id": "4",
"color": "#f6ad55",
"second":"#fdf6ec"
}, {
"id": "5",
"color": "#f56c6c",
"second":"#fef0f0"
}, {
"id": "6",
"color": "#3963bc",
"second":"#ecf5ff"
}
],
"other": {
"keepLoad": 100
},
"header":{
message: false
}
});
$('.logout').on("click", function () {
parent.layer.confirm('您确定退出么?', {
btn: ['确定','取消'], //按钮
shade: 0.5 //不显示遮罩
}, function(){
window.location.href="/admin/Login/out";
}, function(){
parent.layer.msg('已取消', {shift: 2});
});
});
});
/*触发子级页面方法*/
function Fromsucceed(){
var iframe = window.sessionStorage['content-pear-tab-data-current'];
document.getElementById(iframe).contentWindow.Fromsucceed();
}
</script>
</body>
</html>