main.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  6. <meta name="robots" content="noindex,nofollow">
  7. <title>{$sys_name}</title>
  8. <base href="{base_url()}"/>
  9. <link rel="shortcut icon" href="favicon.ico" />
  10. <link href="static/css/bootstrap.min.css" rel="stylesheet">
  11. <link rel="stylesheet" href="static/css/b.tabs.css">
  12. <link rel="stylesheet" href="static/css/font-awesome.min.css">
  13. <link rel="stylesheet" href="static/css/style.css">
  14. <script language="javascript" type="text/javascript"> var SITE_URL = "/";var user_id = "{$user_id}";</script>
  15. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  16. <!--[if lt IE 9]>
  17. <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
  18. <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  19. <![endif]-->
  20. </head>
  21. <body>
  22. <div class="content">
  23. <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  24. <div class="container-fluid">
  25. <div class="navbar-header">
  26. <div class="pull-left"><img src="static/images/logo.png" height="46"></div>
  27. <div class="pull-left sys_name">响应处置工单系统</div>
  28. </div>
  29. <div id="navbar" class="navbar-collapse collapse">
  30. <ul class="nav navbar-nav navbar-right">
  31. <li class="dropdown">
  32. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{$username}{if array_key_exists('from',$smarty.session)}
  33. {if array_key_exists($smarty.session.from,$from)}
  34. ({$from[$smarty.session.from]})
  35. {else}
  36. ({$smarty.session.from})
  37. {/if}
  38. {/if}<span class="caret"></span></a>
  39. <ul class="dropdown-menu">
  40. {if !array_key_exists('from',$smarty.session)}
  41. <li><a href="javascript:;" class="password">修改密码</a></li>
  42. <li role="separator" class="divider"></li>
  43. {/if}
  44. <li><a href="logout" class="exit">退出</a></li>
  45. </ul>
  46. </li>
  47. </ul>
  48. </div>
  49. </div>
  50. </nav>
  51. <div class="container-fluid">
  52. <div class="row">
  53. <div class="sidebar">
  54. <ul id="main-nav" class="nav nav-tabs nav-stacked">
  55. <li>
  56. <a href="javascript:;" id="menu" class="nav-header"><b>响应处置工单系统</b><span id="menu_control" class="fa fa-angle-double-left pull-right"></span></a>
  57. </li>
  58. {if $user_type == "1"}
  59. <li>
  60. <a href="#warnning" class="nav-header icon-warging" data-toggle="collapse">
  61. 告警管理
  62. <span class="pull-right fa fa-angle-down"></span>
  63. </a>
  64. <ul id="warnning" class="nav nav-list secondmenu">
  65. <li mid="tab1" funurl="warning/index"><a href="javascript:;">告警列表</a></li>
  66. <li mid="tab2" funurl="warning/ignoreindex"><a href="javascript:;">已忽略告警列表</a></li>
  67. </ul>
  68. </li>
  69. {/if}
  70. <li>
  71. <a href="#workorder" class="nav-header icon-workorder" data-toggle="collapse">
  72. 工单管理
  73. <span class="pull-right fa fa-angle-down"></span>
  74. </a>
  75. <ul id="workorder" class="nav nav-list secondmenu">
  76. <li mid="tab3" funurl="workorder/index"><a href="#" {if $user_type == "2"}class="active"{/if}>待处理工单列表</a></li>
  77. <li mid="tab4" funurl="workorder/finished"><a href="#">已完成工单列表</a></li>
  78. </ul>
  79. </li>
  80. {if $user_type == "1"}
  81. <li>
  82. <a href="#report" class="nav-header icon-report" data-toggle="collapse">
  83. 统计分析
  84. <span class="pull-right fa fa-angle-down"></span>
  85. </a>
  86. <ul id="report" class="nav nav-list secondmenu">
  87. <li mid="tab5" funurl="report/index"><a href="#">统计报表</a></li>
  88. </ul>
  89. </li>
  90. <li>
  91. <a href="#users" class="nav-header icon-user" data-toggle="collapse">
  92. 帐号管理
  93. <span class="pull-right fa fa-angle-down"></span>
  94. </a>
  95. <ul id="users" class="nav nav-list secondmenu">
  96. <li mid="tab6" funurl="user/index"><a href="#">帐号管理</a></li>
  97. </ul>
  98. </li>
  99. <li>
  100. <a href="#systemSetting" class="nav-header icon-setting" data-toggle="collapse">
  101. 系统管理
  102. <span class="pull-right fa fa-angle-down"></span>
  103. </a>
  104. <ul id="systemSetting" class="nav nav-list secondmenu">
  105. <li mid="tab7" funurl="appauth/index"><a href="#">接入授权管理</a></li>
  106. <li mid="tab8" funurl="template/workorder"><a href="#">工单表格编辑</a></li>
  107. <li mid="tab9" funurl="template/report"><a href="#">报表格式编辑</a></li>
  108. <li mid="tab10" funurl="setting/setting"><a href="#">系统设置</a></li>
  109. </ul>
  110. </li>
  111. {/if}
  112. </ul>
  113. </div>
  114. <div class="right-conetnt">
  115. <div class="main" id="mainFrameTabs">
  116. <!-- Nav tabs -->
  117. <ul class="nav nav-tabs" role="tablist">
  118. <!-- 设置默认的首页标签页,设置noclose样式,则不会被关闭 -->
  119. <!-- {if $user_type == "1"}
  120. <li role="presentation" class="active"><a href="#bTabs_tab1" data-toggle="tab">告警列表</a></li>
  121. {else}
  122. <li role="presentation" class="active"><a href="#bTabs_tab3" data-toggle="tab">待处理工单列表</a></li>
  123. {/if}-->
  124. <li role="presentation" class="active noclose"><a href="#bTabs_tab0" data-toggle="tab">首页</a></li>
  125. </ul>
  126. <!-- Tab panes -->
  127. <div class="tab-content">
  128. <!-- 默认标签页(首页)的内容区域 -->
  129. <!--{if $user_type == "1"}
  130. <div class="tab-pane active" id="bTabs_tab1">
  131. <iframe frameborder="0" scrolling="yes" style="width:100%;height:100%;border:0px;" src="warning/index"></iframe>
  132. </div>
  133. {else}
  134. <div class="tab-pane active" id="bTabs_tab3">
  135. <iframe frameborder="0" scrolling="yes" style="width:100%;height:100%;border:0px;" src="workorder/index"></iframe>
  136. </div>
  137. {/if}-->
  138. <div class="tab-pane active" id="bTabs_tab0">
  139. <p>&nbsp;</p>
  140. <p>&nbsp;</p>
  141. <p>
  142. <h2 class="text-center">欢迎使用{$sys_name}</h2>
  143. </p>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. <script type="text/javascript" charset="utf-8" src="static/js/jquery.js"></script>
  151. <script type="text/javascript" charset="utf-8" src="static/js/bootstrap.js"></script>
  152. <script type="text/javascript" charset="utf-8" src="static/js/b.tabs.js"></script>
  153. <script type="text/javascript" charset="utf-8" src="static/js/layer/layer.js"></script>
  154. <script language="javascript" type="text/javascript">
  155. if (top.location != location)
  156. {
  157. top.location.href = location.href;
  158. }
  159. $(function () {
  160. $(".dropdown").mouseover(function () {
  161. $(this).addClass("open");
  162. }).mouseout(function () {
  163. $(this).removeClass("open");
  164. })
  165. //导航区域项目点击增加标签页处理
  166. $('a',$('#main-nav')).on('click', function(e) {
  167. e.stopPropagation();
  168. var li = $(this).closest('li');
  169. var index = $("#main-nav li").index(li);
  170. var menuId = $(li).attr('mid');
  171. $('#main-nav a').removeClass("active");
  172. $(this).addClass("active");
  173. if(menuId != "" && menuId != undefined) {
  174. var url = $(li).attr('funurl');
  175. var title = $(this).text();
  176. $('#mainFrameTabs').bTabsAdd(menuId, title, url);
  177. if($(".sidebar").hasClass("collapsed")) {
  178. $("#main-nav").find("ul").removeClass("in");
  179. }
  180. }else{
  181. if ($(this).next("ul").hasClass("in") || $(this).next("ul").hasClass("collapse")) {
  182. if($(".sidebar").hasClass("collapsed")) {
  183. $(this).next("ul").removeClass("in");
  184. }
  185. $(this).next("ul").removeClass("collapse");
  186. $(this).find("span").removeClass("fa-angle-right").addClass("fa-angle-down");
  187. } else if (index > 0) {
  188. if($(".sidebar").hasClass("collapsed")) {
  189. $("#main-nav").find("ul").removeClass("in");
  190. $(this).next("ul").addClass("in");
  191. }
  192. $(this).next("ul").addClass("collapse");
  193. $(this).find("span").removeClass("fa-angle-down").addClass("fa-angle-right");
  194. }
  195. }
  196. return false;
  197. });
  198. $("#menu").click(function () {
  199. if($(".sidebar").hasClass("collapsed")){
  200. $(".sidebar").removeClass("collapsed");
  201. $("#menu_control").removeClass("fa-angle-double-right").addClass("fa-angle-double-left");
  202. $("#mainFrameTabs").removeClass("mainCollapsed");
  203. }else{
  204. $(".sidebar").addClass("collapsed");
  205. $("#menu_control").removeClass("fa-angle-double-left").addClass("fa-angle-double-right");
  206. $("#mainFrameTabs").addClass("mainCollapsed");
  207. }
  208. });
  209. $(".password").click(function () {
  210. if(user_id != "" && user_id != undefined) {
  211. layer.open({
  212. type: 2,
  213. title: "修改密码",
  214. offset: 'auto',
  215. shade: [0.3],
  216. area: ['500px','320px'],
  217. anim: 0,
  218. shadeClose:false,
  219. content: 'user/changepassword/'+user_id
  220. });
  221. }else{
  222. layer.alert("参数错误,请刷新后重试!",{
  223. icon:2
  224. });
  225. }
  226. })
  227. //插件的初始化
  228. $('#mainFrameTabs').bTabs({
  229. //登录界面URL,用于登录超时后的跳转
  230. 'loginUrl' : 'login',
  231. //不允许拖拽
  232. sortable : false,
  233. //用于初始化主框架的宽度高度等,另外会在窗口尺寸发生改变的时候,也自动进行调整
  234. 'resize' : function(){
  235. var height = $(window).height() - 90;
  236. $('#mainFrameTabs').height(height);
  237. }
  238. });
  239. })
  240. </script>
  241. </body>
  242. </html>