index.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport"
  7. content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width,initial-scale=1.0"/>
  8. <title>WMS 8.0</title>
  9. <link rel="stylesheet" type="text/css" href="/static/ext-6.6/classic/theme-triton/resources/theme-triton-all.css"/>
  10. <link rel="stylesheet" type="text/css" href="/static/font-awesome/css/font-awesome.css"/>
  11. <script type="text/javascript" src="/static/require.js" data-main="./require_config.js"></script>
  12. <link rel="stylesheet" href="common.css">
  13. <style type="text/css">
  14. body {
  15. overflow: hidden;
  16. }
  17. body > #loading {
  18. height: 100vh;
  19. width: 100%;
  20. margin: 0;
  21. padding: 0;
  22. }
  23. #loading > div {
  24. position: absolute;
  25. top: 50%;
  26. left: 50%;
  27. transform: translate(-50%, -50%);
  28. }
  29. #loading_tip {
  30. margin-top: 48px;
  31. font-size: 20px;
  32. text-align: center;
  33. }
  34. .loading2 {
  35. display: flex;
  36. justify-content: space-between;
  37. }
  38. .demo2 {
  39. width: 33px;
  40. height: 15px;
  41. background: #68b2ce;
  42. float: left;
  43. margin: 0 3px;
  44. animation: demo2 linear 1s infinite;
  45. -webkit-animation: demo2 linear 1s infinite;
  46. }
  47. .demo2:nth-child(1) {
  48. animation-delay: 0s;
  49. }
  50. .demo2:nth-child(2) {
  51. animation-delay: 0.15s;
  52. }
  53. .demo2:nth-child(3) {
  54. animation-delay: 0.3s;
  55. }
  56. .demo2:nth-child(4) {
  57. animation-delay: 0.45s;
  58. }
  59. .demo2:nth-child(5) {
  60. animation-delay: 0.6s;
  61. }
  62. @keyframes demo2 {
  63. 0%, 60%, 100% {
  64. transform: scale(1);
  65. }
  66. 30% {
  67. transform: scaleY(3);
  68. }
  69. }
  70. @-webkit-keyframes demo2 {
  71. 0%, 60%, 100% {
  72. transform: scale(1);
  73. }
  74. 30% {
  75. transform: scaleY(3);
  76. }
  77. }
  78. </style>
  79. <script>
  80. _currentTimestamp = new Date().getTime()
  81. function setupProcess(step) {
  82. var ct = new Date().getTime();
  83. var cost = ct - _currentTimestamp;
  84. console.log('step: ' + step + ', cost: ' + cost + 'ms');
  85. if (step === 'A0') {
  86. document.getElementById('loading_tip').innerHTML = '1/10 正在载入 Ext';
  87. } else if (step === 'A1') {
  88. document.getElementById('loading_tip').innerHTML = '3/10 正在载入拼音库';
  89. } else if (step === 'A2') {
  90. document.getElementById('loading_tip').innerHTML = '4/10 正在载入 RequireJS';
  91. } else if (step === 'A3') {
  92. document.getElementById('loading_tip').innerHTML = '5/10 正在载入 YvanExt';
  93. } else if (step === 'A5') {
  94. document.getElementById('loading_tip').innerHTML = '6/10 正在载入 Biz业务模块';
  95. } else if (step === 'A6') {
  96. document.getElementById('loading_tip').innerHTML = '7/10 正在载入字典';
  97. } else if (step === 'A7') {
  98. document.getElementById('loading_tip').innerHTML = '8/10 正在载入用户菜单';
  99. } else if (step === 'A8') {
  100. document.getElementById('loading_tip').innerHTML = '9/10 正在载入主界面';
  101. } else if (step === 'AF') {
  102. document.getElementById('loading').remove();
  103. }
  104. _currentTimestamp = ct;
  105. }
  106. </script>
  107. </head>
  108. <body class="wotu-ui">
  109. <div id="loading">
  110. <div class="loading2">
  111. <div class="demo2"></div>
  112. <div class="demo2"></div>
  113. <div class="demo2"></div>
  114. <div class="demo2"></div>
  115. <div class="demo2"></div>
  116. </div>
  117. <div id="loading_tip">正在初始化</div>
  118. </div>
  119. <div id="app"></div>
  120. <script type="text/javascript">setupProcess('A0')</script>
  121. <script type="text/javascript" src="/static/ext-6.6/ext-all.js"></script>
  122. <script type="text/javascript">setupProcess('A1')</script>
  123. <script type="text/javascript" src="/static/ext-6.6/ux/TabCloseMenu.js"></script>
  124. <!--<script type="text/javascript" src="/static/ext-6.6/ux/TreePicker.js"></script>-->
  125. <script type="text/javascript" src="/static/ext-6.6/classic/locale/locale-zh_CN-debug.js"></script>
  126. <script type="text/javascript" src="/static/pinyin/pinyin_dict_withtone.js"></script>
  127. <script type="text/javascript" src="/static/pinyin/pinyinUtil.js"></script>
  128. <script type="text/javascript" src="/static/pinyin/pinyinUtilPlus.js"></script>
  129. <script type="text/javascript">setupProcess('A2');</script>
  130. </body>
  131. </html>