页面管理

header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
    String ctxPath = request.getContextPath();
%>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->

<link href="<%=ctxPath%>/css/project/sys.css" rel="stylesheet"
	type="text/css" />
<link href="<%=ctxPath%>/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />
<link href="<%=ctxPath%>/css/bootstraptemplate.css" rel="stylesheet"
    type="text/css" />
<link href="<%=ctxPath%>/css/project/comm.css" rel="stylesheet"
	type="text/css" />
<!-- <link rel='stylesheet'
    href='https://d33wubrfki0l68.cloudfront.net/bundles/bf55a508dddff1cd198a4dd9a847f5127f26ec5a.css' />
 -->	
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
     <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
     <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script type="text/javascript" src="<%=ctxPath%>/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="<%=ctxPath%>/js/bootstrap.min.js"></script>
<script src="<%=ctxPath%>/js/header/header.js"></script>
<script>var ctxPath="<%=ctxPath%>"</script>

<!-- Menu -->
<nav class="navbar navbar-default navbar-fixed-top navbar-blue"
     style="background-image:url(<%=ctxPath%>/images/headBackgroundImage.png);
            background-repeat:no-repeat;background-size:100%">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed"
				data-toggle="collapse" data-target="#main-menu"
				aria-expanded="false">
				<i class="fa fa-bars"></i>
			</button>
			<a class="navbar-brand">
			<img
				src="<%=ctxPath%>/images/logo.png"
				class="hidden-sm" height="40"></a>
		</div>
		<div class="collapse navbar-collapse" id="main-menu">
			<ul class="nav navbar-nav">
				<li><a href="#" style="font-size: 18px">应急指挥系统</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#" style="font-size: 18px"><i class="fa" id="currentTime"></i>
						</a></li>
					
					<li><a href="<%=ctxPath%>/login/loginSuccess.do" style="font-size: 18px"><i class="fa"></i>
                        设置</a></li> 
					<li><a href="<%=ctxPath%>/home/index.do" style="font-size: 18px"><i class="fa"></i>
                        主页</a></li>	
			</ul>
		</div>
	</div>
</nav>

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<%@include file="/WEB-INF/jsp/header.jsp"%>
<%@include file="/WEB-INF/jsp/home/popover.jsp"%>
<link href="<%=ctxPath%>/bootstrap-datetimepicker/css/bootstrap.min.css" rel="stylesheet"
          type="text/css" />
<link href="<%=ctxPath%>/css/bootstrap.min.css" rel="stylesheet"
    type="text/css" />
<link href="<%=ctxPath%>/css/bootstrap-datetimepicker.min.css" rel="stylesheet"
    type="text/css" />
<link href="<%=ctxPath%>/css/bootstrapvalidator.min.css" rel="stylesheet"
    type="text/css" />
<script src="<%=ctxPath%>/js/bootstrapvalidator.min.js"></script>
<script src="<%=ctxPath%>/js/bootstrap-datetimepicker.min.js"></script>
<script src="<%=ctxPath%>/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="<%=ctxPath%>/js/timer.jquery.min.js"></script>
<script src="<%=ctxPath%>/js/home/home.js"></script>
<script src="<%=ctxPath%>/js/home/popover.js"></script>
<title>首页</title>
<style type="text/css">
.navbar-default .navbar-nav>li>a {
    color:#FFF;
}
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
     margin-right: 0px;
}

#datetimeForm .has-feedback .form-control-feedback {
    top: 0;
    right: -15px;
}
</style>
</head>

<body>
<script>
var eventId = ${eventId};
</script>
  <div class="container-fluid nav-padding-top">
    <div class="row-fluid">
      <div class="col-md-3 col-xs-12">
        <div class="row-fluid">
          <div class="panel panel-default">
            <div class="panel-heading">
              <a class="btn btn-navbar disabled">影响范围</a>
              <a class="btn btn-primary edit pull-right" data-toggle="modal"
                data-target="#modalText" value="influence_area">编辑</a>
            </div>
            <div class="panel-body">
              <textarea rows="5" class="form-control" style="border:none;resize: none;" id="influenceArea" readonly></textarea>
            </div>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading">
            <a class="btn btn-navbar disabled">故障来源</a>
            <a class="btn btn-primary edit pull-right" data-toggle="modal"
              data-target="#modalText" value="origin_name">编辑</a>
          </div>
          <div class="panel-body">
            <textarea rows="10" class="form-control" style="border:none;resize: none;" id="originName" readonly></textarea>
          </div>
        </div>
        <div class="row-fluid">
          <div class="panel panel-default">
            <div class="panel-heading">
              <a class="btn btn-navbar disabled">故障现象</a>
              <a class="btn btn-primary edit pull-right" data-toggle="modal"
                data-target="#modalText" value="phenomenon">编辑</a>
            </div>
            <div class="panel-body">
              <textarea rows="5" class="form-control" style="border:none;resize: none;" id="phenomenon" readonly></textarea>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-xs-12">
        <div class="row-fluid">
          <div class="col-md-4 col-xs-4 thumbnail">
            <div class="row-fluid">
              <div class="text-center col-xs-12">
                <a class="btn btn-link" data-toggle="modal"
              data-target="#modalTime" value="start_time">开始时间</a>
              </div>
              <div class="col-xs-12">
                <h4 class="text-center" id="startTime"></h4>
              </div>
            </div>
            <div class="row-fluid">
              <div class="text-center col-xs-12">
                <a class="btn btn-link disabled" data-toggle="modal"
              data-target="#modalLimitTime" value="limit_time">处理时限</a>
              </div>
              <div class="col-xs-12">
                <h4 class="text-center" id="limitTime"></h4>
              </div>
            </div>
          </div>
          <div class="col-md-4 col-xs-4 thumbnail">
            <div class="row-fluid">
                <div class="col-xs-12 text-center">
                    <a class="text-center btn btn-link">持续时间</a>
                </div>
                <div class="col-xs-12">
                    <h4 class="text-danger text-center pull-bottom">
                    <strong id="continueTime"></strong>
                    </h4>
                </div>
            </div>
            <div class="row-fluid">
                <div class="col-xs-12 text-center">
                    <a class="text-center btn btn-link">恢复时间</a>
                </div>
                <div class="col-xs-12">
                    <h4 class="text-center pull-bottom" id="recoveryTime">
                    </h4>
                </div>
            </div>
          </div>
          <div class="col-md-4 col-xs-4 thumbnail">
            <div class="row-fluid">
              <div class="text-center col-xs-12">
                <a class="text-center btn btn-link">值班经理</a>
              </div>
              <div class="text-center col-xs-12">
                <h4 id="dutyUserName" class="text-center"></h4>
              </div>
            </div>
            <div class="row-fluid">
              <div class="text-center col-xs-12">
                <a class="text-center btn btn-link " data-toggle="modal"
              data-target="#modalLevel" value="event_level" id="btn-level">故障等级</a>
              </div>
              <div class="text-center col-xs-12">
                <h4 class="text-center" id="level"></h4>
              </div>
            </div>
          </div>
        </div>
        <div class="row-fluid">
          <div class="col-md-12 col-xs-12 thumbnail">
              <div class="panel-body" id="processImageBody" style="height:1000px">
                <%@include file="/WEB-INF/jsp/login/processPage.jsp"%>
              </div>
          </div>
        </div>

      </div>
      <div class="col-md-3 col-xs-12">
        <div class="row-fluid">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4>关键信息</h4>
            </div>
            <div class="panel-body pre-scrollable" id="processInfo"></div>
          </div>
        </div>
        <div class="row-fluid">
          <div class="panel panel-default">
            <div class="panel-heading">
              <a class="btn btn-navbar disabled">人员管理</a>
              <a id="attendance" class="btn btn-primary pull-right" href="">编辑</a>
            </div>
            <div class="panel-body">
              <table id="signTable" class="table table-condensed">
                <thead>
                  <tr>
                    <th>部门</th>
                    <th>到场人数</th>
                  </tr>
                </thead>
                <tbody id="signTbody">
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
historyManage.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>历史管理</title>
    <%@include file="/WEB-INF/jsp/header.jsp"%>
    <script type="text/javascript" src="<%=ctxPath %>/js/home/exportdata.js"></script>
    <style type="text/css">
        .fontStyle1{
            font-size: 20px;
            color: #337ab7;
            font-weight: 600;
        }
        .fontStyle2{
            font-size: 20px;
            font-weight: 300;
        }
        .trStyle1{
            font-weight: 300;
            background: #337ab7;
        }
        .trStyle2{
            color: white;
            font-weight: 800;
            font-size: 15;
        }
        .divBody{
           /*  position: fixed;
            top: 0%;
            left: 10%;
            width: 80%;
            height: 10%; */
        }
        .divBody2{
            overflow-y: auto;
            position: fixed;
            top: 28%;
            left: 10%;
            width: 80%;
            height: 60%;
            border: 0px solid  black;
        }
        #searchKeyInput{
            width: 100%;
        }
        #searchEventBtn{
            width: 100px;
        }
         .mask {       
            position: absolute; 
            top: 0px; 
            filter: alpha(opacity=60); 
            background-color: #777;     
            z-index: 1002; 
            left: 0px;     
            opacity:0.5; 
            -moz-opacity:0.5;     
        }  
    </style>
    <script type="text/javascript">
        $(function (){
            $("#searchEventBtn").click(function(){
            	var searchKey = $.trim($("#searchKeyInput").val());
           		window.location.href ='/oems-admin/excel/history?searchKey=' + searchKey;
            });
        });
        
        /* 字符串处理函数 */
        
    </script>
</head>

<body>
    <!-- 遮罩层 -->
    <div id="mask" class="mask"></div>
    
    <div class="container-fluid divBody">
         <br><br>
         <div class="row nav-padding-top fontStyle1">
            <div class="col-md-1 col-sm-1 col-md-1"></div>
            <div class="col-md-3 col-sm-3 col-md-3 fontStyle2">历史记录</div>
            <div class="col-md-6 col-sm-6 col-md-6"></div>
            <div class="col-md-1 col-sm-1 col-md-1">
                <a type="button" class="btn btn-primary" href="<%=ctxPath %>/login/loginSuccess.do">返回</a>
            </div>
            <div class="col-md-1 col-sm-1 col-md-1"></div>
         </div>
         <hr style="border:0; height:3px; background-color: #337ab7">
         
         <div class="row">
             <div class="col-md-3 col-sm-3 col-md-3"></div>
             <div class="col-md-5 col-sm-5 col-md-5 fontStyle1">
                  <div class="input-group">
                      <input id="searchKeyInput" type="text" class="form-control" placeholder="故障等级/来源/现象/范围              " aria-describedby="basic-addon2">
                  </div>
             </div>
             <div class="col-md-3 col-sm-3 col-md-3 fontStyle1">
                <button id="searchEventBtn" type="button" class="btn btn-primary">搜索</button>
             </div>
             <div class="col-md-1 col-sm-1 col-md-1"></div>
         </div>
    </div>
    <br>
    <div class="container-fluid">
         <div class="row">
             <div class="col-md-1 col-sm-1 col-md-1"></div>
             <div class="col-md-10 col-sm-10 col-md-10">
                <table class="table table-bordered row text-center mx-0">
                    <tr class="row trStyle1 mx-0">
                        <th class="trStyle2 col-md-4 text-center">开始时间</th>
                        <th class="trStyle2 col-md-3 text-center">持续时间</th>
                        <th class="trStyle2 col-md-2 text-center">故障等级</th>
                        <th class="trStyle2 col-md-2 text-center">查看详情</th>
                        <th class="trStyle2 col-md-1 text-center">导出</th>
                    </tr>
                    <c:forEach var="event" items="${eventList }" varStatus="ev">
	                    <tr  class="row mx-0">
	                        <td class="col-md-4 text-center">
	                           <fmt:formatDate value="${event.start_time }" pattern="yyyy-MM-dd HH:mm:ss"/>
	                        </td>
	                        <td class="col-md-3 text-center">
	                           <c:if test="${event.continue_time == null }">
	                                                                      进行中··
	                           </c:if>
	                           <c:if  test="${event.continue_time != null }">
		                           <fmt:formatDate value="${event.continue_time }" pattern="HH:mm:ss"/>
	                           </c:if>
	                        </td>
	                        <td class="col-md-2 text-center">S${event.event_level }</td>
	                        <td class="2 col-md-2 text-center">
	                            <a href="${pageContext.request.contextPath }/excel/detail?event_id=${event.event_id }" target="_blank">
	                                                                       查看详情
                                </a>
	                        </td>
	                        <td class="col-md-1 text-center">
	                            <a href="${pageContext.request.contextPath }/excel/export?event_id=${event.event_id }">导出</a>
	                        </td>
	                    </tr>
                    </c:forEach>
                </table>
             </div>
             <div class="col-md-1 col-sm-1 col-md-1"></div>
         </div>
    </div>

</body>
</html>
first.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <%@include file="/WEB-INF/jsp/header.jsp"%>
    <title>登录成功</title>
    <script type="text/javascript" src="<%=ctxPath%>/js/login/loginSuccess.js"></script>
    <link href="<%=ctxPath%>/css/login/loginSuccess.css" rel="stylesheet"
    type="text/css" />
    
</head>

<body id="backgroundImg">
     <div class="container">
        <div class="row nav-padding-top">
        
            <!-- 新建流程元素组 -->
            <img id="newProcess" src="<%=ctxPath%>/images/login/newProcess.png"/>
            <img id="newProcessInner" src="<%=ctxPath%>/images/login/newProcessInner.png"/>
            <p id="newEventText">New Event <br> 新建事件</p>
            <div class="newEventDiv_BG"></div>
            
            <!-- 人员替代元素组 -->
            <img id="peopleReplace" src="<%=ctxPath%>/images/login/peopleReplace.png"/>
            <img id="peopleReplaceInner" src="<%=ctxPath%>/images/login/peopleReplaceInner.png"/>
            <p id="peopleReplText">Replace <br> 人员替代</p>
            <div class="peopleReplDiv_BG"></div>
            
            <!-- 导入排班表元素组 -->
            <img id="importExcel" src="<%=ctxPath%>/images/login/importExcel.png"/>
            <img id="importExcelInner" src="<%=ctxPath%>/images/login/importExcelInner.png"/>
            <p id="importExcelText">Import <br> 导入排班表</p>
            <div class="importExceldiv_BG"></div>
            
            <!-- 当前流程元素组 -->
            <img id="currentProcess" src="<%=ctxPath%>/images/login/currentProcess.png"/>
            <img id="currentProcessInner" src="<%=ctxPath%>/images/login/currentProcessInner.png"/>
            <p id="currentEventText">Current <br> 当前事件</p>
            <div class="currentEventDiv_BG"></div>
            
            <!-- 历史管理元素组 -->
            <img id="historyManage" src="<%=ctxPath%>/images/login/historyManage.png"/>
            <img id="historyManageInner" src="<%=ctxPath%>/images/login/historyManageInner.png"/>
            <p id="historyManageText">History <br> 历史管理</p>
            <div class="historyDiv_BG"></div>
        </div>
        
        <!-- 小提示弹框 -->
        <button type="button" id="tips_check" class="btn btn-primary" 
        data-toggle="modal" data-target=".bs-example-modal-sm" style="display:none;">
        </button>
        
           <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
                <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                  <div class="modal-body" style="text-align:center">
                     <p id="tips_info"></p>
                  </div>
                  <div class="modal-footer" style="text-align:center">
                      <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                  </div>
               </div>
               </div>
           </div>
        
    </div>

</body>
</html>





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值