프로젝트

일반

사용자정보

Error 페이지 수정 (접속초과 등) » error.html

김 미진, 2025/04/22 10:14

 
<!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>
(1-1/2)