header.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
  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="dropDown dropDown_hover"><a href="#" class="dropDown_A" shiro:hasPermission="G_APPLICATION_CENTER">应用中心<i
  35. class="Hui-iconfont">&#xe6d5;</i></a>
  36. <ul class="dropDown-menu menu radius box-shadow">
  37. <!-- <li><a href="https://xsg.tq.geostsapp.cn/xgkfq/infoCollect/#/index" data-title="工业资源"-->
  38. <!-- target="_blank">工业资源</a></li>-->
  39. <li><a href="http://escloud.snd.gov.cn/szgxqjj/" data-title="企业运行监测" target="_blank">企业运行监测</a>
  40. </li>
  41. <li><a onclick="checkLogin1('azw')" data-title="安专委平台">安专委平台</a></li>
  42. <li><a onclick="checkLogin1('dljk')" data-title="电炉监控系统">电炉监控系统</a></li>
  43. <li><a onclick="checkLogin1('lyjj')" data-title="楼宇经济管理平台">楼宇经济管理平台</a></li>
  44. <li><a href="https://escloud.snd.gov.cn/home/serverDetail/78" data-title="境外投资项目备案系统"
  45. target="_blank">境外投资项目备案系统</a></li>
  46. </ul>
  47. </li>
  48. <li class=" navbar-levelone " data-module="G_EPIDEMIC_SERVICE"><a href="#"
  49. shiro:hasPermission="G_EPIDEMIC_SERVICE"
  50. onclick="redirectToEpidemicService()">疫情云</a>
  51. </li>
  52. <li class=" navbar-levelone " data-module="G_SYS_MANAGE"><a href="#" shiro:hasPermission="G_SYS_MANAGE">系统管理</a>
  53. </li>
  54. </ul>
  55. <ul th:if="${user_type}==1"><!-- 园区 -->
  56. <li class=" navbar-levelone " data-module="HOME"><a href="#">首页</a></li>
  57. <li class=" navbar-levelone " data-module="Y_NOTIFY_MANAGE"><a href="#"
  58. shiro:hasPermission="Y_NOTIFY_MANAGE">消息管理</a>
  59. </li>
  60. <li class=" navbar-levelone " data-module="Y_SERVICE_MANAGE"><a href="#"
  61. shiro:hasPermission="Y_SERVICE_MANAGE">政务服务管理</a>
  62. </li>
  63. <li class=" navbar-levelone " data-module="Y_BUILD_MANAGE"><a href="#"
  64. shiro:hasPermission="Y_BUILD_MANAGE">园区管理</a>
  65. </li>
  66. <li class=" navbar-levelone " data-module="Y_CUSTOMER_MANAGE"><a href="#"
  67. shiro:hasPermission="Y_CUSTOMER_MANAGE">客户管理</a>
  68. </li>
  69. <li class=" navbar-levelone " data-module="Y_PROPERTY_MANAGE"><a href="#"
  70. shiro:hasPermission="Y_PROPERTY_MANAGE">物业管理</a>
  71. </li>
  72. <li class=" navbar-levelone " data-module="Y_INDUSTRIAL_CARRIER"><a
  73. onclick="redirectToIndustrialCarrier()" href="#"
  74. shiro:hasPermission="Y_INDUSTRIAL_CARRIER">工业载体</a></li>
  75. <li class=" navbar-levelone " data-module="Y_SYS_MANAGE"><a href="#" shiro:hasPermission="Y_SYS_MANAGE">系统管理</a>
  76. </li>
  77. </ul>
  78. <ul th:if="${user_type}==3"><!-- 企业 -->
  79. <li class=" navbar-levelone " data-module="HOME"><a href="#">首页</a></li>
  80. <li class=" navbar-levelone " data-module="C_NOTIFY_MANAGE"><a href="#"
  81. shiro:hasPermission="C_NOTIFY_MANAGE">消息管理</a>
  82. </li>
  83. <!-- <li class=" navbar-levelone " data-module="C_PROPERTY_MANAGE"><a href="#" shiro:hasPermission="C_PROPERTY_MANAGE">物业管理</a></li>-->
  84. <li class=" navbar-levelone " data-module="C_SERVICE_MANAGE"><a href="#"
  85. shiro:hasPermission="C_SERVICE_MANAGE">政务服务</a>
  86. </li>
  87. <!-- <li class=" navbar-levelone " data-module="C_SHARING_MANAGE"><a href="#" shiro:hasPermission="C_SHARING_MANAGE">资源共享</a></li>-->
  88. <li class=" navbar-levelone " data-module="C_SYSTEM_MANAGE"><a href="#"
  89. shiro:hasPermission="C_SYSTEM_MANAGE">系统管理</a>
  90. </li>
  91. <li class=" navbar-levelone " data-module="C_INDUSTRIAL_CARRIER"><a
  92. onclick="redirectToIndustrialCarrier()" href="#"
  93. shiro:hasPermission="C_INDUSTRIAL_CARRIER">工业载体</a></li>
  94. <li class=" navbar-levelone " data-module="C_ACCOUNT_MANAGE"><a href="#"
  95. shiro:hasPermission="C_ACCOUNT_MANAGE">用户中心</a>
  96. </li>
  97. </ul>
  98. <ul th:if="${user_type}==4"><!-- 街道 -->
  99. <li class=" navbar-levelone " data-module="HOME"><a href="#">首页</a></li>
  100. <li class=" navbar-levelone " data-module="S_MESSAGE_MANAGE"><a href="#"
  101. shiro:hasPermission="S_MESSAGE_MANAGE">消息管理</a>
  102. </li>
  103. <li class=" navbar-levelone " data-module="S_STREET_MANAGE"><a href="#"
  104. shiro:hasPermission="S_STREET_MANAGE">街道管理</a>
  105. </li>
  106. <li class=" navbar-levelone " data-module="S_SERVICE_MANAGE"><a href="#"
  107. shiro:hasPermission="S_SERVICE_MANAGE">政务服务管理</a>
  108. </li>
  109. <li class=" navbar-levelone " data-module="S_DATA_MANAGE"><a href="#"
  110. shiro:hasPermission="S_DATA_MANAGE">大数据管理</a>
  111. </li>
  112. <li class=" navbar-levelone " data-module="S_INDUSTRIAL_CARRIER"><a
  113. onclick="redirectToIndustrialCarrier()" href="#"
  114. shiro:hasPermission="S_INDUSTRIAL_CARRIER">工业载体</a></li>
  115. <li class=" navbar-levelone " data-module="S_SYS_MANAGE"><a href="#" shiro:hasPermission="S_SYS_MANAGE">系统管理</a>
  116. </li>
  117. </ul>
  118. <ul th:if="${user_type}==2"><!-- super -->
  119. <li class=" navbar-levelone " data-module="S_STREET_MANAGE"><a href="#">街道管理</a></li>
  120. <li class=" navbar-levelone " data-module="Y_BUILD_MANAGE"><a href="#">园区管理</a></li>
  121. <li class=" navbar-levelone " data-module="S_SYS_MANAGE"><a href="#">系统管理</a></li>
  122. </ul>
  123. </nav>
  124. <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
  125. <ul class="cl">
  126. <li id="Hui-msg" class="dropDown dropDown_hover">
  127. <span id="myRemind" class="badge badge-danger" style="left:60px;top:5px"></span>
  128. <a href="#" class="dropDown_A">我的提醒<i class="Hui-iconfont">&#xe6d5;</i></a>
  129. <ul class="dropDown-menu menu radius box-shadow">
  130. <li>
  131. <span id="myMessage" class="badge badge-danger" style="left:70px;top:1px"></span>
  132. <a onclick="toMyMessage()">我的消息</a>
  133. </li>
  134. <li th:if="${user_type}!=3" class="myBacklog">
  135. <span id="myBacklog" class="badge badge-danger" style="left:70px;top:1px"></span>
  136. <a onclick="toMyBacklog()">待我处理</a>
  137. </li>
  138. </ul>
  139. </li>
  140. <!--<li><a th:href="@{/home}" style="color: #ff0;">返回门户</a></li>-->
  141. <li><a th:href="@{/index}" style="color: #ff0;">返回门户</a></li>
  142. <li th:if="${user_type}==3">[[${build_name}]]欢迎您</li>
  143. <li class="dropDown dropDown_hover">
  144. <!--<span th:if="${user_type}==3">[[${build_name}]]欢迎您</span>-->
  145. <a href="#" class="dropDown_A">
  146. <shiro:principal property="user_name"/>
  147. <i class="Hui-iconfont">&#xe6d5;</i></a>
  148. <ul class="dropDown-menu menu radius box-shadow">
  149. <!--<li><a href="#">个人信息</a></li>-->
  150. <li><a href="javascript:;"
  151. th:onclick="'javascript:edit_password(\'修改密码\',\'/admin/password\',\'\',\'280\');'">修改密码</a>
  152. </li>
  153. <li><a href="#" th:href="@{/admin/logout}" onclick="clearStorage()">退出</a></li>
  154. </ul>
  155. </li>
  156. <!--<li id="Hui-msg">-->
  157. <!--<a href="#" title="消息">-->
  158. <!--<span class="badge badge-danger">1</span>-->
  159. <!--<i class="Hui-iconfont" style="font-size:18px">&#xe68a;</i>-->
  160. <!--</a>-->
  161. <!--</li>-->
  162. <!--<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>-->
  163. <!--<ul class="dropDown-menu menu radius box-shadow">-->
  164. <!--<li><a href="javascript:;" data-val="blue" title="默认(蓝色)">默认(蓝色)</a></li>-->
  165. <!--<li><a href="javascript:;" data-val="default" title="黑色">黑色</a></li>-->
  166. <!--<li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>-->
  167. <!--<li><a href="javascript:;" data-val="red" title="红色">红色</a></li>-->
  168. <!--<li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>-->
  169. <!--<li><a href="javascript:;" data-val="orange" title="绿色">橙色</a></li>-->
  170. <!--</ul>-->
  171. <!--</li>-->
  172. </ul>
  173. </nav>
  174. </div>
  175. <script th:inline="javascript">
  176. $(function () {
  177. getRemind();
  178. setInterval('getRemind()', 60000);
  179. });
  180. function getRemind() {
  181. $.ajaxSetup({
  182. contentType: "application/x-www-form-urlencoded;charset=utf-8",
  183. beforeSend: function (XMLHttpRequest) {
  184. //禁用页面submit按钮既可以一定程度防止表单的重复提交,又能大大减轻服务器端压力.
  185. $("form").find(":submit").attr("disabled", true);
  186. }
  187. });
  188. $.ajax({
  189. url: pagePath + "/home/getWaitToDoPermission",
  190. type: "get",
  191. dataType: "json",
  192. data: {
  193. timeStamp: new Date()
  194. },
  195. success: function (result) {
  196. if (result.success) {
  197. var flag = result.obj;
  198. if (!flag) {
  199. $(".myBacklog").hide();
  200. }
  201. getMessage(flag);
  202. }
  203. }
  204. });
  205. }
  206. function getMessage(flag) {
  207. $.ajax({
  208. url: pagePath + "/message/getMyRemind",
  209. type: "get",
  210. dataType: "json",
  211. data: {
  212. timeStamp: new Date()
  213. },
  214. success: function (result) {
  215. if (result.success) {
  216. var obj = result.obj;
  217. if ([[${user_type}]] == 3 || !flag) {
  218. if (obj.messageCount != 0) {
  219. $("#myRemind").html(obj.messageCount);
  220. $("#myMessage").html(obj.messageCount);
  221. }
  222. if (obj.backlogCount != 0) {
  223. $("#myBacklog").html(obj.backlogCount);
  224. }
  225. } else {
  226. if (obj.total != 0) {
  227. $("#myRemind").html(obj.total);
  228. }
  229. if (obj.messageCount != 0) {
  230. $("#myMessage").html(obj.messageCount);
  231. }
  232. if (obj.backlogCount != 0) {
  233. $("#myBacklog").html(obj.backlogCount);
  234. }
  235. }
  236. } else {
  237. errorMessage(result.message);
  238. }
  239. }
  240. });
  241. }
  242. function toMyMessage() {
  243. $('a[data-title="我的消息"]').trigger('click');
  244. }
  245. function toMyBacklog() {
  246. $('a[data-title="待办事宜"]').trigger('click');
  247. }
  248. /*var industrialCarrier = "http://47.105.241.108"*/
  249. function redirectToIndustrialCarrier() {
  250. window.open(pagePath.substring(0, pagePath.lastIndexOf("/")) + '/industry/admin/index.html');
  251. // $.ajax({
  252. // url: pagePath + "/token/create",
  253. // type: "get",
  254. // dataType: "json",
  255. // data: {
  256. // timeStamp: new Date()
  257. // },
  258. // success: function (result) {
  259. // if (result.success) {
  260. // var token = result.obj;
  261. // localStorage.setItem("INDUSTRIAL_CARRIER", token);
  262. // window.open(pagePath.substring(0, pagePath.lastIndexOf("/")) + '/industry/admin/index.html');
  263. // }
  264. // }
  265. // });
  266. }
  267. function redirectToEpidemicService() {
  268. window.open(pagePath.substring(0, pagePath.lastIndexOf("/")) + '/serviceleague/epidemic/#/infoList');
  269. }
  270. function checkLogin1(e) {
  271. $.ajax({
  272. url: pagePath + "/home/checkLogin/",
  273. type: "get",
  274. dataType: "json",
  275. data: {
  276. timeStamp: new Date()
  277. },
  278. success: function (result) {
  279. if (result.success) {
  280. var obj = result.obj;
  281. if (obj.isLogin) {
  282. if (e == 'azw') {
  283. window.open("http://202.102.20.60:8008/zf/#/login?username=" + obj.userName)
  284. } else if (e == 'dljk') {
  285. window.open("http://202.102.20.60:8008/ly/#/login?username=" + obj.userName)
  286. } else if (e == 'lyjj') {
  287. window.open("http://112.4.85.47:8000/lyzf/#/login?username=" + obj.userName)
  288. } else if (e == 'jwtz') {
  289. if (obj.userType == 3) {
  290. window.open('http://112.4.85.50:9300/irsweb/?id=' + loginUserId)
  291. }
  292. } else if (e == 'gycf') {
  293. window.open(pagePath.substring(0, pagePath.lastIndexOf("/")) + '/industry/home/#/home');
  294. $.ajax({
  295. url: pagePath + "/token/create",
  296. type: "get",
  297. dataType: "json",
  298. data: {
  299. timeStamp: new Date()
  300. },
  301. success: function (result) {
  302. if (result.success) {
  303. var token = result.obj;
  304. localStorage.setItem("INDUSTRIAL_CARRIER", token);
  305. }
  306. }
  307. });
  308. }
  309. } else {
  310. location.href = pagePath + "/home/login";
  311. if (e == 'azw') {
  312. localStorage.setItem("safetySupervision", "1");
  313. localStorage.setItem("errorMsg", "用户不存在!");
  314. }
  315. if (e == 'gycf') {
  316. localStorage.setItem("industrialCarrier", "1");
  317. }
  318. }
  319. } else {
  320. errorMessage(result.message);
  321. }
  322. },
  323. error: function () {
  324. errorMessage('系统错误!');
  325. }
  326. });
  327. }
  328. function clearStorage() {
  329. localStorage.clear();
  330. }
  331. </script>
  332. <SCRIPT>
  333. // 这里写代码做页面跳转
  334. $(function () {
  335. // 先取一级此单,模拟点击事件
  336. // 再去左侧菜单,模拟点击事件
  337. setTimeout(setMenu, 500)
  338. })
  339. function setMenu() {
  340. var module = getQueryVariable('module')
  341. var menu = getQueryVariable('menu')
  342. var topMenuClass = '#topNav .navbar-levelone'
  343. var $topMenu = $(topMenuClass)
  344. // 使第二个头部后菜单选中
  345. var moduleIndex = getCellIndexFromArray($topMenu, module, 'module')
  346. // 下标小于0 说明元素不存在
  347. if (moduleIndex < 0) return
  348. $topMenu[moduleIndex].click()
  349. sleep(100)
  350. // 头部菜单选中后,在左侧第二个菜单选中
  351. var letMenuClass = '.Hui-aside .menu_dropdown'
  352. // 左侧菜单列表
  353. var $leftMenu = $(letMenuClass)[moduleIndex]
  354. // 显示第二个元素
  355. var $leafMenu = $($leftMenu).find('dl a')
  356. var menuIndex = getCellIndexFromArray($leafMenu, menu, 'menu')
  357. $leafMenu[menuIndex].click()
  358. // 如果是三级菜单,上一级为li
  359. // 需要展开二级菜单
  360. if ($($leafMenu[menuIndex]).parent().prop('tagName') == 'LI') {
  361. var $ddParent = $($leafMenu[menuIndex]).closest('dd')
  362. $ddParent.css("display", "block")
  363. $ddParent.prev().addClass("selected")
  364. }
  365. }
  366. function sleep(delay) {
  367. var start = (new Date()).getTime();
  368. while ((new Date()).getTime() - start < delay) {
  369. continue;
  370. }
  371. }
  372. function getCellIndexFromArray(arr, cellName, dataName) {
  373. if (arr.length > 0) {
  374. for (var i = 0; i < arr.length; i++) {
  375. var cell = arr[i]
  376. if ($(cell).data(dataName) == cellName) {
  377. return i
  378. }
  379. }
  380. }
  381. return -1
  382. }
  383. /**
  384. * 获取url中的参数
  385. * @param variable
  386. * @returns {string|boolean}
  387. */
  388. function getQueryVariable(variable) {
  389. var query = window.location.search.substring(1);
  390. if (query == '') {
  391. query = window.location.hash.substring(1);
  392. }
  393. if (query.indexOf("?") > -1) {
  394. query = query.split('?')[1]
  395. }
  396. var vars = query.split("&");
  397. for (var i = 0; i < vars.length; i++) {
  398. var pair = vars[i].split("=");
  399. if (pair[0] == variable) {
  400. return pair[1];
  401. }
  402. }
  403. return (false);
  404. }
  405. </SCRIPT>
  406. </div>
  407. </body>
  408. </html>