index.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <title>主页</title>
  7. <!-- 依 赖 样 式 -->
  8. <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
  9. <!-- 加 载 样 式 -->
  10. <link rel="stylesheet" href="/app/admin/admin/css/loader.css" />
  11. <!-- 布 局 样 式 -->
  12. <link rel="stylesheet" href="/app/admin/admin/css/admin.css" />
  13. <!-- 重置样式 -->
  14. <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
  15. </head>
  16. <!-- 结 构 代 码 -->
  17. <body class="layui-layout-body pear-admin">
  18. <!-- 布 局 框 架 -->
  19. <div class="layui-layout layui-layout-admin">
  20. <!-- 顶 部 样 式 -->
  21. <div class="layui-header">
  22. <!-- 菜 单 顶 部 -->
  23. <div class="layui-logo">
  24. <!-- 图 标 -->
  25. <img class="logo">
  26. <!-- 标 题 -->
  27. <span class="title"></span>
  28. </div>
  29. <!-- 顶 部 左 侧 功 能 -->
  30. <ul class="layui-nav layui-layout-left">
  31. <li class="collapse layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
  32. <li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1" loading = 600></a></li>
  33. </ul>
  34. <!-- 多 系 统 菜 单 -->
  35. <div id="control" class="layui-layout-control"></div>
  36. <!-- 顶 部 右 侧 菜 单 -->
  37. <ul class="layui-nav layui-layout-right">
  38. <li class="layui-nav-item layui-hide-xs"><a href="#" class="menuSearch layui-icon layui-icon-search"></a></li>
  39. <li class="layui-nav-item layui-hide-xs"><a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li>
  40. <li class="layui-nav-item layui-hide-xs message"></li>
  41. <li class="layui-nav-item user">
  42. <!-- 头 像 -->
  43. <a class="layui-icon layui-icon-username" href="javascript:;"></a>
  44. <!-- 功 能 菜 单 -->
  45. <dl class="layui-nav-child">
  46. <dd><a user-menu-url="/app/admin/account/index" user-menu-id="10" user-menu-title="基本资料">基本资料</a></dd>
  47. <dd><a href="javascript:void(0);" class="logout">注销登录</a></dd>
  48. </dl>
  49. </li>
  50. <!-- 主 题 配 置 -->
  51. <!-- <li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>-->
  52. </ul>
  53. </div>
  54. <!-- 侧 边 区 域 -->
  55. <div class="layui-side layui-bg-black">
  56. <!-- 菜 单 顶 部 -->
  57. <div class="layui-logo">
  58. <!-- 图 标 -->
  59. <img class="logo">
  60. <!-- 标 题 -->
  61. <a href="/"><span class="title"></span></a>
  62. </div>
  63. <!-- 菜 单 内 容 -->
  64. <div class="layui-side-scroll">
  65. <div id="sideMenu"></div>
  66. </div>
  67. </div>
  68. <!-- 视 图 页 面 -->
  69. <div class="layui-body">
  70. <!-- 内 容 页 面 -->
  71. <div id="content"></div>
  72. </div>
  73. <!-- 页脚 -->
  74. <div class="layui-footer layui-text">
  75. <span class="left">
  76. Released under the MIT license.
  77. </span>
  78. <span class="center"></span>
  79. </div>
  80. <!-- 遮 盖 层 -->
  81. <div class="pear-cover"></div>
  82. <!-- 加 载 动 画 -->
  83. <div class="loader-main">
  84. <!-- 动 画 对 象 -->
  85. <div class="loader"></div>
  86. </div>
  87. </div>
  88. <!-- 移 动 端 便 捷 操 作 -->
  89. <div class="pear-collapsed-pe collapse">
  90. <a href="#" class="layui-icon layui-icon-shrink-right"></a>
  91. </div>
  92. <!-- 依 赖 脚 本 -->
  93. <script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
  94. <script src="/app/admin/component/pear/pear.js"></script>
  95. <!-- 框 架 初 始 化 -->
  96. <script>
  97. // Admin
  98. window.Admin = {
  99. Account: {}
  100. };
  101. layui.use(["admin","jquery","popup","drawer"], function() {
  102. var $ = layui.$;
  103. var admin = layui.admin;
  104. var popup = layui.popup;
  105. admin.setConfigType("json");
  106. admin.setConfigPath("/app/admin/config/get");
  107. admin.render();
  108. // 登出逻辑
  109. admin.logout(function(){
  110. $.ajax({
  111. url: "/app/admin/account/logout",
  112. dataType: "json",
  113. success: function (res) {
  114. if (res.code) {
  115. return popup.error(res.msg);
  116. }
  117. popup.success("注销成功",function(){
  118. location.reload();
  119. })
  120. }
  121. });
  122. return false;
  123. })
  124. $.ajax({
  125. url: "/app/admin/account/info",
  126. dataType: 'json',
  127. success: function (res) {
  128. window.Admin.Account = res.data;
  129. }
  130. });
  131. // 消息点击回调
  132. //admin.message(function(id, title, context, form) {});
  133. });
  134. </script>
  135. </body>
  136. </html>