123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>操作异常</title>
- <link href="/common-assets/css/dwElementUI.css" rel="stylesheet">
- <link href="/common-assets/css/normalize.css" rel="stylesheet">
- <style type="text/css">
- .fullScreen {
- width: 100%;
- height: 100%;
- background: #fff;
- padding: 50px 0;
- }
- .errPage-container {
- width: 800px;
- max-width: 100%;
- margin: 0 auto;
- }
- .errPage-container .pan-back-btn {
- background: #008489;
- color: #fff;
- border: none !important;
- }
- .errPage-container .pan-gif {
- margin: 0 auto;
- display: block;
- }
- .errPage-container .pan-img {
- display: block;
- margin: 0 auto;
- width: 100%;
- }
- .errPage-container .text-jumbo {
- margin-top: 70px;
- font-size: 40px;
- font-weight: 700;
- color: #484848;
- }
- .errPage-container .list-unstyled {
- font-size: 14px;
- padding-left: 0;
- }
- .errPage-container .list-unstyled li {
- margin-bottom: 10px;
- list-style-type: none;
- }
- .errPage-container .list-unstyled a {
- color: #008489;
- text-decoration: none;
- }
- .errPage-container .list-unstyled a:hover {
- text-decoration: underline;
- }
- .el-row {
- position: relative;
- box-sizing: border-box
- }
- .el-row:after, .el-row:before {
- display: table;
- content: ""
- }
- .el-row:after {
- clear: both
- }
- [class*=el-col-] {
- float: left;
- box-sizing: border-box
- }
- .el-col-12 {
- width: 50%
- }
- </style>
- </head>
- <body>
- <div id="errorPage" class="fullScreen">
- <div class="errPage-container">
- <div class="el-row">
- <div class="el-col el-col-12">
- <h1 class="text-jumbo text-ginormous">
- 抱歉,<strong id="status">页面异常</strong></h1>
- <h2 class="text-primary" id="title" style="margin-bottom: 15px;">请求数据出现未知问题</h2>
- <h3 style="margin-bottom: 15px;" id="desc">请联系管理员</h3>
- </div>
- <div class="el-col el-col-12">
- <img src="/common-assets/img/error.gif"
- width="313" height="428"
- alt="Girl has dropped her ice cream.">
- </div>
- </div>
- </div>
- </div>
- </body>
- <script type="text/javascript">
- function GetQueryString (name) {
- var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)')
- var r = window.location.search.substr(1).match(reg)
- if (r != null) {
- return unescape(decodeURI(r[2]))
- }
- return null
- }
- var status = GetQueryString('status') || 'Error'
- var statusDesc = ''
- var name = ''
- var desc = '如需帮助,请联系管理员'
- switch (status) {
- case '404':
- statusDesc = '页面未找到'
- name = '服务器没有指定资源'
- break
- case '401':
- statusDesc = '权限异常'
- name = '您没有权限查看当前资源'
- break
- case '500':
- statusDesc = '服务器异常'
- name = '服务器内部错误'
- break
- case '999':
- statusDesc = '配置异常'
- name = '获取系统配置异常'
- break
- default:
- status = '页面异常'
- name = '请求数据出现未知问题'
- break
- }
- document.title = name
- document.getElementById('status').innerHTML = statusDesc
- document.getElementById('title').innerHTML = name
- document.getElementById('desc').innerHTML = desc
- if (top !== self) {
- var el = document.getElementById('errorPage')
- el.scrollHeight = document.body.scrollHeight
- if (el.classList) {
- el.classList.toggle('fullScreen')
- } else {
- var classes = el.className.split(' ')
- var existingIndex = classes.indexOf(className)
- if (existingIndex >= 0)
- classes.splice(existingIndex, 1)
- else
- classes.push(className)
- el.className = classes.join(' ')
- }
- }
- </script>
- </html>
|