error.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>操作异常</title>
  6. <link href="/common-assets/css/dwElementUI.css" rel="stylesheet">
  7. <link href="/common-assets/css/normalize.css" rel="stylesheet">
  8. <style type="text/css">
  9. .fullScreen {
  10. width: 100%;
  11. height: 100%;
  12. background: #fff;
  13. padding: 50px 0;
  14. }
  15. .errPage-container {
  16. width: 800px;
  17. max-width: 100%;
  18. margin: 0 auto;
  19. }
  20. .errPage-container .pan-back-btn {
  21. background: #008489;
  22. color: #fff;
  23. border: none !important;
  24. }
  25. .errPage-container .pan-gif {
  26. margin: 0 auto;
  27. display: block;
  28. }
  29. .errPage-container .pan-img {
  30. display: block;
  31. margin: 0 auto;
  32. width: 100%;
  33. }
  34. .errPage-container .text-jumbo {
  35. margin-top: 70px;
  36. font-size: 40px;
  37. font-weight: 700;
  38. color: #484848;
  39. }
  40. .errPage-container .list-unstyled {
  41. font-size: 14px;
  42. padding-left: 0;
  43. }
  44. .errPage-container .list-unstyled li {
  45. margin-bottom: 10px;
  46. list-style-type: none;
  47. }
  48. .errPage-container .list-unstyled a {
  49. color: #008489;
  50. text-decoration: none;
  51. }
  52. .errPage-container .list-unstyled a:hover {
  53. text-decoration: underline;
  54. }
  55. .el-row {
  56. position: relative;
  57. box-sizing: border-box
  58. }
  59. .el-row:after, .el-row:before {
  60. display: table;
  61. content: ""
  62. }
  63. .el-row:after {
  64. clear: both
  65. }
  66. [class*=el-col-] {
  67. float: left;
  68. box-sizing: border-box
  69. }
  70. .el-col-12 {
  71. width: 50%
  72. }
  73. </style>
  74. </head>
  75. <body>
  76. <div id="errorPage" class="fullScreen">
  77. <div class="errPage-container">
  78. <div class="el-row">
  79. <div class="el-col el-col-12">
  80. <h1 class="text-jumbo text-ginormous">
  81. 抱歉,<strong id="status">页面异常</strong></h1>
  82. <h2 class="text-primary" id="title" style="margin-bottom: 15px;">请求数据出现未知问题</h2>
  83. <h3 style="margin-bottom: 15px;" id="desc">请联系管理员</h3>
  84. </div>
  85. <div class="el-col el-col-12">
  86. <img src="/common-assets/img/error.gif"
  87. width="313" height="428"
  88. alt="Girl has dropped her ice cream.">
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </body>
  94. <script type="text/javascript">
  95. function GetQueryString (name) {
  96. var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)')
  97. var r = window.location.search.substr(1).match(reg)
  98. if (r != null) {
  99. return unescape(decodeURI(r[2]))
  100. }
  101. return null
  102. }
  103. var status = GetQueryString('status') || 'Error'
  104. var statusDesc = ''
  105. var name = ''
  106. var desc = '如需帮助,请联系管理员'
  107. switch (status) {
  108. case '404':
  109. statusDesc = '页面未找到'
  110. name = '服务器没有指定资源'
  111. break
  112. case '401':
  113. statusDesc = '权限异常'
  114. name = '您没有权限查看当前资源'
  115. break
  116. case '500':
  117. statusDesc = '服务器异常'
  118. name = '服务器内部错误'
  119. break
  120. case '999':
  121. statusDesc = '配置异常'
  122. name = '获取系统配置异常'
  123. break
  124. default:
  125. status = '页面异常'
  126. name = '请求数据出现未知问题'
  127. break
  128. }
  129. document.title = name
  130. document.getElementById('status').innerHTML = statusDesc
  131. document.getElementById('title').innerHTML = name
  132. document.getElementById('desc').innerHTML = desc
  133. if (top !== self) {
  134. var el = document.getElementById('errorPage')
  135. el.scrollHeight = document.body.scrollHeight
  136. if (el.classList) {
  137. el.classList.toggle('fullScreen')
  138. } else {
  139. var classes = el.className.split(' ')
  140. var existingIndex = classes.indexOf(className)
  141. if (existingIndex >= 0)
  142. classes.splice(existingIndex, 1)
  143. else
  144. classes.push(className)
  145. el.className = classes.join(' ')
  146. }
  147. }
  148. </script>
  149. </html>