index.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <!DOCTYPE html>
  2. <html>
  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="component/pear/css/pear.css"/>
  9. <!-- 加 载 样 式-->
  10. <link rel="stylesheet" href="admin/css/load.css"/>
  11. <!-- 布 局 样 式 -->
  12. <link rel="stylesheet" href="admin/css/admin.css"/>
  13. <script>
  14. var _APP_ENV_ = 'prod';
  15. </script>
  16. </head>
  17. <!-- 结 构 代 码 -->
  18. <body class="layui-layout-body pear-admin">
  19. <!-- 布 局 框 架 -->
  20. <div class="layui-layout layui-layout-admin">
  21. <div class="layui-header">
  22. <!-- 顶 部 左 侧 功 能 -->
  23. <ul class="layui-nav layui-layout-left">
  24. <li class="collaspe layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
  25. <li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1" loading=600></a></li>
  26. </ul>
  27. <!-- 多 系 统 菜 单 -->
  28. <div id="control" class="layui-layout-control"></div>
  29. <!-- 顶 部 右 侧 菜 单 -->
  30. <ul class="layui-nav layui-layout-right">
  31. <li class="layui-nav-item layui-hide-xs"><a href="#"
  32. class="fullScreen layui-icon layui-icon-screen-full"></a></li>
  33. <!-- <li class="layui-nav-item layui-hide-xs"><a href="#" class="layui-icon layui-icon-website"></a></li>-->
  34. <li class="layui-nav-item layui-hide-xs message"></li>
  35. <li class="layui-nav-item user">
  36. <!-- 头 像 -->
  37. <a href="javascript:;">
  38. <img src="admin/images/avatar.jpg" class="layui-nav-img">
  39. </a>
  40. <!-- 功 能 菜 单 -->
  41. <dl class="layui-nav-child">
  42. <dd><a href="javascript:void(0);" class="userInfo">基本资料</a></dd>
  43. <dd><a href="javascript:void(0);" class="logout">注销登录</a></dd>
  44. </dl>
  45. </li>
  46. <!-- 主 题 配 置 -->
  47. <!-- <li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>-->
  48. </ul>
  49. </div>
  50. <!-- 侧 边 区 域 -->
  51. <div class="layui-side layui-bg-black">
  52. <!-- 菜 单 顶 部 -->
  53. <div class="layui-logo">
  54. <!-- 图 标 -->
  55. <img class="logo">
  56. <!-- 标 题 -->
  57. <span class="title"></span>
  58. </div>
  59. <!-- 菜 单 内 容 -->
  60. <div class="layui-side-scroll">
  61. <div id="sideMenu"></div>
  62. </div>
  63. </div>
  64. <!-- 视 图 页 面 -->
  65. <div class="layui-body">
  66. <!-- 内 容 页 面 -->
  67. <div id="content"></div>
  68. </div>
  69. <!-- 遮 盖 层 -->
  70. <div class="pear-cover"></div>
  71. <!-- 加 载 动 画-->
  72. <div class="loader-main">
  73. <div class="loader"></div>
  74. </div>
  75. </div>
  76. <!-- 移 动 端 便 捷 操 作 -->
  77. <div class="pear-collasped-pe collaspe">
  78. <a href="#" class="layui-icon layui-icon-shrink-right"></a>
  79. </div>
  80. <!-- 依 赖 脚 本 -->
  81. <script src="component/layui/layui.js"></script>
  82. <script src="component/pear/pear.js"></script>
  83. <script src="app/app.js"></script>
  84. <script src="public/config/login.js"></script>
  85. <!-- 框 架 初 始 化 -->
  86. <script>
  87. layui.use(['madmin', 'jquery', 'convert', 'popup', 'mhttp', 'http'], function () {
  88. var admin = layui.madmin;
  89. var $ = layui.jquery;
  90. var convert = layui.convert;
  91. var popup = layui.popup;
  92. var http = layui.http;
  93. var mhttp = layui.mhttp;
  94. // 设置读取不同环境的yaml文件路径,注意是相对路径.
  95. var myInfo = getMyDetail();
  96. if (myInfo) {
  97. admin.setAvatar("admin/images/avatar.jpg", myInfo.detail.nick);
  98. } else {
  99. admin.setAvatar("admin/images/avatar.jpg", '游客状态');
  100. }
  101. admin.render();
  102. $('.userInfo').click(function () {
  103. layer.open({
  104. id: 'users-edit',
  105. type: 2,
  106. title: '修改',
  107. shade: 0.1,
  108. offset: '80px',
  109. area: ['450px', '450px'],
  110. maxWidth: 500,
  111. maxHeight: 500,
  112. scrollbar: true,
  113. content: '/view/me/me_edit.html',
  114. });
  115. });
  116. // 登出逻辑
  117. admin.logout(function () {
  118. localStorage.removeItem(window._AUTH_INFO_);
  119. mhttp.ajax.delToken();
  120. popup.success("注销成功", function () {
  121. parent.location.href = "login.html";
  122. })
  123. // 注销逻辑 返回 true / false
  124. return true;
  125. })
  126. // 初始化消息回调
  127. // admin.message();
  128. // 实现消息回调 [消息列表点击事件]
  129. // admin.message(function(id, title, context, form) {});
  130. })
  131. </script>
  132. </body>
  133. </html>