123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
- <meta name="robots" content="noindex,nofollow">
- <title>{$sys_name}</title>
- <base href="{base_url()}"/>
- <link rel="shortcut icon" href="favicon.ico" />
- <link href="static/css/bootstrap.min.css" rel="stylesheet">
- <link rel="stylesheet" href="static/css/b.tabs.css">
- <link rel="stylesheet" href="static/css/font-awesome.min.css">
- <link rel="stylesheet" href="static/css/style.css">
- <script language="javascript" type="text/javascript"> var SITE_URL = "/";var user_id = "{$user_id}";</script>
- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
- <!--[if lt IE 9]>
- <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
- <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <div class="content">
- <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
- <div class="container-fluid">
- <div class="navbar-header">
- <div class="pull-left"><img src="static/images/logo.png" height="46"></div>
- <div class="pull-left sys_name">响应处置工单系统</div>
- </div>
- <div id="navbar" class="navbar-collapse collapse">
- <ul class="nav navbar-nav navbar-right">
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{$username}{if array_key_exists('from',$smarty.session)}
- {if array_key_exists($smarty.session.from,$from)}
- ({$from[$smarty.session.from]})
- {else}
- ({$smarty.session.from})
- {/if}
- {/if}<span class="caret"></span></a>
- <ul class="dropdown-menu">
- {if !array_key_exists('from',$smarty.session)}
- <li><a href="javascript:;" class="password">修改密码</a></li>
- <li role="separator" class="divider"></li>
- {/if}
- <li><a href="logout" class="exit">退出</a></li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
- </nav>
- <div class="container-fluid">
- <div class="row">
- <div class="sidebar">
- <ul id="main-nav" class="nav nav-tabs nav-stacked">
- <li>
- <a href="javascript:;" id="menu" class="nav-header"><b>响应处置工单系统</b><span id="menu_control" class="fa fa-angle-double-left pull-right"></span></a>
- </li>
- {if $user_type == "1"}
- <li>
- <a href="#warnning" class="nav-header icon-warging" data-toggle="collapse">
- 告警管理
- <span class="pull-right fa fa-angle-down"></span>
- </a>
- <ul id="warnning" class="nav nav-list secondmenu">
- <li mid="tab1" funurl="warning/index"><a href="javascript:;">告警列表</a></li>
- <li mid="tab2" funurl="warning/ignoreindex"><a href="javascript:;">已忽略告警列表</a></li>
- </ul>
- </li>
- {/if}
- <li>
- <a href="#workorder" class="nav-header icon-workorder" data-toggle="collapse">
- 工单管理
- <span class="pull-right fa fa-angle-down"></span>
- </a>
- <ul id="workorder" class="nav nav-list secondmenu">
- <li mid="tab3" funurl="workorder/index"><a href="#" {if $user_type == "2"}class="active"{/if}>待处理工单列表</a></li>
- <li mid="tab4" funurl="workorder/finished"><a href="#">已完成工单列表</a></li>
- </ul>
- </li>
- {if $user_type == "1"}
- <li>
- <a href="#report" class="nav-header icon-report" data-toggle="collapse">
- 统计分析
- <span class="pull-right fa fa-angle-down"></span>
- </a>
- <ul id="report" class="nav nav-list secondmenu">
- <li mid="tab5" funurl="report/index"><a href="#">统计报表</a></li>
- </ul>
- </li>
- <li>
- <a href="#users" class="nav-header icon-user" data-toggle="collapse">
- 帐号管理
- <span class="pull-right fa fa-angle-down"></span>
- </a>
- <ul id="users" class="nav nav-list secondmenu">
- <li mid="tab6" funurl="user/index"><a href="#">帐号管理</a></li>
- </ul>
- </li>
- <li>
- <a href="#systemSetting" class="nav-header icon-setting" data-toggle="collapse">
- 系统管理
- <span class="pull-right fa fa-angle-down"></span>
- </a>
- <ul id="systemSetting" class="nav nav-list secondmenu">
- <li mid="tab7" funurl="appauth/index"><a href="#">接入授权管理</a></li>
- <li mid="tab8" funurl="template/workorder"><a href="#">工单表格编辑</a></li>
- <li mid="tab9" funurl="template/report"><a href="#">报表格式编辑</a></li>
- <li mid="tab10" funurl="setting/setting"><a href="#">系统设置</a></li>
- </ul>
- </li>
- {/if}
- </ul>
- </div>
- <div class="right-conetnt">
- <div class="main" id="mainFrameTabs">
- <!-- Nav tabs -->
- <ul class="nav nav-tabs" role="tablist">
- <!-- 设置默认的首页标签页,设置noclose样式,则不会被关闭 -->
- <!-- {if $user_type == "1"}
- <li role="presentation" class="active"><a href="#bTabs_tab1" data-toggle="tab">告警列表</a></li>
- {else}
- <li role="presentation" class="active"><a href="#bTabs_tab3" data-toggle="tab">待处理工单列表</a></li>
- {/if}-->
- <li role="presentation" class="active noclose"><a href="#bTabs_tab0" data-toggle="tab">首页</a></li>
- </ul>
- <!-- Tab panes -->
- <div class="tab-content">
- <!-- 默认标签页(首页)的内容区域 -->
- <!--{if $user_type == "1"}
- <div class="tab-pane active" id="bTabs_tab1">
- <iframe frameborder="0" scrolling="yes" style="width:100%;height:100%;border:0px;" src="warning/index"></iframe>
- </div>
- {else}
- <div class="tab-pane active" id="bTabs_tab3">
- <iframe frameborder="0" scrolling="yes" style="width:100%;height:100%;border:0px;" src="workorder/index"></iframe>
- </div>
- {/if}-->
- <div class="tab-pane active" id="bTabs_tab0">
- <p> </p>
- <p> </p>
- <p>
- <h2 class="text-center">欢迎使用{$sys_name}</h2>
- </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <script type="text/javascript" charset="utf-8" src="static/js/jquery.js"></script>
- <script type="text/javascript" charset="utf-8" src="static/js/bootstrap.js"></script>
- <script type="text/javascript" charset="utf-8" src="static/js/b.tabs.js"></script>
- <script type="text/javascript" charset="utf-8" src="static/js/layer/layer.js"></script>
- <script language="javascript" type="text/javascript">
- if (top.location != location)
- {
- top.location.href = location.href;
- }
- $(function () {
- $(".dropdown").mouseover(function () {
- $(this).addClass("open");
- }).mouseout(function () {
- $(this).removeClass("open");
- })
- //导航区域项目点击增加标签页处理
- $('a',$('#main-nav')).on('click', function(e) {
- e.stopPropagation();
- var li = $(this).closest('li');
- var index = $("#main-nav li").index(li);
- var menuId = $(li).attr('mid');
- $('#main-nav a').removeClass("active");
- $(this).addClass("active");
- if(menuId != "" && menuId != undefined) {
- var url = $(li).attr('funurl');
- var title = $(this).text();
- $('#mainFrameTabs').bTabsAdd(menuId, title, url);
- if($(".sidebar").hasClass("collapsed")) {
- $("#main-nav").find("ul").removeClass("in");
- }
- }else{
- if ($(this).next("ul").hasClass("in") || $(this).next("ul").hasClass("collapse")) {
- if($(".sidebar").hasClass("collapsed")) {
- $(this).next("ul").removeClass("in");
- }
- $(this).next("ul").removeClass("collapse");
- $(this).find("span").removeClass("fa-angle-right").addClass("fa-angle-down");
- } else if (index > 0) {
- if($(".sidebar").hasClass("collapsed")) {
- $("#main-nav").find("ul").removeClass("in");
- $(this).next("ul").addClass("in");
- }
- $(this).next("ul").addClass("collapse");
- $(this).find("span").removeClass("fa-angle-down").addClass("fa-angle-right");
- }
- }
- return false;
- });
- $("#menu").click(function () {
- if($(".sidebar").hasClass("collapsed")){
- $(".sidebar").removeClass("collapsed");
- $("#menu_control").removeClass("fa-angle-double-right").addClass("fa-angle-double-left");
- $("#mainFrameTabs").removeClass("mainCollapsed");
- }else{
- $(".sidebar").addClass("collapsed");
- $("#menu_control").removeClass("fa-angle-double-left").addClass("fa-angle-double-right");
- $("#mainFrameTabs").addClass("mainCollapsed");
- }
- });
- $(".password").click(function () {
- if(user_id != "" && user_id != undefined) {
- layer.open({
- type: 2,
- title: "修改密码",
- offset: 'auto',
- shade: [0.3],
- area: ['500px','320px'],
- anim: 0,
- shadeClose:false,
- content: 'user/changepassword/'+user_id
- });
- }else{
- layer.alert("参数错误,请刷新后重试!",{
- icon:2
- });
- }
- })
- //插件的初始化
- $('#mainFrameTabs').bTabs({
- //登录界面URL,用于登录超时后的跳转
- 'loginUrl' : 'login',
- //不允许拖拽
- sortable : false,
- //用于初始化主框架的宽度高度等,另外会在窗口尺寸发生改变的时候,也自动进行调整
- 'resize' : function(){
- var height = $(window).height() - 90;
- $('#mainFrameTabs').height(height);
- }
- });
- })
- </script>
- </body>
- </html>
|