index.html 4.4 KB

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