调解部署包

index.html 6.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=renderer content=webkit><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=/favicon.ico><title>调解系统</title><!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]--><style>html,
  2. body,
  3. #app {
  4. height: 100%;
  5. margin: 0px;
  6. padding: 0px;
  7. }
  8. .chromeframe {
  9. margin: 0.2em 0;
  10. background: #ccc;
  11. color: #000;
  12. padding: 0.2em 0;
  13. }
  14. #loader-wrapper {
  15. position: fixed;
  16. top: 0;
  17. left: 0;
  18. width: 100%;
  19. height: 100%;
  20. z-index: 999999;
  21. }
  22. #loader {
  23. display: block;
  24. position: relative;
  25. left: 50%;
  26. top: 50%;
  27. width: 150px;
  28. height: 150px;
  29. margin: -75px 0 0 -75px;
  30. border-radius: 50%;
  31. border: 3px solid transparent;
  32. border-top-color: #FFF;
  33. -webkit-animation: spin 2s linear infinite;
  34. -ms-animation: spin 2s linear infinite;
  35. -moz-animation: spin 2s linear infinite;
  36. -o-animation: spin 2s linear infinite;
  37. animation: spin 2s linear infinite;
  38. z-index: 1001;
  39. }
  40. #loader:before {
  41. content: "";
  42. position: absolute;
  43. top: 5px;
  44. left: 5px;
  45. right: 5px;
  46. bottom: 5px;
  47. border-radius: 50%;
  48. border: 3px solid transparent;
  49. border-top-color: #FFF;
  50. -webkit-animation: spin 3s linear infinite;
  51. -moz-animation: spin 3s linear infinite;
  52. -o-animation: spin 3s linear infinite;
  53. -ms-animation: spin 3s linear infinite;
  54. animation: spin 3s linear infinite;
  55. }
  56. #loader:after {
  57. content: "";
  58. position: absolute;
  59. top: 15px;
  60. left: 15px;
  61. right: 15px;
  62. bottom: 15px;
  63. border-radius: 50%;
  64. border: 3px solid transparent;
  65. border-top-color: #FFF;
  66. -moz-animation: spin 1.5s linear infinite;
  67. -o-animation: spin 1.5s linear infinite;
  68. -ms-animation: spin 1.5s linear infinite;
  69. -webkit-animation: spin 1.5s linear infinite;
  70. animation: spin 1.5s linear infinite;
  71. }
  72. @-webkit-keyframes spin {
  73. 0% {
  74. -webkit-transform: rotate(0deg);
  75. -ms-transform: rotate(0deg);
  76. transform: rotate(0deg);
  77. }
  78. 100% {
  79. -webkit-transform: rotate(360deg);
  80. -ms-transform: rotate(360deg);
  81. transform: rotate(360deg);
  82. }
  83. }
  84. @keyframes spin {
  85. 0% {
  86. -webkit-transform: rotate(0deg);
  87. -ms-transform: rotate(0deg);
  88. transform: rotate(0deg);
  89. }
  90. 100% {
  91. -webkit-transform: rotate(360deg);
  92. -ms-transform: rotate(360deg);
  93. transform: rotate(360deg);
  94. }
  95. }
  96. #loader-wrapper .loader-section {
  97. position: fixed;
  98. top: 0;
  99. width: 51%;
  100. height: 100%;
  101. background: #7171C6;
  102. z-index: 1000;
  103. -webkit-transform: translateX(0);
  104. -ms-transform: translateX(0);
  105. transform: translateX(0);
  106. }
  107. #loader-wrapper .loader-section.section-left {
  108. left: 0;
  109. }
  110. #loader-wrapper .loader-section.section-right {
  111. right: 0;
  112. }
  113. .loaded #loader-wrapper .loader-section.section-left {
  114. -webkit-transform: translateX(-100%);
  115. -ms-transform: translateX(-100%);
  116. transform: translateX(-100%);
  117. -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  118. transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  119. }
  120. .loaded #loader-wrapper .loader-section.section-right {
  121. -webkit-transform: translateX(100%);
  122. -ms-transform: translateX(100%);
  123. transform: translateX(100%);
  124. -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  125. transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  126. }
  127. .loaded #loader {
  128. opacity: 0;
  129. -webkit-transition: all 0.3s ease-out;
  130. transition: all 0.3s ease-out;
  131. }
  132. .loaded #loader-wrapper {
  133. visibility: hidden;
  134. -webkit-transform: translateY(-100%);
  135. -ms-transform: translateY(-100%);
  136. transform: translateY(-100%);
  137. -webkit-transition: all 0.3s 1s ease-out;
  138. transition: all 0.3s 1s ease-out;
  139. }
  140. .no-js #loader-wrapper {
  141. display: none;
  142. }
  143. .no-js h1 {
  144. color: #222222;
  145. }
  146. #loader-wrapper .load_title {
  147. font-family: 'Open Sans';
  148. color: #FFF;
  149. font-size: 19px;
  150. width: 100%;
  151. text-align: center;
  152. z-index: 9999999999999;
  153. position: absolute;
  154. top: 60%;
  155. opacity: 1;
  156. line-height: 30px;
  157. }
  158. #loader-wrapper .load_title span {
  159. font-weight: normal;
  160. font-style: italic;
  161. font-size: 13px;
  162. color: #FFF;
  163. opacity: 0.5;
  164. }</style><link href=/static/css/chunk-libs.a5063752.css rel=stylesheet><link href=/static/css/app.5327215e.css rel=stylesheet></head><body><div id=app><div id=loader-wrapper><div id=loader></div><div class="loader-section section-left"></div><div class="loader-section section-right"></div><div class=load_title>正在加载系统资源,请耐心等待</div></div></div><script>(function(e){function r(r){for(var n,l,i=r[0],a=r[1],f=r[2],c=0,s=[];c<i.length;c++)l=i[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);p&&p(r);while(s.length)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++){var a=t[i];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={runtime:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e["default"]}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var i=window["webpackJsonp"]=window["webpackJsonp"]||[],a=i.push.bind(i);i.push=r,i=i.slice();for(var f=0;f<i.length;f++)r(i[f]);var p=a;t()})([]);</script><script src=/static/js/chunk-elementUI.2fcb3a2e.js></script><script src=/static/js/chunk-libs.221e2ec9.js></script><script src=/static/js/app.c37b0987.js></script></body></html>