index.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>MaxKey单点登录认证系统</title>
  6. <base href="/">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <meta http-equiv="x-ua-compatible" content="ie=edge">
  9. <title id="maxkey_title" name="description">MaxKey-业界领先的IAM身份管理和认证产品</title>
  10. <meta http-equiv="description" content="MaxKey Single Sign-On">
  11. <link rel="icon" type="image/x-icon" href="favicon.ico">
  12. <script src="./assets/transform.js"></script>
  13. <!-- Apple Touch Icon -->
  14. <!-- <link rel="apple-touch-icon" href="custom-icon.png"> -->
  15. <style type="text/css">
  16. .preloader {
  17. position: fixed;
  18. top: 0;
  19. left: 0;
  20. z-index: 9999;
  21. width: 100%;
  22. height: 100%;
  23. overflow: hidden;
  24. background: #49a9ee;
  25. transition: opacity .65s
  26. }
  27. .preloader-hidden-add {
  28. display: block;
  29. opacity: 1
  30. }
  31. .preloader-hidden-add-active {
  32. opacity: 0
  33. }
  34. .preloader-hidden {
  35. display: none
  36. }
  37. .cs-loader {
  38. position: absolute;
  39. top: 0;
  40. left: 0;
  41. width: 100%;
  42. height: 100%
  43. }
  44. .cs-loader-inner {
  45. position: absolute;
  46. top: 50%;
  47. width: 100%;
  48. color: #fff;
  49. text-align: center;
  50. transform: translateY(-50%)
  51. }
  52. .cs-loader-inner label {
  53. display: inline-block;
  54. font-size: 20px;
  55. opacity: 0
  56. }
  57. @keyframes lol {
  58. 0% {
  59. transform: translateX(-300px);
  60. opacity: 0
  61. }
  62. 33% {
  63. transform: translateX(0);
  64. opacity: 1
  65. }
  66. 66% {
  67. transform: translateX(0);
  68. opacity: 1
  69. }
  70. 100% {
  71. transform: translateX(300px);
  72. opacity: 0
  73. }
  74. }
  75. .cs-loader-inner label:nth-child(6) {
  76. animation: lol 3s infinite ease-in-out
  77. }
  78. .cs-loader-inner label:nth-child(5) {
  79. animation: lol 3s .1s infinite ease-in-out
  80. }
  81. .cs-loader-inner label:nth-child(4) {
  82. animation: lol 3s .2s infinite ease-in-out
  83. }
  84. .cs-loader-inner label:nth-child(3) {
  85. animation: lol 3s .3s infinite ease-in-out
  86. }
  87. .cs-loader-inner label:nth-child(2) {
  88. animation: lol 3s .4s infinite ease-in-out
  89. }
  90. .cs-loader-inner label:nth-child(1) {
  91. animation: lol 3s .5s infinite ease-in-out
  92. }
  93. </style>
  94. </head>
  95. <body>
  96. <app-root></app-root>
  97. <div class="preloader">
  98. <div class="cs-loader">
  99. <div class="cs-loader-inner">
  100. <label> ●</label>
  101. <label> ●</label>
  102. <label> ●</label>
  103. <label> ●</label>
  104. <label> ●</label>
  105. <label> ●</label>
  106. </div>
  107. </div>
  108. </div>
  109. </body>
  110. <!--attention http or https-->
  111. <!--企业微信
  112. <script src="http://wwcdn.weixin.qq.com/node/wework/wwopen/js/wwLogin-1.2.7.js"></script>
  113. -->
  114. <!--钉钉-->
  115. <!--
  116. <script src="http://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>
  117. <script >
  118. var ddredirect_uri="";
  119. var handleMessage = function (event) {
  120. var origin = event.origin;
  121. if( origin == "https://login.dingtalk.com" ) { //判断是否来自ddLogin扫码事件。
  122. var loginTmpCode = event.data;
  123. ddredirect_uri = ddredirect_uri+'&loginTmpCode='+loginTmpCode;
  124. //获取到loginTmpCode后就可以在这里构造跳转链接进行跳转了
  125. window.top.location.href = ddredirect_uri;
  126. }
  127. };
  128. if (typeof window.addEventListener != 'undefined') {
  129. window.addEventListener('message', handleMessage, false);
  130. } else if (typeof window.attachEvent != 'undefined') {
  131. window.attachEvent('onmessage', handleMessage);
  132. }
  133. </script>
  134. -->
  135. <!--飞书-->
  136. <!---->
  137. <script src="http://sf3-cn.feishucdn.com/obj/static/lark/passport/qrcode/LarkSSOSDKWebQRCode-1.0.1.js"></script>
  138. <script type="text/javascript">
  139. var fsredirectUri = "";
  140. var QRLoginObj;
  141. var handleMessage = function (event) {
  142. var origin = event.origin;
  143. // 使用 matchOrigin 方法来判断 message 是否来自飞书页面
  144. if (QRLoginObj && QRLoginObj.matchOrigin(origin)) {
  145. var loginTmpCode = event.data;
  146. // 在授权页面地址上拼接上参数 tmp_code,并跳转
  147. fsredirectUri = fsredirectUri + "&tmp_code=" + loginTmpCode;
  148. window.top.location.href = fsredirectUri;
  149. }
  150. };
  151. if (typeof window.addEventListener != 'undefined') {
  152. window.addEventListener('message', handleMessage, false);
  153. }
  154. else if (typeof window.attachEvent != 'undefined') {
  155. window.attachEvent('onmessage', handleMessage);
  156. }
  157. </script>
  158. </html>