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>