123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172 |
- <!DOCTYPE html>
- <html>
- <head>
- <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="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
- <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
- <style>
- .layadmin-side-shrink .layui-layout-admin .layui-logo {
- width: 60px;
- /*background-image: url('/logo.webp');*/
- }
- [v-cloak] {
- display: none;
- }
- </style>
- </head>
- <body class="layui-layout-body">
- <div id="LAY_app">
- <div class="layui-layout layui-layout-admin">
- <div class="layui-header">
- <!-- 头部区域 -->
- <ul class="layui-nav layui-layout-left">
- <li class="layui-nav-item layadmin-flexible" lay-unselect>
- <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
- <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
- </a>
- </li>
- <li class="layui-nav-item layui-hide-xs layui-hide" lay-unselect>
- <a href="javascript:;" target="_blank" title="前台">
- <i class="layui-icon layui-icon-website"></i>
- </a>
- </li>
- <li class="layui-nav-item" lay-unselect>
- <a href="javascript:;" layadmin-event="refresh" title="刷新">
- <i class="layui-icon layui-icon-refresh-3"></i>
- </a>
- </li>
- </ul>
- <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
- <li class="layui-nav-item layui-hide-xs" lay-unselect>
- <a href="javascript:;" layadmin-event="theme">
- <i class="layui-icon layui-icon-theme"></i>
- </a>
- </li>
- <li class="layui-nav-item layui-hide-xs" lay-unselect>
- <a href="javascript:;" layadmin-event="note">
- <i class="layui-icon layui-icon-note"></i>
- </a>
- </li>
- <li class="layui-nav-item layui-hide-xs" lay-unselect>
- <a href="javascript:;" layadmin-event="fullscreen">
- <i class="layui-icon layui-icon-screen-full"></i>
- </a>
- </li>
- @verbatim
- <li id="app" v-cloak class="layui-nav-item" lay-unselect style="margin-right: 15px;">
- <a href="javascript:;">
- <cite>admin</cite>
- </a>
- <dl class="layui-nav-child">
- <dd><a lay-href="">修改密码</a></dd>
- <hr>
- <dd @click="logout" style="text-align: center;cursor: pointer;"><a>退出</a></dd>
- </dl>
- </li>
- @endverbatim
- </ul>
- </div>
- <!-- 侧边菜单 -->
- <div class="layui-side layui-side-menu">
- <div class="layui-side-scroll">
- <div class="layui-logo">
- <span>管理后台</span>
- </div>
- <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
- @foreach($menu as $item)
- <li class="layui-nav-item @if ($loop->first) layui-nav-itemed @endif">
- <a href="javascript:;" @if ( $item['href']) lay-href="{{$item['href']}}" @endif>
- <i class="layui-icon {{$item['icon']}}"></i>
- <cite>{{$item['name']}}</cite>
- </a>
- @if($item['children'])
- <dl class="layui-nav-child">
- @foreach($item['children'] as $child)
- <dd class="@if ($loop->parent->first && $loop->first) layui-this @endif">
- <a lay-href="{{$child['href']}}">
- <i class="layui-icon @if($child['icon']) {{$child['icon']}} @endif"></i>
- <cite>{{$child['name']}}</cite>
- </a>
- </dd>
- @endforeach
- </dl>
- @endif
- </li>
- @endforeach
- </ul>
- </div>
- </div>
- <!-- 页面标签 -->
- <div class="layadmin-pagetabs" id="LAY_app_tabs">
- <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
- <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
- <div class="layui-icon layadmin-tabs-control layui-icon-down">
- <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
- <li class="layui-nav-item" lay-unselect>
- <a href="javascript:;"></a>
- <dl class="layui-nav-child layui-anim-fadein">
- <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
- <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
- <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
- </dl>
- </li>
- </ul>
- </div>
- <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
- <ul class="layui-tab-title" id="LAY_app_tabsheader">
- <li lay-id="{{$menu[0]['href']}}" class="layui-this">
- <i class="layui-icon layui-icon-home"></i></li>
- </ul>
- </div>
- </div>
- <!-- 主体内容 -->
- <div class="layui-body" id="LAY_app_body">
- <div class="layadmin-tabsbody-item layui-show">
- <iframe src="{{$menu[0]['href']}}" frameborder="0" class="layadmin-iframe"></iframe>
- </div>
- </div>
- </div>
- </div>
- <script src="/layuiadmin/layui/layui.js"></script>
- <script src="/static/js/vue.js"></script>
- <script>
- const {createApp} = Vue;
- layui.config({
- base: '/layuiadmin/'
- }).extend({
- index: 'lib/index'
- }).use(['index', 'layer'], function () {
- const $ = layui.$;
- createApp({
- created() {
- if (!this.token) top.location.href = '/';
- let userInfo = localStorage.getItem('userInfo');
- userInfo = JSON.parse(userInfo);
- this.userInfo = userInfo;
- },
- data() {
- return {
- token: localStorage.getItem('token'),
- userInfo: {}
- }
- },
- methods: {
- logout() {
- localStorage.removeItem('token');
- top.location.href = '/';
- }
- }
- }).mount('#app');
- });
- </script>
- </body>
- </html>
|