home.blade.php 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>主页 - 管理系统</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  9. <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
  10. <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
  11. <style>
  12. .layadmin-side-shrink .layui-layout-admin .layui-logo {
  13. width: 60px;
  14. /*background-image: url('/logo.webp');*/
  15. }
  16. [v-cloak] {
  17. display: none;
  18. }
  19. </style>
  20. </head>
  21. <body class="layui-layout-body">
  22. <div id="LAY_app">
  23. <div class="layui-layout layui-layout-admin">
  24. <div class="layui-header">
  25. <!-- 头部区域 -->
  26. <ul class="layui-nav layui-layout-left">
  27. <li class="layui-nav-item layadmin-flexible" lay-unselect>
  28. <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
  29. <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
  30. </a>
  31. </li>
  32. <li class="layui-nav-item layui-hide-xs layui-hide" lay-unselect>
  33. <a href="javascript:;" target="_blank" title="前台">
  34. <i class="layui-icon layui-icon-website"></i>
  35. </a>
  36. </li>
  37. <li class="layui-nav-item" lay-unselect>
  38. <a href="javascript:;" layadmin-event="refresh" title="刷新">
  39. <i class="layui-icon layui-icon-refresh-3"></i>
  40. </a>
  41. </li>
  42. </ul>
  43. <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
  44. <li class="layui-nav-item layui-hide-xs" lay-unselect>
  45. <a href="javascript:;" layadmin-event="theme">
  46. <i class="layui-icon layui-icon-theme"></i>
  47. </a>
  48. </li>
  49. <li class="layui-nav-item layui-hide-xs" lay-unselect>
  50. <a href="javascript:;" layadmin-event="note">
  51. <i class="layui-icon layui-icon-note"></i>
  52. </a>
  53. </li>
  54. <li class="layui-nav-item layui-hide-xs" lay-unselect>
  55. <a href="javascript:;" layadmin-event="fullscreen">
  56. <i class="layui-icon layui-icon-screen-full"></i>
  57. </a>
  58. </li>
  59. @verbatim
  60. <li id="app" v-cloak class="layui-nav-item" lay-unselect style="margin-right: 15px;">
  61. <a href="javascript:;">
  62. <cite>admin</cite>
  63. </a>
  64. <dl class="layui-nav-child">
  65. <dd><a lay-href="">修改密码</a></dd>
  66. <hr>
  67. <dd @click="logout" style="text-align: center;cursor: pointer;"><a>退出</a></dd>
  68. </dl>
  69. </li>
  70. @endverbatim
  71. </ul>
  72. </div>
  73. <!-- 侧边菜单 -->
  74. <div class="layui-side layui-side-menu">
  75. <div class="layui-side-scroll">
  76. <div class="layui-logo">
  77. <span>管理后台</span>
  78. </div>
  79. <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
  80. @foreach($menu as $item)
  81. <li class="layui-nav-item @if ($loop->first) layui-nav-itemed @endif">
  82. <a href="javascript:;" @if ( $item['href']) lay-href="{{$item['href']}}" @endif>
  83. <i class="layui-icon {{$item['icon']}}"></i>
  84. <cite>{{$item['name']}}</cite>
  85. </a>
  86. @if($item['children'])
  87. <dl class="layui-nav-child">
  88. @foreach($item['children'] as $child)
  89. <dd class="@if ($loop->parent->first && $loop->first) layui-this @endif">
  90. <a lay-href="{{$child['href']}}">
  91. <i class="layui-icon @if($child['icon']) {{$child['icon']}} @endif"></i>
  92. <cite>{{$child['name']}}</cite>
  93. </a>
  94. </dd>
  95. @endforeach
  96. </dl>
  97. @endif
  98. </li>
  99. @endforeach
  100. </ul>
  101. </div>
  102. </div>
  103. <!-- 页面标签 -->
  104. <div class="layadmin-pagetabs" id="LAY_app_tabs">
  105. <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
  106. <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
  107. <div class="layui-icon layadmin-tabs-control layui-icon-down">
  108. <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
  109. <li class="layui-nav-item" lay-unselect>
  110. <a href="javascript:;"></a>
  111. <dl class="layui-nav-child layui-anim-fadein">
  112. <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
  113. <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
  114. <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
  115. </dl>
  116. </li>
  117. </ul>
  118. </div>
  119. <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
  120. <ul class="layui-tab-title" id="LAY_app_tabsheader">
  121. <li lay-id="{{$menu[0]['href']}}" class="layui-this">
  122. <i class="layui-icon layui-icon-home"></i></li>
  123. </ul>
  124. </div>
  125. </div>
  126. <!-- 主体内容 -->
  127. <div class="layui-body" id="LAY_app_body">
  128. <div class="layadmin-tabsbody-item layui-show">
  129. <iframe src="{{$menu[0]['href']}}" frameborder="0" class="layadmin-iframe"></iframe>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. <script src="/layuiadmin/layui/layui.js"></script>
  135. <script src="/static/js/vue.js"></script>
  136. <script>
  137. const {createApp} = Vue;
  138. layui.config({
  139. base: '/layuiadmin/'
  140. }).extend({
  141. index: 'lib/index'
  142. }).use(['index', 'layer'], function () {
  143. const $ = layui.$;
  144. createApp({
  145. created() {
  146. if (!this.token) top.location.href = '/';
  147. let userInfo = localStorage.getItem('userInfo');
  148. userInfo = JSON.parse(userInfo);
  149. this.userInfo = userInfo;
  150. },
  151. data() {
  152. return {
  153. token: localStorage.getItem('token'),
  154. userInfo: {}
  155. }
  156. },
  157. methods: {
  158. logout() {
  159. localStorage.removeItem('token');
  160. top.location.href = '/';
  161. }
  162. }
  163. }).mount('#app');
  164. });
  165. </script>
  166. </body>
  167. </html>