header.html 16 KB

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