index.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>江宁开发区干部员工电子廉政档案系统</title>
  6. <meta name="keywords" content="layuimini,layui,layui模板,layui后台,后台模板,admin,admin模板,layui mini">
  7. <meta name="description"
  8. content="layuimini基于layui的轻量级前端后台管理框架,最简洁、易用的后台框架模板,面向所有层次的前后端程序,只需提供一个接口就直接初始化整个框架,无需复杂操作。">
  9. <meta name="renderer" content="webkit">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <meta http-equiv="Access-Control-Allow-Origin" content="*">
  12. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  13. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  14. <meta name="apple-mobile-web-app-capable" content="yes">
  15. <meta name="format-detection" content="telephone=no">
  16. <link rel="icon" href="images/favicon.ico">
  17. <link rel="stylesheet" href="lib/layui-v2.5.5/css/layui.css" media="all">
  18. <link rel="stylesheet" href="css/layuimini.css?v=2.0.4.2" media="all">
  19. <link rel="stylesheet" href="css/themes/default.css" media="all">
  20. <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
  21. <!--[if lt IE 9]>
  22. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  23. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  24. <![endif]-->
  25. <style id="layuimini-bg-color">
  26. </style>
  27. </head>
  28. <body class="layui-layout-body layuimini-all">
  29. <div class="layui-layout layui-layout-admin">
  30. <div class="layui-header header">
  31. <div class="layui-logo layuimini-logo"></div>
  32. <div class="layuimini-header-content">
  33. <a>
  34. <div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
  35. </a>
  36. <!--电脑端头部菜单-->
  37. <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">
  38. </ul>
  39. <!--手机端头部菜单-->
  40. <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">
  41. <li class="layui-nav-item">
  42. <a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>
  43. <dl class="layui-nav-child layuimini-menu-header-mobile">
  44. </dl>
  45. </li>
  46. </ul>
  47. <ul class="layui-nav layui-layout-right">
  48. <li class="layui-nav-item" lay-unselect>
  49. <a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
  50. </li>
  51. <li class="layui-nav-item" lay-unselect>
  52. <a href="javascript:;" data-clear="清理" class="layuimini-clear"><i class="fa fa-trash-o"></i></a>
  53. </li>
  54. <li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
  55. <a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
  56. </li>
  57. <li class="layui-nav-item layuimini-setting">
  58. <a href="javascript:;" id="account">111</a>
  59. <dl class="layui-nav-child">
  60. <!-- <dd>-->
  61. <!-- <a href="javascript:;" layuimini-content-href="page/user-setting.html" data-title="基本资料"-->
  62. <!-- data-icon="fa fa-gears">基本资料<span class="layui-badge-dot"></span></a>-->
  63. <!-- </dd>-->
  64. <dd>
  65. <a href="javascript:;" layuimini-content-href="updatePassword.html" data-title="修改密码"
  66. data-icon="fa fa-gears">修改密码</a>
  67. </dd>
  68. <dd>
  69. <hr>
  70. </dd>
  71. <dd>
  72. <a href="javascript:;" class="login-out">退出登录</a>
  73. </dd>
  74. </dl>
  75. </li>
  76. <li class="layui-nav-item layuimini-select-bgcolor" lay-unselect>
  77. <a href="javascript:;" data-bgcolor="配色方案"><i class="fa fa-ellipsis-v"></i></a>
  78. </li>
  79. </ul>
  80. </div>
  81. </div>
  82. <!--无限极左侧菜单-->
  83. <div class="layui-side layui-bg-black layuimini-menu-left">
  84. </div>
  85. <!--初始化加载层-->
  86. <div class="layuimini-loader">
  87. <div class="layuimini-loader-inner"></div>
  88. </div>
  89. <!--手机端遮罩层-->
  90. <div class="layuimini-make"></div>
  91. <!-- 移动导航 -->
  92. <div class="layuimini-site-mobile"><i class="layui-icon"></i></div>
  93. <div class="layui-body">
  94. <div class="layuimini-tab layui-tab-rollTool layui-tab" lay-filter="layuiminiTab" lay-allowclose="true">
  95. <ul class="layui-tab-title">
  96. <li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
  97. </ul>
  98. <div class="layui-tab-control">
  99. <li class="layuimini-tab-roll-left layui-icon layui-icon-left"></li>
  100. <li class="layuimini-tab-roll-right layui-icon layui-icon-right"></li>
  101. <li class="layui-tab-tool layui-icon layui-icon-down">
  102. <ul class="layui-nav close-box">
  103. <li class="layui-nav-item">
  104. <a href="javascript:;"><span class="layui-nav-more"></span></a>
  105. <dl class="layui-nav-child">
  106. <dd><a href="javascript:;" layuimini-tab-close="current">关 闭 当 前</a></dd>
  107. <dd><a href="javascript:;" layuimini-tab-close="other">关 闭 其 他</a></dd>
  108. <dd><a href="javascript:;" layuimini-tab-close="all">关 闭 全 部</a></dd>
  109. </dl>
  110. </li>
  111. </ul>
  112. </li>
  113. </div>
  114. <div class="layui-tab-content">
  115. <div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show"></div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <script src="lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
  121. <script src="js/lay-config.js?v=2.0.0" charset="utf-8"></script>
  122. <script>
  123. layui.use(['jquery', 'layer', 'miniAdmin', 'http','miniTab','miniMenu'], function () {
  124. var $ = layui.jquery,
  125. layer = layui.layer,
  126. miniAdmin = layui.miniAdmin,
  127. miniTab = layui.miniTab,
  128. miniMenu = layui.miniMenu,
  129. websocket = {},
  130. http = layui.http;
  131. // 加载用户名
  132. let getLoginUserName = function () {
  133. http.get('system/auth/getLoginUserName', null, false, function (res) {
  134. $("#account").text(res.data.nickName)
  135. websocket = new WebSocket("ws://"+http.host+"/webSocket/" + res.data.id);
  136. })
  137. }
  138. getLoginUserName()
  139. var options = {
  140. iniUrl: "system/auth/getLoginMenus", // 初始化接口
  141. clearUrl: "api/clear.json", // 缓存清理接口
  142. urlHashLocation: false, // 是否打开hash定位
  143. bgColorDefault: 4, // 主题默认配置
  144. multiModule: true, // 是否开启多模块
  145. menuChildOpen: false, // 是否默认展开菜单
  146. loadingTime: 0, // 初始化加载时间
  147. pageAnim: true, // iframe窗口动画
  148. maxTabNum: 20, // 最大的tab打开数量
  149. };
  150. miniAdmin.render(options);
  151. // 退出登录
  152. $('.login-out').on("click", function () {
  153. layui.data('accessToken', {
  154. key: 'accessToken',
  155. value: ''
  156. })
  157. layer.msg('退出登录成功', function () {
  158. window.location = 'login.html';
  159. });
  160. });
  161. // 获取参数
  162. function getParams(key) {
  163. var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
  164. var r = window.location.search.substr(1).match(reg);
  165. if (r != null) {
  166. return unescape(r[2]);
  167. }
  168. return null;
  169. };
  170. });
  171. </script>
  172. </body>
  173. </html>