index.html 7.2 KB

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