exception.php 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <?php
  2. use addons\SmartForm\backend\assets\AppAsset;
  3. AppAsset::register($this);
  4. ?>
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta charset="UTF-8">
  9. <title>七件事网络技术支持</title>
  10. <style>
  11. body {
  12. margin: 0;
  13. padding: 0;
  14. background: #E6EAEB;
  15. font-family: Arial, '微软雅黑', '宋体', sans-serif
  16. }
  17. .alert-box {
  18. display: none;
  19. position: relative;
  20. margin: 96px auto 0;
  21. padding: 180px 85px 22px;
  22. border-radius: 10px 10px 0 0;
  23. background: #FFF;
  24. box-shadow: 5px 9px 17px rgba(102, 102, 102, 0.75);
  25. width: 286px;
  26. color: #FFF;
  27. text-align: center
  28. }
  29. .alert-box p {
  30. margin: 0
  31. }
  32. .alert-circle {
  33. position: absolute;
  34. top: -50px;
  35. left: 111px
  36. }
  37. .alert-sec-circle {
  38. stroke-dashoffset: 0;
  39. stroke-dasharray: 735;
  40. transition: stroke-dashoffset 1s linear
  41. }
  42. .alert-sec-text {
  43. position: absolute;
  44. top: 11px;
  45. left: 190px;
  46. width: 76px;
  47. color: #000;
  48. font-size: 68px
  49. }
  50. .alert-sec-unit {
  51. font-size: 34px
  52. }
  53. .alert-body {
  54. margin: 35px 0 0 0;
  55. padding-top: 40px;
  56. }
  57. .alert-head {
  58. color: #242424;
  59. font-size: 24px
  60. }
  61. .alert-concent {
  62. margin: 25px 0 14px;
  63. color: #7B7B7B;
  64. font-size: 18px
  65. }
  66. .alert-concent p {
  67. line-height: 27px
  68. }
  69. .alert-btn {
  70. display: block;
  71. border-radius: 10px;
  72. background-color: #4AB0F7;
  73. height: 55px;
  74. line-height: 55px;
  75. width: 286px;
  76. color: #FFF;
  77. font-size: 20px;
  78. text-decoration: none;
  79. letter-spacing: 2px
  80. }
  81. .alert-btn:hover {
  82. background-color: #6BC2FF
  83. }
  84. .alert-footer {
  85. margin: 0 auto;
  86. height: 42px;
  87. width: 120px
  88. }
  89. .alert-footer-icon {
  90. float: left
  91. }
  92. .alert-footer-text {
  93. float: left;
  94. border-left: 2px solid #EEE;
  95. padding: 3px 0 0 5px;
  96. height: 40px;
  97. color: #0B85CC;
  98. font-size: 12px;
  99. text-align: left
  100. }
  101. .alert-footer-text p {
  102. color: #7A7A7A;
  103. font-size: 22px;
  104. line-height: 18px
  105. }
  106. </style>
  107. </head>
  108. <body class="ie8">
  109. <div id="js-alert-box" class="alert-box"> <svg class="alert-circle" width="234" height="234">
  110. <circle cx="117" cy="117" r="108" fill="#FFF" stroke="#43AEFA" stroke-width="17"></circle>
  111. <circle id="js-sec-circle" class="alert-sec-circle" cx="117" cy="117" r="108" fill="transparent" stroke="#F4F1F1" stroke-width="18" transform="rotate(-90 117 117)"></circle>
  112. <text class="alert-sec-unit" x="82" y="172" fill="#BDBDBD">secs</text>
  113. </svg>
  114. <div id="js-sec-text" class="alert-sec-text"></div>
  115. <div class="alert-body">
  116. <div id="js-alert-head" class="alert-head" style="color: #FF6347"></div>
  117. <!-- <div style="text-align:center;width:100%;line-height:20px;height:20px;color:#6BC2FF;position:absolute;bottom:0;">七件事网络技术支持</div> -->
  118. <div class="alert-concent">
  119. </div>
  120. <!-- <a id="js-alert-btn" class="alert-btn" href="#">立即前往</a> </div> -->
  121. <div class="alert-footer clearfix">
  122. <!-- <svg width="46px" height="42px" class="alert-footer-icon">
  123. <circle fill-rule="evenodd" clip-rule="evenodd" fill="#7B7B7B" stroke="#DEDFE0" stroke-width="2" stroke-miterlimit="10" cx="21.917" cy="21.25" r="17" />
  124. <path fill="#FFF" d="M22.907,27.83h-1.98l0.3-2.92c-0.37-0.22-0.61-0.63-0.61-1.1c0-0.71,0.58-1.29,1.3-1.29s1.3,0.58,1.3,1.29 c0,0.47-0.24,0.88-0.61,1.1L22.907,27.83z M18.327,17.51c0-1.98,1.61-3.59,3.59-3.59s3.59,1.61,3.59,3.59v2.59h-7.18V17.51z M27.687,20.1v-2.59c0-3.18-2.59-5.76-5.77-5.76s-5.76,2.58-5.76,5.76v2.59h-1.24v10.65h14V20.1H27.687z" />
  125. <circle fill-rule="evenodd" clip-rule="evenodd" fill="#FEFEFE" cx="35.417" cy="10.75" r="6.5" />
  126. <polygon fill="#7B7B7B" stroke="#7B7B7B" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="35.417,12.16 32.797,9.03 31.917,10.07 35.417,14.25 42.917,5.29 42.037,4.25 " />
  127. </svg> -->
  128. </div>
  129. </div>
  130. <script>
  131. function alertSet(e) {
  132. document.getElementById("js-alert-box").style.display = "block",
  133. document.getElementById("js-alert-head").innerHTML = e;
  134. var t = 3,
  135. n = document.getElementById("js-sec-circle");
  136. document.getElementById("js-sec-text").innerHTML = t,
  137. setInterval(function() {
  138. if (0 == t) {
  139. window.history.back(-1);
  140. } else {
  141. t -= 1,
  142. document.getElementById("js-sec-text").innerHTML = t;
  143. var e = Math.round(t / 10 * 735);
  144. n.style.strokeDashoffset = e - 735
  145. }
  146. },
  147. 970);
  148. }
  149. </script>
  150. </body>
  151. </html>
  152. <script>
  153. alertSet('对不起,您现在还没获此操作的权限');
  154. </script>