index.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <!--#include file="common/_header.html"-->
  5. <title>荆州开发区工业项目建设推进智慧系统</title>
  6. <meta name="keywords" content="荆州开发区工业项目建设推进智慧系统">
  7. <meta name="description" content="荆州开发区工业项目建设推进智慧系统">
  8. </head>
  9. <body>
  10. <header class="navbar-wrapper">
  11. <div class="navbar navbar-fixed-top">
  12. <div class="container-fluid cl">
  13. <a class="logo navbar-logo f-l mr-10 hidden-xs" href="#">荆州开发区工业项目建设推进智慧系统</a> <a class="logo navbar-logo-m f-l mr-10 visible-xs" href="/aboutHui.shtml">H-ui</a>
  14. <span class="logo navbar-slogan f-l mr-10 hidden-xs">v1.0</span>
  15. <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;">&#xe667;</a>
  16. <!-- <nav id="navHeader" style="display: none;" class="nav navbar-nav">
  17. <ul class="cl">
  18. <li class="dropDown dropDown_hover"><a href="javascript:;" class="dropDown_A"><i class="Hui-iconfont">&#xe600;</i> 新增 <i class="Hui-iconfont">&#xe6d5;</i></a>
  19. <ul class="dropDown-menu menu radius box-shadow">
  20. <li><a href="javascript:;" onclick="admin_add()"><i class="Hui-iconfont">&#xe60d;</i> 用户</a></li>
  21. <li><a href="javascript:;" onclick="project_add()"><i class="Hui-iconfont">&#xe620;</i> 项目</a></li>
  22. </ul>
  23. </li>
  24. </ul>
  25. </nav> -->
  26. <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
  27. <ul class="cl">
  28. <li><span id="role"></span></li>
  29. <li class="dropDown dropDown_hover">
  30. <a href="#" class="dropDown_A"><span id="userName"></span> <i class="Hui-iconfont">&#xe6d5;</i></a>
  31. <ul class="dropDown-menu menu radius box-shadow">
  32. <li><a href="javascript:myselfinfo();">个人信息</a></li>
  33. <li><a href="javascript:eaitPwd();">修改密码</a></li>
  34. <li><a href="javascript:exit();">退出</a></li>
  35. </ul>
  36. </li>
  37. <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>
  38. <ul class="dropDown-menu menu radius box-shadow">
  39. <li><a href="javascript:;" data-val="default" title="默认(黑色)">默认(黑色)</a></li>
  40. <li><a href="javascript:;" data-val="blue" title="蓝色">蓝色</a></li>
  41. <li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>
  42. <li><a href="javascript:;" data-val="red" title="红色">红色</a></li>
  43. <li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>
  44. <li><a href="javascript:;" data-val="orange" title="橙色">橙色</a></li>
  45. </ul>
  46. </li>
  47. </ul>
  48. </nav>
  49. </div>
  50. </div>
  51. </header>
  52. <aside class="Hui-aside">
  53. <div class="menu_dropdown bk_2" id="app">
  54. <dl>
  55. <template v-for="menu in menuList">
  56. <dt id="menu1"><i class="Hui-iconfont">&#xe62e;</i> {{menu.menuName}}<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
  57. <dd>
  58. <ul>
  59. <li v-for="child in menu.children">
  60. <a :data-href="child.menuUrl" :data-title="child.menuName" href="javascript:void(0)">{{child.menuName}}</a>
  61. </li>
  62. </ul>
  63. </dd>
  64. </template>
  65. </dl>
  66. <!-- <dl>
  67. <dt id="menu1"><i class="Hui-iconfont">&#xe62e;</i> 基础信息<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
  68. <dd>
  69. <ul>
  70. <li><a data-href="jpAdmin-list.html" data-title="用户管理" href="javascript:void(0)">用户管理</a></li>
  71. <li><a data-href="role-list.html" data-title="角色管理" href="javascript:void(0)">角色管理</a></li>
  72. <li><a data-href="menu-list.html" data-title="菜单管理" href="javascript:void(0)">菜单管理</a></li>
  73. <li><a data-href="org-list.html" data-title="单位管理" href="javascript:void(0)">单位管理</a></li>
  74. <li><a data-href="messages-list.html" data-title="站内消息管理" href="javascript:void(0)">站内消息管理</a></li>
  75. <li><a data-href="wechatMessage-list.html" data-title="微信消息管理" href="javascript:void(0)">微信消息管理</a></li>
  76. <li><a data-href="park-list.html" data-title="园区信息管理" href="javascript:void(0)">园区信息管理</a></li>
  77. <li><a data-href="project-question-list.html" data-title="问题回复管理" href="javascript:void(0)">问题回复管理</a></li>
  78. </ul>
  79. </dd>
  80. <dt id="menu2"><i class="Hui-iconfont">&#xe62e;</i> 项目信息<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
  81. <dd>
  82. <ul>
  83. <li><a data-href="project-list.html" data-title="项目信息管理" href="javascript:void(0)">项目信息管理</a></li>
  84. <li><a data-href="project-file-list.html" data-title="项目附件管理" href="javascript:void(0)">项目附件管理</a></li>
  85. <li><a data-href="project-picture-list.html" data-title="项目图片管理" href="javascript:void(0)">项目图片管理</a></li>
  86. <li><a data-href="project-warning-list.html" data-title="项目预警管理" href="javascript:void(0)">项目预警管理</a></li>
  87. </ul>
  88. </dd>
  89. <dt id="menu3"><i class="Hui-iconfont">&#xe62e;</i> 工作流信息<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
  90. <dd>
  91. <ul>
  92. <li><a data-href="procdef-list.html" data-title="流程模板管理" href="javascript:void(0)">流程模板管理</a></li>
  93. <li><a data-href="procinst-list.html" data-title="流程管理" href="javascript:void(0)">流程管理</a></li>
  94. <li><a data-href="task-list.html" data-title="待办任务管理" href="javascript:void(0)">待办任务管理</a></li>
  95. <li><a data-href="task-finish-list.html" data-title="已完成任务管理" href="javascript:void(0)">已完成任务管理</a></li>
  96. </ul>
  97. </dd>
  98. </dl> -->
  99. </div>
  100. </aside>
  101. <div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a></div>
  102. <section class="Hui-article-box">
  103. <div id="Hui-tabNav" class="Hui-tabNav hidden-xs">
  104. <div class="Hui-tabNav-wp">
  105. <ul id="min_title_list" class="acrossTab cl">
  106. <li class="active">
  107. <span title="我的桌面" data-href="welcome.html">我的桌面</span>
  108. <em></em></li>
  109. </ul>
  110. </div>
  111. <div class="Hui-tabNav-more btn-group"><a id="js-tabNav-prev" class="btn radius btn-default size-S" href="javascript:;"><i class="Hui-iconfont">&#xe6d4;</i></a><a id="js-tabNav-next" class="btn radius btn-default size-S" href="javascript:;"><i class="Hui-iconfont">&#xe6d7;</i></a></div>
  112. </div>
  113. <div id="iframe_box" class="Hui-article">
  114. <div class="show_iframe">
  115. <div style="display:none" class="loading"></div>
  116. <iframe scrolling="yes" frameborder="0" src="welcome.html"></iframe>
  117. </div>
  118. </div>
  119. </section>
  120. <div class="contextMenu" id="Huiadminmenu">
  121. <ul>
  122. <li id="closethis">关闭当前 </li>
  123. <li id="closeall">关闭全部 </li>
  124. </ul>
  125. </div>
  126. <!--#include file="common/_footer.html"-->
  127. <!--请在下方写此页面业务相关的脚本-->
  128. <script type="text/javascript" src="lib/jquery.contextmenu/jquery.contextmenu.r2.js"></script>
  129. <script type="text/javascript" src="lib/vue/vue.js"></script>
  130. <script type="text/javascript" src="scripts/global.js"></script>
  131. <script type="text/javascript">
  132. var vm = new Vue({
  133. el: "#app",
  134. data:{
  135. menuList:[]
  136. },
  137. mounted:function() {
  138. // var loadingIndex = layer.load(1, {shade: [0.5,'#fff']});
  139. var self = this;
  140. self.menuList = JSON.parse(sessionStorage.getItem("menuList"));
  141. //等待DOM更新完毕
  142. self.$nextTick(function(){
  143. /*左侧菜单*/
  144. $(".Hui-aside").Huifold({
  145. titCell:'.menu_dropdown dl dt',
  146. mainCell:'.menu_dropdown dl dd',
  147. });
  148. });
  149. // $.get(global_backend_url + "/jpAdmin/relatedMenuList",null,function(response){
  150. // layer.close(loadingIndex);
  151. // if(response.result){
  152. // self.menuList = response.data;
  153. // }
  154. // else{
  155. // layer.msg(response.message + "" , {icon:1,time:3000});
  156. // }
  157. // },"json");
  158. }
  159. });
  160. $(function(){
  161. var userStr = sessionStorage.getItem("user");
  162. var json = JSON.parse(userStr);
  163. $("#userName").html(json.userName);
  164. // var adminRoleList = json.adminRoleList;
  165. // var roleDescription="";
  166. // $.each(adminRoleList,function(index,obj){
  167. // if(obj.roleId==json.roleId){
  168. // roleDescription = obj.roleDescription;
  169. // }
  170. // })
  171. // $("#role").html(roleDescription);
  172. // var roleId = json.roleId;
  173. // if(roleId=="74185e4c-07fa-418c-aa66-d335fed93917"){
  174. // $("#menu2").css("display","block");
  175. // }
  176. // else if(roleId == "8787ebf1-ce72-4e47-9ab1-a71b7e6d8ad5"||roleId=="6f43b6e3-dc63-4a57-9a7f-42300f8bb695"){
  177. // $("#menu1").css("display","block");
  178. // $("#menu2").css("display","block");
  179. // $("#menu3").css("display","block");
  180. // $("#navHeader").css("display","block")
  181. // }
  182. });
  183. /*个人信息*/
  184. function myselfinfo(){
  185. var userStr = sessionStorage.getItem("user");
  186. var json = JSON.parse(userStr);
  187. layer_show("个人信息","personalDetails.html?id="+json.id,600,750);
  188. }
  189. /*添加项目*/
  190. function project_add(){
  191. layer_show("添加项目","project-detail.html",800,600);
  192. }
  193. /*添加用户*/
  194. function admin_add(){
  195. layer_show("添加","jpAdmin-detail.html",700,680);
  196. }
  197. function exit(){
  198. sessionStorage.removeItem("user");
  199. sessionStorage.removeItem("menuList");
  200. sessionStorage.removeItem("token");
  201. window.location.href = "login.html";
  202. }
  203. function eaitPwd(){
  204. layer_show("修改密码","editPwd.html",600,300);
  205. }
  206. </script>
  207. </body>
  208. </html>