|
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<style>
|
|
.main {
|
|
position: absolute;
|
|
top: 25%;
|
|
left: 10%;
|
|
right: 10%;
|
|
margin: auto;
|
|
}
|
|
|
|
.main div {
|
|
text-align: center;
|
|
}
|
|
|
|
#header-content {
|
|
min-width: 40%;
|
|
min-height: 40%;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.simple-message {
|
|
font-weight: 500;
|
|
width: 100%;
|
|
font-size: 28px;
|
|
color: #3685f2;
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.detail-message {
|
|
font-size: 16px;
|
|
color: #ff4949;
|
|
margin: 15px auto;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.solution {
|
|
font-size: 16px;
|
|
color: #ff4949;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.login {
|
|
color: #3685f2;
|
|
text-decoration: none;
|
|
line-height: 24px;
|
|
float: right;
|
|
height: 24px;
|
|
font-size: 12px;
|
|
margin-right: 40px;
|
|
margin-top: 40px;
|
|
}
|
|
</style>
|
|
<script>
|
|
var exception = '${exception}';
|
|
var exceptionTap = '${exceptionTab}';
|
|
if (exception && exception.indexOf('com.fr.web.core.SessionOverFlowException') > -1) {
|
|
//系统并发异常处理
|
|
window.location.href = "https://www.baidu.com";
|
|
} else if (exceptionTap) {
|
|
//默认异常处理
|
|
document.getElementById("unavailableID").style.display = "none";
|
|
document.getElementById("errorID").style.display = "block";
|
|
} else if (!exceptionTap) {
|
|
document.getElementById("unavailableID").style.display = "block";
|
|
document.getElementById("errorID").style.display = "none";
|
|
}
|
|
</script>
|
|
<link rel="stylesheet" type="text/css"
|
|
href="${remoteServletURL}?op=resource&resource=/com/fr/web/core/css/error.css">
|
|
<script type="text/javascript">
|
|
document.getElementById("exception-tab").onclick = function () {
|
|
document.getElementById("exception-tab").className = "tab tab-selected";
|
|
document.getElementById("solution-tab").className = "tab tab-unselected";
|
|
document.getElementById("exception").style.display = "block";
|
|
document.getElementById("solution").style.display = "none";
|
|
};
|
|
|
|
document.getElementById("solution-tab").onclick = function () {
|
|
document.getElementById("exception-tab").className = "tab tab-unselected";
|
|
document.getElementById("solution-tab").className = "tab tab-selected";
|
|
document.getElementById("exception").style.display = "none";
|
|
document.getElementById("solution").style.display = "block";
|
|
};
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<a href="${fineServletURL}/login${origin}" class="login">${switchAccount}</a>
|
|
<div id="unavailableID">
|
|
<div>
|
|
<img id="header-content"
|
|
src="${fineServletURL}/resources?path=/com/fr/web/resources/dist/images/1x/background/error_page.png">
|
|
</div>
|
|
<div class="simple-message">
|
|
${message}
|
|
</div>
|
|
<div class="solution">
|
|
${solution}
|
|
</div>
|
|
</div>
|
|
<div id="errorID">
|
|
<div>
|
|
<div>
|
|
<div id="header">
|
|
<img id="header-content"
|
|
src="${remoteServletURL}?op=resource&resource=/com/fr/web/images/error/error-with-solution-bg.png">
|
|
</div>
|
|
<div id="tip">
|
|
<div id="tip-oops">Oops!!!</div>
|
|
<div id="tip-detail">${errorTip}</div>
|
|
</div>
|
|
</div>
|
|
<div id="detail">
|
|
<div id='detail-message'>
|
|
<p>${message}</p>
|
|
</div>
|
|
|
|
<div id="exception-tab" class="tab tab-unselected">${exceptionTab}</div>
|
|
<div id="solution-tab" class="tab tab-selected">${solutionTab}</div>
|
|
<div id="exception" class="tab-content" style="display: none">
|
|
<pre>${exception}</pre>
|
|
</div>
|
|
<div id="solution" class="tab-content" style="display: block">
|
|
<pre>${solution}</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|