header.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  4. <head>
  5. <title></title>
  6. </head>
  7. <body>
  8. <div class="navbar navbar-fixed-top navbar-wrapper" th:fragment="header">
  9. <div class="container-fluid cl">
  10. <a class="logo navbar-logo f-l mr-10 hidden-xs" href="#"><i class="iconfont logo-icon">&#xe60a;</i>苏州高新区企业服务云平台</a>
  11. <a class="logo navbar-logo-m f-l mr-10 visible-xs" href="#">苏州高新区企业服务云平台</a>
  12. <span class="logo navbar-slogan f-l mr-10 hidden-xs"></span>
  13. <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;">&#xe667;</a>
  14. <!--<a href="" style="position:absolute;right:130px;color:#fff;line-height: 44px;">首页</a>-->
  15. <nav id="topNav" class="nav navbar-nav">
  16. <ul th:if="${user_type}==0"><!-- 政府 -->
  17. <li class=" navbar-levelone current"><a href="#">首页</a></li>
  18. <li class=" navbar-levelone " data-module="G_HOME_MANAGE"><a href="#"
  19. shiro:hasPermission="G_HOME_MANAGE">网站管理</a>
  20. </li>
  21. <li class=" navbar-levelone " data-module="G_NOTIFY_MANAGE"><a href="#"
  22. shiro:hasPermission="G_NOTIFY_MANAGE">消息管理</a>
  23. </li>
  24. <li class=" navbar-levelone " data-module="G_SERVICE_MANAGE"><a href="#"
  25. shiro:hasPermission="G_SERVICE_MANAGE">政务服务管理</a>
  26. </li>
  27. <li class=" navbar-levelone " data-module="G_DATA_MANAGE"><a href="#"
  28. shiro:hasPermission="G_DATA_MANAGE">大数据管理</a>
  29. </li>
  30. <li class=" navbar-levelone " data-module="G_INDUSTRIAL_CARRIER"><a href="#"
  31. shiro:hasPermission="G_INDUSTRIAL_CARRIER"
  32. onclick="redirectToIndustrialCarrier()">工业载体</a>
  33. </li>
  34. <li class=" navbar-levelone " data-module="G_EPIDEMIC_SERVICE"><a href="#"
  35. shiro:hasPermission="G_EPIDEMIC_SERVICE"
  36. onclick="redirectToEpidemicService()">疫情云</a>
  37. </li>
  38. <li class=" navbar-levelone " data-module="G_SYS_MANAGE"><a href="#" shiro:hasPermission="G_SYS_MANAGE">系统管理</a>
  39. </li>
  40. </ul>
  41. <ul th:if="${user_type}==1"><!-- 园区 -->
  42. <li class=" navbar-levelone " data-module="HOME"><a href="#">首页</a></li>
  43. <li class=" navbar-levelone " data-module="Y_NOTIFY_MANAGE"><a href="#"
  44. shiro:hasPermission="Y_NOTIFY_MANAGE">消息管理</a>
  45. </li>
  46. <li class=" navbar-levelone " data-module="Y_SERVICE_MANAGE"><a href="#"
  47. shiro:hasPermission="Y_SERVICE_MANAGE">政务服务管理</a>
  48. </li>
  49. <li class=" navbar-levelone " data-module="Y_BUILD_MANAGE"><a href="#"
  50. shiro:hasPermission="Y_BUILD_MANAGE">园区管理</a>
  51. </li>
  52. <li class=" navbar-levelone " data-module="Y_CUSTOMER_MANAGE"><a href="#"
  53. shiro:hasPermission="Y_CUSTOMER_MANAGE">客户管理</a>
  54. </li>
  55. <li class=" navbar-levelone " data-module="Y_PROPERTY_MANAGE"><a href="#"
  56. shiro:hasPermission="Y_PROPERTY_MANAGE">物业管理</a>
  57. </li>
  58. <li class=" navbar-levelone " data-module="Y_INDUSTRIAL_CARRIER"><a
  59. onclick="redirectToIndustrialCarrier()" href="#"
  60. shiro:hasPermission="Y_INDUSTRIAL_CARRIER">工业载体</a></li>
  61. <li class=" navbar-levelone " data-module="Y_SYS_MANAGE"><a href="#" shiro:hasPermission="Y_SYS_MANAGE">系统管理</a>
  62. </li>
  63. </ul>
  64. <ul th:if="${user_type}==3"><!-- 企业 -->
  65. <li class=" navbar-levelone " data-module="HOME"><a href="#">首页</a></li>
  66. <li class=" navbar-levelone " data-module="C_NOTIFY_MANAGE"><a href="#"
  67. shiro:hasPermission="C_NOTIFY_MANAGE">消息管理</a>
  68. </li>
  69. <!-- <li class=" navbar-levelone " data-module="C_PROPERTY_MANAGE"><a href="#" shiro:hasPermission="C_PROPERTY_MANAGE">物业管理</a></li>-->
  70. <li class=" navbar-levelone " data-module="C_SERVICE_MANAGE"><a href="#"
  71. shiro:hasPermission="C_SERVICE_MANAGE">政务服务</a>
  72. </li>
  73. <!-- <li class=" navbar-levelone " data-module="C_SHARING_MANAGE"><a href="#" shiro:hasPermission="C_SHARING_MANAGE">资源共享</a></li>-->
  74. <li class=" navbar-levelone " data-module="C_SYSTEM_MANAGE"><a href="#"
  75. shiro:hasPermission="C_SYSTEM_MANAGE">系统管理</a>
  76. </li>
  77. <li class=" navbar-levelone " data-module="C_INDUSTRIAL_CARRIER"><a
  78. onclick="redirectToIndustrialCarrier()" href="#"
  79. shiro:hasPermission="C_INDUSTRIAL_CARRIER">工业载体</a></li>
  80. <li class=" navbar-levelone " data-module="C_ACCOUNT_MANAGE"><a href="#"
  81. shiro:hasPermission="C_ACCOUNT_MANAGE">用户中心</a>
  82. </li>
  83. </ul>
  84. <ul th:if="${user_type}==4"><!-- 街道 -->
  85. <li class=" navbar-levelone " data-module="HOME"><a href="#">首页</a></li>
  86. <li class=" navbar-levelone " data-module="S_MESSAGE_MANAGE"><a href="#"
  87. shiro:hasPermission="S_MESSAGE_MANAGE">消息管理</a>
  88. </li>
  89. <li class=" navbar-levelone " data-module="S_STREET_MANAGE"><a href="#"
  90. shiro:hasPermission="S_STREET_MANAGE">街道管理</a>
  91. </li>
  92. <li class=" navbar-levelone " data-module="S_SERVICE_MANAGE"><a href="#"
  93. shiro:hasPermission="S_SERVICE_MANAGE">政务服务管理</a>
  94. </li>
  95. <li class=" navbar-levelone " data-module="S_DATA_MANAGE"><a href="#"
  96. shiro:hasPermission="S_DATA_MANAGE">大数据管理</a>
  97. </li>
  98. <li class=" navbar-levelone " data-module="S_INDUSTRIAL_CARRIER"><a
  99. onclick="redirectToIndustrialCarrier()" href="#"
  100. shiro:hasPermission="S_INDUSTRIAL_CARRIER">工业载体</a></li>
  101. <li class=" navbar-levelone " data-module="S_SYS_MANAGE"><a href="#" shiro:hasPermission="S_SYS_MANAGE">系统管理</a>
  102. </li>
  103. </ul>
  104. <ul th:if="${user_type}==2"><!-- super -->
  105. <li class=" navbar-levelone " data-module="S_STREET_MANAGE"><a href="#">街道管理</a></li>
  106. <li class=" navbar-levelone " data-module="Y_BUILD_MANAGE"><a href="#">园区管理</a></li>
  107. <li class=" navbar-levelone " data-module="S_SYS_MANAGE"><a href="#">系统管理</a></li>
  108. </ul>
  109. </nav>
  110. <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
  111. <ul class="cl">
  112. <li id="Hui-msg" class="dropDown dropDown_hover">
  113. <span id="myRemind" class="badge badge-danger" style="left:60px;top:5px"></span>
  114. <a href="#" class="dropDown_A">我的提醒<i class="Hui-iconfont">&#xe6d5;</i></a>
  115. <ul class="dropDown-menu menu radius box-shadow">
  116. <li>
  117. <span id="myMessage" class="badge badge-danger" style="left:70px;top:1px"></span>
  118. <a onclick="toMyMessage()">我的消息</a>
  119. </li>
  120. <li th:if="${user_type}!=3" class="myBacklog">
  121. <span id="myBacklog" class="badge badge-danger" style="left:70px;top:1px"></span>
  122. <a onclick="toMyBacklog()">待我处理</a>
  123. </li>
  124. </ul>
  125. </li>
  126. <!--<li><a th:href="@{/home}" style="color: #ff0;">返回门户</a></li>-->
  127. <li><a th:href="@{/index}" style="color: #ff0;">返回门户</a></li>
  128. <li th:if="${user_type}==3">[[${build_name}]]欢迎您</li>
  129. <li class="dropDown dropDown_hover">
  130. <!--<span th:if="${user_type}==3">[[${build_name}]]欢迎您</span>-->
  131. <a href="#" class="dropDown_A">
  132. <shiro:principal property="user_name"/>
  133. <i class="Hui-iconfont">&#xe6d5;</i></a>
  134. <ul class="dropDown-menu menu radius box-shadow">
  135. <!--<li><a href="#">个人信息</a></li>-->
  136. <li><a href="javascript:;"
  137. th:onclick="'javascript:edit_password(\'修改密码\',\'/admin/password\',\'\',\'280\');'">修改密码</a>
  138. </li>
  139. <li><a href="#" th:href="@{/admin/logout}" onclick="clearStorage()">退出</a></li>
  140. </ul>
  141. </li>
  142. <!--<li id="Hui-msg">-->
  143. <!--<a href="#" title="消息">-->
  144. <!--<span class="badge badge-danger">1</span>-->
  145. <!--<i class="Hui-iconfont" style="font-size:18px">&#xe68a;</i>-->
  146. <!--</a>-->
  147. <!--</li>-->
  148. <!--<li id="Hui-skin" class="dropDown right dropDown_hover"> <a href="javascript:;" class="dropDown_A" title="换肤"><i class="Hui-iconfont" style="font-size:18px">&#xe62a;</i></a>-->
  149. <!--<ul class="dropDown-menu menu radius box-shadow">-->
  150. <!--<li><a href="javascript:;" data-val="blue" title="默认(蓝色)">默认(蓝色)</a></li>-->
  151. <!--<li><a href="javascript:;" data-val="default" title="黑色">黑色</a></li>-->
  152. <!--<li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>-->
  153. <!--<li><a href="javascript:;" data-val="red" title="红色">红色</a></li>-->
  154. <!--<li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>-->
  155. <!--<li><a href="javascript:;" data-val="orange" title="绿色">橙色</a></li>-->
  156. <!--</ul>-->
  157. <!--</li>-->
  158. </ul>
  159. </nav>
  160. </div>
  161. <script th:inline="javascript">
  162. $(function () {
  163. getRemind();
  164. setInterval('getRemind()', 60000);
  165. });
  166. function getRemind() {
  167. $.ajaxSetup({
  168. contentType: "application/x-www-form-urlencoded;charset=utf-8",
  169. beforeSend: function (XMLHttpRequest) {
  170. //禁用页面submit按钮既可以一定程度防止表单的重复提交,又能大大减轻服务器端压力.
  171. $("form").find(":submit").attr("disabled", true);
  172. }
  173. });
  174. $.ajax({
  175. url: pagePath + "/home/getWaitToDoPermission",
  176. type: "get",
  177. dataType: "json",
  178. data: {
  179. timeStamp: new Date()
  180. },
  181. success: function (result) {
  182. if (result.success) {
  183. var flag = result.obj;
  184. if (!flag) {
  185. $(".myBacklog").hide();
  186. }
  187. getMessage(flag);
  188. }
  189. }
  190. });
  191. }
  192. function getMessage(flag) {
  193. $.ajax({
  194. url: pagePath + "/message/getMyRemind",
  195. type: "get",
  196. dataType: "json",
  197. data: {
  198. timeStamp: new Date()
  199. },
  200. success: function (result) {
  201. if (result.success) {
  202. var obj = result.obj;
  203. if ([[${user_type}]] == 3 || !flag) {
  204. if (obj.messageCount != 0) {
  205. $("#myRemind").html(obj.messageCount);
  206. $("#myMessage").html(obj.messageCount);
  207. }
  208. if (obj.backlogCount != 0) {
  209. $("#myBacklog").html(obj.backlogCount);
  210. }
  211. } else {
  212. if (obj.total != 0) {
  213. $("#myRemind").html(obj.total);
  214. }
  215. if (obj.messageCount != 0) {
  216. $("#myMessage").html(obj.messageCount);
  217. }
  218. if (obj.backlogCount != 0) {
  219. $("#myBacklog").html(obj.backlogCount);
  220. }
  221. }
  222. } else {
  223. errorMessage(result.message);
  224. }
  225. }
  226. });
  227. }
  228. function toMyMessage() {
  229. $('a[data-title="我的消息"]').trigger('click');
  230. }
  231. function toMyBacklog() {
  232. $('a[data-title="待办事宜"]').trigger('click');
  233. }
  234. /*var industrialCarrier = "http://47.105.241.108"*/
  235. function redirectToIndustrialCarrier() {
  236. window.open(pagePath.substring(0, pagePath.lastIndexOf("/")) + '/industry/admin/index.html');
  237. // $.ajax({
  238. // url: pagePath + "/token/create",
  239. // type: "get",
  240. // dataType: "json",
  241. // data: {
  242. // timeStamp: new Date()
  243. // },
  244. // success: function (result) {
  245. // if (result.success) {
  246. // var token = result.obj;
  247. // localStorage.setItem("INDUSTRIAL_CARRIER", token);
  248. // window.open(pagePath.substring(0, pagePath.lastIndexOf("/")) + '/industry/admin/index.html');
  249. // }
  250. // }
  251. // });
  252. }
  253. function redirectToEpidemicService() {
  254. window.open(pagePath.substring(0, pagePath.lastIndexOf("/")) + '/serviceleague/admin/infoList');
  255. }
  256. function clearStorage() {
  257. localStorage.clear();
  258. }
  259. </script>
  260. <SCRIPT>
  261. // 这里写代码做页面跳转
  262. $(function () {
  263. // 先取一级此单,模拟点击事件
  264. // 再去左侧菜单,模拟点击事件
  265. setTimeout(setMenu, 500)
  266. })
  267. function setMenu() {
  268. var module = getQueryVariable('module')
  269. var menu = getQueryVariable('menu')
  270. var topMenuClass = '#topNav .navbar-levelone'
  271. var $topMenu = $(topMenuClass)
  272. // 使第二个头部后菜单选中
  273. var moduleIndex = getCellIndexFromArray($topMenu, module, 'module')
  274. // 下标小于0 说明元素不存在
  275. if (moduleIndex < 0) return
  276. $topMenu[moduleIndex].click()
  277. sleep(100)
  278. // 头部菜单选中后,在左侧第二个菜单选中
  279. var letMenuClass = '.Hui-aside .menu_dropdown'
  280. // 左侧菜单列表
  281. var $leftMenu = $(letMenuClass)[moduleIndex]
  282. // 显示第二个元素
  283. var $leafMenu = $($leftMenu).find('dl a')
  284. var menuIndex = getCellIndexFromArray($leafMenu, menu, 'menu')
  285. $leafMenu[menuIndex].click()
  286. // 如果是三级菜单,上一级为li
  287. // 需要展开二级菜单
  288. if ($($leafMenu[menuIndex]).parent().prop('tagName') == 'LI') {
  289. var $ddParent = $($leafMenu[menuIndex]).closest('dd')
  290. $ddParent.css("display", "block")
  291. $ddParent.prev().addClass("selected")
  292. }
  293. }
  294. function sleep(delay) {
  295. var start = (new Date()).getTime();
  296. while ((new Date()).getTime() - start < delay) {
  297. continue;
  298. }
  299. }
  300. function getCellIndexFromArray(arr, cellName, dataName) {
  301. if (arr.length > 0) {
  302. for (var i = 0; i < arr.length; i++) {
  303. var cell = arr[i]
  304. if ($(cell).data(dataName) == cellName) {
  305. return i
  306. }
  307. }
  308. }
  309. return -1
  310. }
  311. /**
  312. * 获取url中的参数
  313. * @param variable
  314. * @returns {string|boolean}
  315. */
  316. function getQueryVariable(variable) {
  317. var query = window.location.search.substring(1);
  318. if (query == '') {
  319. query = window.location.hash.substring(1);
  320. }
  321. if (query.indexOf("?") > -1) {
  322. query = query.split('?')[1]
  323. }
  324. var vars = query.split("&");
  325. for (var i = 0; i < vars.length; i++) {
  326. var pair = vars[i].split("=");
  327. if (pair[0] == variable) {
  328. return pair[1];
  329. }
  330. }
  331. return (false);
  332. }
  333. </SCRIPT>
  334. </div>
  335. </body>
  336. </html>