登录界面.html 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>登录界面</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  7. <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
  8. <link href="data/styles.css" type="text/css" rel="stylesheet"/>
  9. <link href="files/登录界面/styles.css" type="text/css" rel="stylesheet"/>
  10. <link href="https://fonts.googleapis.com" rel="preconnect"/>
  11. <link href="https://fonts.gstatic.com" rel="preconnect"/>
  12. <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet"/>
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  14. <script src="resources/scripts/jquery-3.7.1.min.js"></script>
  15. <script src="resources/scripts/axure/axQuery.js"></script>
  16. <script src="resources/scripts/axure/globals.js"></script>
  17. <script src="resources/scripts/axutils.js"></script>
  18. <script src="resources/scripts/axure/annotation.js"></script>
  19. <script src="resources/scripts/axure/axQuery.std.js"></script>
  20. <script src="resources/scripts/axure/doc.js"></script>
  21. <script src="resources/scripts/messagecenter.js"></script>
  22. <script src="resources/scripts/axure/events.js"></script>
  23. <script src="resources/scripts/axure/recording.js"></script>
  24. <script src="resources/scripts/axure/action.js"></script>
  25. <script src="resources/scripts/axure/expr.js"></script>
  26. <script src="resources/scripts/axure/geometry.js"></script>
  27. <script src="resources/scripts/axure/flyout.js"></script>
  28. <script src="resources/scripts/axure/model.js"></script>
  29. <script src="resources/scripts/axure/repeater.js"></script>
  30. <script src="resources/scripts/axure/sto.js"></script>
  31. <script src="resources/scripts/axure/utils.temp.js"></script>
  32. <script src="resources/scripts/axure/variables.js"></script>
  33. <script src="resources/scripts/axure/drag.js"></script>
  34. <script src="resources/scripts/axure/move.js"></script>
  35. <script src="resources/scripts/axure/visibility.js"></script>
  36. <script src="resources/scripts/axure/style.js"></script>
  37. <script src="resources/scripts/axure/adaptive.js"></script>
  38. <script src="resources/scripts/axure/tree.js"></script>
  39. <script src="resources/scripts/axure/init.temp.js"></script>
  40. <script src="resources/scripts/axure/legacy.js"></script>
  41. <script src="resources/scripts/axure/viewer.js"></script>
  42. <script src="resources/scripts/axure/math.js"></script>
  43. <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
  44. <script src="data/document.js"></script>
  45. <script src="files/登录界面/data.js"></script>
  46. <script type="text/javascript">
  47. $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
  48. $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
  49. $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
  50. </script>
  51. </head>
  52. <body>
  53. <div id="base" class="">
  54. <!-- Unnamed (登录界面02(验证码+账号验证)) -->
  55. <div id="u0" class="nopointer ax_default">
  56. <!-- 背景 (Dynamic panel) -->
  57. <div id="u1" class="ax_default" data-label="背景">
  58. <div id="u1_state0" class="panel_state" data-label="背景" style="">
  59. <div id="u1_state0_content" class="panel_state_content">
  60. </div>
  61. </div>
  62. </div>
  63. <!-- 登录面板 (Dynamic panel) -->
  64. <div id="u2" class="ax_default" data-label="登录面板">
  65. <div id="u2_state0" class="panel_state" data-label="登录面板" style="">
  66. <div id="u2_state0_content" class="panel_state_content">
  67. <!-- Unnamed (SVG) -->
  68. <div id="u3" class="ax_default _默认样式 transition notrs">
  69. <img id="u3_img" class="img " src="images/登录界面/u3.svg"/>
  70. <div id="u3_text" class="text " style="display:none; visibility: hidden">
  71. <p></p>
  72. </div>
  73. </div>
  74. <!-- 标题 (Group) -->
  75. <div id="u4" class="ax_default" data-label="标题" data-left="0" data-top="32" data-width="457" data-height="70" layer-opacity="1">
  76. <!-- Unnamed (SVG) -->
  77. <div id="u5" class="ax_default _默认样式 transition notrs">
  78. <img id="u5_img" class="img " src="images/登录界面/u5.svg"/>
  79. <div id="u5_text" class="text " style="display:none; visibility: hidden">
  80. <p></p>
  81. </div>
  82. </div>
  83. <!-- Unnamed (Rectangle) -->
  84. <div id="u6" class="ax_default _默认样式1 transition notrs">
  85. <div id="u6_div" class=""></div>
  86. <div id="u6_text" class="text ">
  87. <p><span>XXBQ辅助指挥决策系统</span></p><p><span>&nbsp;</span></p>
  88. </div>
  89. </div>
  90. </div>
  91. <!-- 框体 (Group) -->
  92. <div id="u7" class="ax_default" data-label="框体" data-left="0" data-top="115" data-width="482" data-height="480" layer-opacity="1">
  93. <!-- Unnamed (Rectangle) -->
  94. <div id="u8" class="ax_default _默认样式 transition notrs">
  95. <svg data="images/登录界面/u8.svg" id="u8_img" class="img generatedImage">
  96. <defs>
  97. <pattern id="u8_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
  98. <linearGradient gradientUnits="userSpaceOnUse" x1="241" y1="0" x2="241" y2="462" id="u8_img_lg19">
  99. <stop id="Stop20" stop-color="#03b4f5" stop-opacity="0.2" offset="0" />
  100. <stop id="Stop21" stop-color="#03b4f5" stop-opacity="0.8980392156862745" offset="0.28" />
  101. <stop id="Stop22" stop-color="#03b4f5" stop-opacity="0.8980392156862745" offset="0.74" />
  102. <stop id="Stop23" stop-color="#03b4f5" stop-opacity="0.2" offset="1" />
  103. </linearGradient>
  104. </defs>
  105. <g transform="matrix(1 0 0 1 0 -122 )">
  106. <path d="M 0 462 L 0 0 L 482 0 L 482 462 L 0 462 Z " fill-rule="nonzero" fill="rgba(3, 180, 245, 0.24705882352941178)" stroke="none" transform="matrix(1 0 0 1 0 122 )" class="fill" />
  107. <path d="M 481.5 0 L 481.5 462 M 0.5 462 L 0.5 0 " stroke-width="1" stroke-dasharray="0" stroke="url(#u8_img_lg19)" fill="none" transform="matrix(1 0 0 1 0 122 )" class="stroke" />
  108. </g>
  109. </svg>
  110. <div id="u8_text" class="text " style="display:none; visibility: hidden">
  111. <p></p>
  112. </div>
  113. </div>
  114. <!-- Unnamed (Shape) -->
  115. <div id="u9" class="ax_default _形状 transition notrs">
  116. <svg data="images/登录界面/u9.svg" id="u9_img" class="img generatedImage">
  117. <defs>
  118. <pattern id="u9_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
  119. <mask fill="white" id="u9_img_cl24">
  120. <path d="M 482 18.14541871921182 L 478.0110344827586 18.14541871921182 L 473.3572413793103 11 L 9.307586206896598 11 L 4.653793103448238 19.032118226601 L 0 19.032118226601 L 0 8.391724137930993 L 7.31310344827582 0.411428571428587 L 50.52689655172418 0.411428571428587 L 61.828965517241436 7.505024630541882 L 156.89931034482757 7.505024630541882 L 162.88275862068966 4 L 320.4468965517242 4 L 325.1006896551726 7.505024630541882 L 426.81931034482744 7.505024630541882 L 438.78620689655173 0.411428571428587 L 474.68689655172415 0.411428571428587 L 482 9.278423645320117 L 482 18.14541871921182 Z M 461.39034482758615 3.9582266009852276 L 458.73103448275856 3.9582266009852276 L 461.39034482758615 7.505024630541882 L 464.0496551724136 7.505024630541882 L 461.39034482758615 3.9582266009852276 Z M 466.7089655172413 3.9582266009852276 L 464.0496551724136 3.9582266009852276 L 466.7089655172413 7.505024630541882 L 469.368275862069 7.505024630541882 L 466.7089655172413 3.9582266009852276 Z M 474.68689655172415 7.505024630541882 L 472.0275862068965 3.9582266009852276 L 469.368275862069 3.9582266009852276 L 472.0275862068965 7.505024630541882 L 474.68689655172415 7.505024630541882 Z M 12.631724137931105 3.9582266009852276 L 9.972413793103401 3.9582266009852276 L 7.31310344827582 7.505024630541882 L 9.972413793103401 7.505024630541882 L 12.631724137931105 3.9582266009852276 Z M 17.950344827586267 3.9582266009852276 L 15.291034482758565 3.9582266009852276 L 12.631724137931105 7.505024630541882 L 15.291034482758565 7.505024630541882 L 17.950344827586267 3.9582266009852276 Z M 23.268965517241433 3.9582266009852276 L 20.609655172413728 3.9582266009852276 L 17.950344827586267 7.505024630541882 L 20.609655172413728 7.505024630541882 L 23.268965517241433 3.9582266009852276 Z " fill-rule="evenodd" />
  121. </mask>
  122. </defs>
  123. <g transform="matrix(1 0 0 1 0 -115 )">
  124. <path d="M 482 18.14541871921182 L 478.0110344827586 18.14541871921182 L 473.3572413793103 11 L 9.307586206896598 11 L 4.653793103448238 19.032118226601 L 0 19.032118226601 L 0 8.391724137930993 L 7.31310344827582 0.411428571428587 L 50.52689655172418 0.411428571428587 L 61.828965517241436 7.505024630541882 L 156.89931034482757 7.505024630541882 L 162.88275862068966 4 L 320.4468965517242 4 L 325.1006896551726 7.505024630541882 L 426.81931034482744 7.505024630541882 L 438.78620689655173 0.411428571428587 L 474.68689655172415 0.411428571428587 L 482 9.278423645320117 L 482 18.14541871921182 Z M 461.39034482758615 3.9582266009852276 L 458.73103448275856 3.9582266009852276 L 461.39034482758615 7.505024630541882 L 464.0496551724136 7.505024630541882 L 461.39034482758615 3.9582266009852276 Z M 466.7089655172413 3.9582266009852276 L 464.0496551724136 3.9582266009852276 L 466.7089655172413 7.505024630541882 L 469.368275862069 7.505024630541882 L 466.7089655172413 3.9582266009852276 Z M 474.68689655172415 7.505024630541882 L 472.0275862068965 3.9582266009852276 L 469.368275862069 3.9582266009852276 L 472.0275862068965 7.505024630541882 L 474.68689655172415 7.505024630541882 Z M 12.631724137931105 3.9582266009852276 L 9.972413793103401 3.9582266009852276 L 7.31310344827582 7.505024630541882 L 9.972413793103401 7.505024630541882 L 12.631724137931105 3.9582266009852276 Z M 17.950344827586267 3.9582266009852276 L 15.291034482758565 3.9582266009852276 L 12.631724137931105 7.505024630541882 L 15.291034482758565 7.505024630541882 L 17.950344827586267 3.9582266009852276 Z M 23.268965517241433 3.9582266009852276 L 20.609655172413728 3.9582266009852276 L 17.950344827586267 7.505024630541882 L 20.609655172413728 7.505024630541882 L 23.268965517241433 3.9582266009852276 Z " fill-rule="nonzero" fill="rgba(3, 180, 245, 1)" stroke="none" transform="matrix(1 0 0 1 0 115 )" class="fill" />
  125. <path d="M 482 18.14541871921182 L 478.0110344827586 18.14541871921182 L 473.3572413793103 11 L 9.307586206896598 11 L 4.653793103448238 19.032118226601 L 0 19.032118226601 L 0 8.391724137930993 L 7.31310344827582 0.411428571428587 L 50.52689655172418 0.411428571428587 L 61.828965517241436 7.505024630541882 L 156.89931034482757 7.505024630541882 L 162.88275862068966 4 L 320.4468965517242 4 L 325.1006896551726 7.505024630541882 L 426.81931034482744 7.505024630541882 L 438.78620689655173 0.411428571428587 L 474.68689655172415 0.411428571428587 L 482 9.278423645320117 L 482 18.14541871921182 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 115 )" class="stroke" mask="url(#u9_img_cl24)" />
  126. <path d="M 461.39034482758615 3.9582266009852276 L 458.73103448275856 3.9582266009852276 L 461.39034482758615 7.505024630541882 L 464.0496551724136 7.505024630541882 L 461.39034482758615 3.9582266009852276 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 115 )" class="stroke" mask="url(#u9_img_cl24)" />
  127. <path d="M 466.7089655172413 3.9582266009852276 L 464.0496551724136 3.9582266009852276 L 466.7089655172413 7.505024630541882 L 469.368275862069 7.505024630541882 L 466.7089655172413 3.9582266009852276 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 115 )" class="stroke" mask="url(#u9_img_cl24)" />
  128. <path d="M 474.68689655172415 7.505024630541882 L 472.0275862068965 3.9582266009852276 L 469.368275862069 3.9582266009852276 L 472.0275862068965 7.505024630541882 L 474.68689655172415 7.505024630541882 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 115 )" class="stroke" mask="url(#u9_img_cl24)" />
  129. <path d="M 12.631724137931105 3.9582266009852276 L 9.972413793103401 3.9582266009852276 L 7.31310344827582 7.505024630541882 L 9.972413793103401 7.505024630541882 L 12.631724137931105 3.9582266009852276 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 115 )" class="stroke" mask="url(#u9_img_cl24)" />
  130. <path d="M 17.950344827586267 3.9582266009852276 L 15.291034482758565 3.9582266009852276 L 12.631724137931105 7.505024630541882 L 15.291034482758565 7.505024630541882 L 17.950344827586267 3.9582266009852276 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 115 )" class="stroke" mask="url(#u9_img_cl24)" />
  131. <path d="M 23.268965517241433 3.9582266009852276 L 20.609655172413728 3.9582266009852276 L 17.950344827586267 7.505024630541882 L 20.609655172413728 7.505024630541882 L 23.268965517241433 3.9582266009852276 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 115 )" class="stroke" mask="url(#u9_img_cl24)" />
  132. </g>
  133. </svg>
  134. <div id="u9_text" class="text " style="display:none; visibility: hidden">
  135. <p></p>
  136. </div>
  137. </div>
  138. <!-- Unnamed (Shape) -->
  139. <div id="u10" class="ax_default _形状 transition notrs">
  140. <svg data="images/登录界面/u10.svg" id="u10_img" class="img generatedImage">
  141. <defs>
  142. <pattern id="u10_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
  143. <mask fill="white" id="u10_img_cl25">
  144. <path d="M 482 1.8545812807882385 L 478.0110344827586 1.8545812807882385 L 473.3572413793103 9 L 9.307586206896598 9 L 4.653793103448238 0.9678817733989717 L 0 0.9678817733989717 L 0 11.608275862069036 L 7.31310344827582 19.588571428571413 L 50.52689655172418 19.588571428571413 L 61.828965517241436 12.494975369458075 L 156.89931034482757 12.494975369458075 L 162.88275862068966 16 L 320.4468965517242 16 L 325.1006896551726 12.494975369458075 L 426.81931034482744 12.494975369458075 L 438.78620689655173 19.588571428571413 L 474.68689655172415 19.588571428571413 L 482 10.721576354679883 L 482 1.8545812807882385 Z M 461.39034482758615 16.0417733990148 L 458.73103448275856 16.0417733990148 L 461.39034482758615 12.494975369458075 L 464.0496551724136 12.494975369458075 L 461.39034482758615 16.0417733990148 Z M 466.7089655172413 16.0417733990148 L 464.0496551724136 16.0417733990148 L 466.7089655172413 12.494975369458075 L 469.368275862069 12.494975369458075 L 466.7089655172413 16.0417733990148 Z M 474.68689655172415 12.494975369458075 L 472.0275862068965 16.0417733990148 L 469.368275862069 16.0417733990148 L 472.0275862068965 12.494975369458075 L 474.68689655172415 12.494975369458075 Z M 12.631724137931105 16.0417733990148 L 9.972413793103401 16.0417733990148 L 7.31310344827582 12.494975369458075 L 9.972413793103401 12.494975369458075 L 12.631724137931105 16.0417733990148 Z M 17.950344827586267 16.0417733990148 L 15.291034482758565 16.0417733990148 L 12.631724137931105 12.494975369458075 L 15.291034482758565 12.494975369458075 L 17.950344827586267 16.0417733990148 Z M 23.268965517241433 16.0417733990148 L 20.609655172413728 16.0417733990148 L 17.950344827586267 12.494975369458075 L 20.609655172413728 12.494975369458075 L 23.268965517241433 16.0417733990148 Z " fill-rule="evenodd" />
  145. </mask>
  146. </defs>
  147. <g transform="matrix(1 0 0 1 0 -575 )">
  148. <path d="M 482 1.8545812807882385 L 478.0110344827586 1.8545812807882385 L 473.3572413793103 9 L 9.307586206896598 9 L 4.653793103448238 0.9678817733989717 L 0 0.9678817733989717 L 0 11.608275862069036 L 7.31310344827582 19.588571428571413 L 50.52689655172418 19.588571428571413 L 61.828965517241436 12.494975369458075 L 156.89931034482757 12.494975369458075 L 162.88275862068966 16 L 320.4468965517242 16 L 325.1006896551726 12.494975369458075 L 426.81931034482744 12.494975369458075 L 438.78620689655173 19.588571428571413 L 474.68689655172415 19.588571428571413 L 482 10.721576354679883 L 482 1.8545812807882385 Z M 461.39034482758615 16.0417733990148 L 458.73103448275856 16.0417733990148 L 461.39034482758615 12.494975369458075 L 464.0496551724136 12.494975369458075 L 461.39034482758615 16.0417733990148 Z M 466.7089655172413 16.0417733990148 L 464.0496551724136 16.0417733990148 L 466.7089655172413 12.494975369458075 L 469.368275862069 12.494975369458075 L 466.7089655172413 16.0417733990148 Z M 474.68689655172415 12.494975369458075 L 472.0275862068965 16.0417733990148 L 469.368275862069 16.0417733990148 L 472.0275862068965 12.494975369458075 L 474.68689655172415 12.494975369458075 Z M 12.631724137931105 16.0417733990148 L 9.972413793103401 16.0417733990148 L 7.31310344827582 12.494975369458075 L 9.972413793103401 12.494975369458075 L 12.631724137931105 16.0417733990148 Z M 17.950344827586267 16.0417733990148 L 15.291034482758565 16.0417733990148 L 12.631724137931105 12.494975369458075 L 15.291034482758565 12.494975369458075 L 17.950344827586267 16.0417733990148 Z M 23.268965517241433 16.0417733990148 L 20.609655172413728 16.0417733990148 L 17.950344827586267 12.494975369458075 L 20.609655172413728 12.494975369458075 L 23.268965517241433 16.0417733990148 Z " fill-rule="nonzero" fill="rgba(3, 180, 245, 1)" stroke="none" transform="matrix(1 0 0 1 0 575 )" class="fill" />
  149. <path d="M 482 1.8545812807882385 L 478.0110344827586 1.8545812807882385 L 473.3572413793103 9 L 9.307586206896598 9 L 4.653793103448238 0.9678817733989717 L 0 0.9678817733989717 L 0 11.608275862069036 L 7.31310344827582 19.588571428571413 L 50.52689655172418 19.588571428571413 L 61.828965517241436 12.494975369458075 L 156.89931034482757 12.494975369458075 L 162.88275862068966 16 L 320.4468965517242 16 L 325.1006896551726 12.494975369458075 L 426.81931034482744 12.494975369458075 L 438.78620689655173 19.588571428571413 L 474.68689655172415 19.588571428571413 L 482 10.721576354679883 L 482 1.8545812807882385 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 575 )" class="stroke" mask="url(#u10_img_cl25)" />
  150. <path d="M 461.39034482758615 16.0417733990148 L 458.73103448275856 16.0417733990148 L 461.39034482758615 12.494975369458075 L 464.0496551724136 12.494975369458075 L 461.39034482758615 16.0417733990148 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 575 )" class="stroke" mask="url(#u10_img_cl25)" />
  151. <path d="M 466.7089655172413 16.0417733990148 L 464.0496551724136 16.0417733990148 L 466.7089655172413 12.494975369458075 L 469.368275862069 12.494975369458075 L 466.7089655172413 16.0417733990148 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 575 )" class="stroke" mask="url(#u10_img_cl25)" />
  152. <path d="M 474.68689655172415 12.494975369458075 L 472.0275862068965 16.0417733990148 L 469.368275862069 16.0417733990148 L 472.0275862068965 12.494975369458075 L 474.68689655172415 12.494975369458075 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 575 )" class="stroke" mask="url(#u10_img_cl25)" />
  153. <path d="M 12.631724137931105 16.0417733990148 L 9.972413793103401 16.0417733990148 L 7.31310344827582 12.494975369458075 L 9.972413793103401 12.494975369458075 L 12.631724137931105 16.0417733990148 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 575 )" class="stroke" mask="url(#u10_img_cl25)" />
  154. <path d="M 17.950344827586267 16.0417733990148 L 15.291034482758565 16.0417733990148 L 12.631724137931105 12.494975369458075 L 15.291034482758565 12.494975369458075 L 17.950344827586267 16.0417733990148 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 575 )" class="stroke" mask="url(#u10_img_cl25)" />
  155. <path d="M 23.268965517241433 16.0417733990148 L 20.609655172413728 16.0417733990148 L 17.950344827586267 12.494975369458075 L 20.609655172413728 12.494975369458075 L 23.268965517241433 16.0417733990148 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 0 575 )" class="stroke" mask="url(#u10_img_cl25)" />
  156. </g>
  157. </svg>
  158. <div id="u10_text" class="text " style="display:none; visibility: hidden">
  159. <p></p>
  160. </div>
  161. </div>
  162. <!-- Unnamed (Rectangle) -->
  163. <div id="u11" class="ax_default _默认样式 transition notrs">
  164. <div id="u11_div" class=""></div>
  165. <div id="u11_text" class="text ">
  166. <p><span>用户登录 </span><span>USER LOGIN</span></p>
  167. </div>
  168. </div>
  169. </div>
  170. <!-- 账号输入框 (Group) -->
  171. <div id="u12" class="ax_default" data-label="账号输入框" data-left="35" data-top="219" data-width="380" data-height="50" layer-opacity="1">
  172. <!-- 边框 (Rectangle) -->
  173. <div id="u13" class="ax_default _默认样式 transition notrs" data-label="边框">
  174. <div id="u13_div" class=""></div>
  175. <div id="u13_text" class="text " style="display:none; visibility: hidden">
  176. <p></p>
  177. </div>
  178. </div>
  179. <!-- 账号输入框 (Text field) -->
  180. <div id="u14" class="ax_default _默认样式 transition notrs" data-label="账号输入框">
  181. <div id="u14_div" class=""></div>
  182. <input id="u14_input" type="text" value="" class="u14_input" maxlength="20"/>
  183. </div>
  184. <!-- 清除 (Rectangle) -->
  185. <div id="u15" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="清除" style="display:none; visibility: hidden">
  186. <div id="u15_div" class=""></div>
  187. <div id="u15_text" class="text ">
  188. <p><i class="fas fa-times"></i></p>
  189. </div>
  190. </div>
  191. <!-- 图标 (Rectangle) -->
  192. <div id="u16" class="ax_default _默认样式 transition notrs" data-label="图标">
  193. <div id="u16_div" class=""></div>
  194. <div id="u16_text" class="text ">
  195. <p><i class="fas fa-user"></i></p>
  196. </div>
  197. </div>
  198. </div>
  199. <!-- 密码输入框 (Group) -->
  200. <div id="u17" class="ax_default" data-label="密码输入框" data-left="35" data-top="289" data-width="380" data-height="50" layer-opacity="1">
  201. <!-- 边框 (Rectangle) -->
  202. <div id="u18" class="ax_default _默认样式 transition notrs" data-label="边框">
  203. <div id="u18_div" class=""></div>
  204. <div id="u18_text" class="text " style="display:none; visibility: hidden">
  205. <p></p>
  206. </div>
  207. </div>
  208. <!-- 密码输入框 (Text field) -->
  209. <div id="u19" class="ax_default _默认样式 transition notrs" data-label="密码输入框">
  210. <div id="u19_div" class=""></div>
  211. <input id="u19_input" type="password" value="" class="u19_input" maxlength="20"/>
  212. </div>
  213. <!-- 清除 (Rectangle) -->
  214. <div id="u20" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="清除" style="display:none; visibility: hidden">
  215. <div id="u20_div" class=""></div>
  216. <div id="u20_text" class="text ">
  217. <p><i class="fas fa-times"></i></p>
  218. </div>
  219. </div>
  220. <!-- 图标 (Rectangle) -->
  221. <div id="u21" class="ax_default _默认样式 transition notrs" data-label="图标">
  222. <div id="u21_div" class=""></div>
  223. <div id="u21_text" class="text ">
  224. <p><i class="fas fa-key"></i></p>
  225. </div>
  226. </div>
  227. </div>
  228. <!-- 校验码输入框 (Group) -->
  229. <div id="u22" class="ax_default" data-label="校验码输入框" data-left="35" data-top="359" data-width="270" data-height="50" layer-opacity="1">
  230. <!-- 边框 (Rectangle) -->
  231. <div id="u23" class="ax_default _默认样式 transition notrs" data-label="边框">
  232. <div id="u23_div" class=""></div>
  233. <div id="u23_text" class="text " style="display:none; visibility: hidden">
  234. <p></p>
  235. </div>
  236. </div>
  237. <!-- 校验码输入框 (Text field) -->
  238. <div id="u24" class="ax_default _默认样式 transition notrs" data-label="校验码输入框">
  239. <div id="u24_div" class=""></div>
  240. <input id="u24_input" type="text" value="" class="u24_input" maxlength="4"/>
  241. </div>
  242. <!-- 清除 (Rectangle) -->
  243. <div id="u25" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="清除" style="display:none; visibility: hidden">
  244. <div id="u25_div" class=""></div>
  245. <div id="u25_text" class="text ">
  246. <p><i class="fas fa-times"></i></p>
  247. </div>
  248. </div>
  249. <!-- 图标 (Rectangle) -->
  250. <div id="u26" class="ax_default _默认样式 transition notrs" data-label="图标">
  251. <div id="u26_div" class=""></div>
  252. <div id="u26_text" class="text ">
  253. <p><i class="fas fa-shield-alt"></i></p>
  254. </div>
  255. </div>
  256. </div>
  257. <!-- 校验码 (Dynamic panel) -->
  258. <div id="u27" class="ax_default" data-label="校验码">
  259. <div id="u27_state0" class="panel_state" data-label="校验码" style="">
  260. <div id="u27_state0_content" class="panel_state_content">
  261. <!-- 校验码显示 (Rectangle) -->
  262. <div id="u28" class="ax_default _默认样式 transition notrs" data-label="校验码显示">
  263. <div id="u28_div" class=""></div>
  264. <div id="u28_text" class="text ">
  265. <p><span>ABCD</span></p>
  266. </div>
  267. </div>
  268. <!-- 随机字符 (Rectangle) -->
  269. <div id="u29" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="随机字符" style="display:none; visibility: hidden">
  270. <div id="u29_div" class=""></div>
  271. <div id="u29_text" class="text ">
  272. <p><span>ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789</span></p>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278. <!-- 记住密码 (Group) -->
  279. <div id="u30" class="ax_default" data-label="记住密码" data-left="35" data-top="409" data-width="164" data-height="50" layer-opacity="1">
  280. <!-- 文字 (Rectangle) -->
  281. <div id="u31" class="ax_default _默认样式 transition notrs" data-label="文字">
  282. <div id="u31_div" class=""></div>
  283. <div id="u31_text" class="text ">
  284. <p><span>记住密码</span></p>
  285. </div>
  286. </div>
  287. <!-- 图标 (Rectangle) -->
  288. <div id="u321" class="ax_default _默认样式 transition notrs" data-label="图标">
  289. <div id="u321_div" class=""></div>
  290. <div id="u321_text" class="text" style="">
  291. <p>
  292. <i id="key_code" class="far fa-square"></i>
  293. <i id="key_code2" class="far fa-check-square" style="display:none"></i>
  294. </p>
  295. </div>
  296. </div>
  297. </div>
  298. <!-- 忘记密码 (Group) -->
  299. <div id="u33" class="ax_default" data-label="忘记密码" data-left="350" data-top="426" data-width="65" data-height="17" layer-opacity="1">
  300. <!-- Unnamed (Rectangle) -->
  301. <div id="u34" class="ax_default _默认样式 transition notrs">
  302. <div id="u34_div" class=""></div>
  303. <div id="u34_text" class="text ">
  304. <p><span>忘记密码?</span></p>
  305. </div>
  306. </div>
  307. <!-- 气泡提示 (Speech bubble) -->
  308. <div id="u35" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="气泡提示" style="display:none; visibility: hidden">
  309. <svg data="images/登录界面/气泡提示_u35.svg" id="u35_img" class="img generatedImage">
  310. <defs>
  311. <pattern id="u35_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
  312. <mask fill="white" id="u35_img_cl26">
  313. <path d="M 10 54 C 4.477152501692066 54.5623880597015 0 50.08523555800943 0 44.5623880597015 L 0 10 C 0 4.477152501692066 4.477152501692066 0 10 0 L 161 0 C 166.52284749830793 0 171 4.477152501692066 171 10 L 171 44.5623880597015 C 171 50.08523555800943 166.52284749830793 54.5623880597015 161 54 L 149.94166666666678 54 L 140.13333333333338 64.98235489220554 L 129.94166666666678 54 L 10 54 Z " fill-rule="evenodd" />
  314. </mask>
  315. </defs>
  316. <g transform="matrix(1 0 0 1 -246 -356 )">
  317. <path d="M 10 54 C 4.477152501692066 54.5623880597015 0 50.08523555800943 0 44.5623880597015 L 0 10 C 0 4.477152501692066 4.477152501692066 0 10 0 L 161 0 C 166.52284749830793 0 171 4.477152501692066 171 10 L 171 44.5623880597015 C 171 50.08523555800943 166.52284749830793 54.5623880597015 161 54 L 149.94166666666678 54 L 140.13333333333338 64.98235489220554 L 129.94166666666678 54 L 10 54 Z " fill-rule="nonzero" fill="rgba(0, 0, 0, 0.8)" stroke="none" transform="matrix(1 0 0 1 246 356 )" class="fill" />
  318. <path d="M 10 54 C 4.477152501692066 54.5623880597015 0 50.08523555800943 0 44.5623880597015 L 0 10 C 0 4.477152501692066 4.477152501692066 0 10 0 L 161 0 C 166.52284749830793 0 171 4.477152501692066 171 10 L 171 44.5623880597015 C 171 50.08523555800943 166.52284749830793 54.5623880597015 161 54 L 149.94166666666678 54 L 140.13333333333338 64.98235489220554 L 129.94166666666678 54 L 10 54 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(102, 102, 102, 1)" fill="none" transform="matrix(1 0 0 1 246 356 )" class="stroke" mask="url(#u35_img_cl26)" />
  319. </g>
  320. </svg>
  321. <div id="u35_text" class="text ">
  322. <p><span>请联系管理员重置密码</span></p><p><span>电话:400-888-8888</span></p>
  323. </div>
  324. </div>
  325. </div>
  326. <!-- 登录按钮 (Group) -->
  327. <div id="u36" class="ax_default" data-label="登录按钮" data-left="35" data-top="458" data-width="380" data-height="50" layer-opacity="1">
  328. <!-- 登录按纽 (Rectangle) -->
  329. <div id="u37" class="ax_default _默认样式 transition notrs" data-label="登录按纽">
  330. <div id="u37_div" class=""></div>
  331. <div id="u37_text" class="text ">
  332. <p><span>登录</span></p>
  333. </div>
  334. </div>
  335. <!-- 加载图标 (SVG) -->
  336. <div id="u38" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="加载图标" style="display:none; visibility: hidden">
  337. <img id="u38_img" class="img " src="images/登录界面/加载图标_u38.svg"/>
  338. <div id="u38_text" class="text " style="display:none; visibility: hidden">
  339. <p></p>
  340. </div>
  341. </div>
  342. </div>
  343. <!-- 警告提示 (Dynamic panel) -->
  344. <div id="u39" class="ax_default ax_default_hidden" data-label="警告提示" style="display:none; visibility: hidden">
  345. <div id="u39_state0" class="panel_state" data-label="请填写用户名称" style="">
  346. <div id="u39_state0_content" class="panel_state_content">
  347. <!-- Unnamed (Rectangle) -->
  348. <div id="u40" class="ax_default _默认样式 transition notrs">
  349. <div id="u40_div" class=""></div>
  350. <div id="u40_text" class="text ">
  351. <p><span style="font-family:'Font Awesome 5 Pro', sans-serif;font-weight:400;"></span><span style="font-family:'微软雅黑', sans-serif;font-weight:400;"> 请填写用户账号</span></p>
  352. </div>
  353. </div>
  354. </div>
  355. </div>
  356. <div id="u39_state1" class="panel_state" data-label="请填写登录密码" style="visibility: hidden;">
  357. <div id="u39_state1_content" class="panel_state_content">
  358. <!-- Unnamed (Rectangle) -->
  359. <div id="u41" class="ax_default _默认样式 transition notrs">
  360. <div id="u41_div" class=""></div>
  361. <div id="u41_text" class="text ">
  362. <p><span style="font-family:'Font Awesome 5 Pro', sans-serif;font-weight:400;"></span><span style="font-family:'微软雅黑', sans-serif;font-weight:400;"> 请填写登录密码</span></p>
  363. </div>
  364. </div>
  365. </div>
  366. </div>
  367. <div id="u39_state2" class="panel_state" data-label="请填写校验码" style="visibility: hidden;">
  368. <div id="u39_state2_content" class="panel_state_content">
  369. <!-- Unnamed (Rectangle) -->
  370. <div id="u42" class="ax_default _默认样式 transition notrs">
  371. <div id="u42_div" class=""></div>
  372. <div id="u42_text" class="text ">
  373. <p><span style="font-family:'Font Awesome 5 Pro', sans-serif;font-weight:400;"></span><span style="font-family:'微软雅黑', sans-serif;font-weight:400;"> 请填写校验码</span></p>
  374. </div>
  375. </div>
  376. </div>
  377. </div>
  378. <div id="u39_state3" class="panel_state" data-label="用户名或密码不正确" style="visibility: hidden;">
  379. <div id="u39_state3_content" class="panel_state_content">
  380. <!-- Unnamed (Rectangle) -->
  381. <div id="u43" class="ax_default _默认样式 transition notrs">
  382. <div id="u43_div" class=""></div>
  383. <div id="u43_text" class="text ">
  384. <p><span style="font-family:'Font Awesome 5 Pro', sans-serif;font-weight:400;"></span><span style="font-family:'微软雅黑', sans-serif;font-weight:400;"> 用户名或密码不正确</span></p>
  385. </div>
  386. </div>
  387. </div>
  388. </div>
  389. <div id="u39_state4" class="panel_state" data-label="校验码不正确" style="visibility: hidden;">
  390. <div id="u39_state4_content" class="panel_state_content">
  391. <!-- Unnamed (Rectangle) -->
  392. <div id="u44" class="ax_default _默认样式 transition notrs">
  393. <div id="u44_div" class=""></div>
  394. <div id="u44_text" class="text ">
  395. <p><span style="font-family:'Font Awesome 5 Pro', sans-serif;font-weight:400;"></span><span style="font-family:'微软雅黑', sans-serif;font-weight:400;"> 确校验码不正确,请重新输入</span></p>
  396. </div>
  397. </div>
  398. </div>
  399. </div>
  400. </div>
  401. <!-- 登录说明 (Group) -->
  402. <div id="u45" class="ax_default" data-label="登录说明" data-left="420" data-top="141" data-width="52" data-height="17" layer-opacity="1">
  403. <!-- Unnamed (Rectangle) -->
  404. <div id="u46" class="ax_default _默认样式 transition notrs">
  405. <div id="u46_div" class=""></div>
  406. <div id="u46_text" class="text ">
  407. <p><span>登录说明</span></p>
  408. </div>
  409. </div>
  410. <!-- 气泡提示 (Group) -->
  411. <div id="u47" class="ax_default ax_default_hidden" data-label="气泡提示" style="display:none; visibility: hidden" data-left="292" data-top="161" data-width="182" data-height="90" layer-opacity="1">
  412. <!-- 背景 (Shape) -->
  413. <div id="u48" class="ax_default _默认样式 transition notrs" data-label="背景">
  414. <svg data="images/登录界面/背景_u48.svg" id="u48_img" class="img generatedImage">
  415. <defs>
  416. <pattern id="u48_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
  417. <mask fill="white" id="u48_img_cl27">
  418. <path d="M 10.64327485380116 11 C 4.765156463789225 11.094392652123986 0 17.569043962263294 0 25.555931113662467 L 0 75.53846153846155 C 0 83.52534868986072 4.765156463789225 90 10.64327485380116 90 L 171.35672514619887 90 C 177.23484353621075 90 182 83.52534868986072 182 75.53846153846155 L 182 25.555931113662467 C 182 17.569043962263294 177.23484353621075 11.094392652123986 171.35672514619887 11 L 160.71428571428572 11 L 152.42857142857144 0 L 144.14285714285717 11 L 10.64327485380116 11 Z " fill-rule="evenodd" />
  419. </mask>
  420. </defs>
  421. <g transform="matrix(1 0 0 1 -292 -161 )">
  422. <path d="M 10.64327485380116 11 C 4.765156463789225 11.094392652123986 0 17.569043962263294 0 25.555931113662467 L 0 75.53846153846155 C 0 83.52534868986072 4.765156463789225 90 10.64327485380116 90 L 171.35672514619887 90 C 177.23484353621075 90 182 83.52534868986072 182 75.53846153846155 L 182 25.555931113662467 C 182 17.569043962263294 177.23484353621075 11.094392652123986 171.35672514619887 11 L 160.71428571428572 11 L 152.42857142857144 0 L 144.14285714285717 11 L 10.64327485380116 11 Z " fill-rule="nonzero" fill="rgba(0, 0, 0, 0.8)" stroke="none" transform="matrix(1 0 0 1 292 161 )" class="fill" />
  423. <path d="M 10.64327485380116 11 C 4.765156463789225 11.094392652123986 0 17.569043962263294 0 25.555931113662467 L 0 75.53846153846155 C 0 83.52534868986072 4.765156463789225 90 10.64327485380116 90 L 171.35672514619887 90 C 177.23484353621075 90 182 83.52534868986072 182 75.53846153846155 L 182 25.555931113662467 C 182 17.569043962263294 177.23484353621075 11.094392652123986 171.35672514619887 11 L 160.71428571428572 11 L 152.42857142857144 0 L 144.14285714285717 11 L 10.64327485380116 11 Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(102, 102, 102, 1)" fill="none" transform="matrix(1 0 0 1 292 161 )" class="stroke" mask="url(#u48_img_cl27)" />
  424. </g>
  425. </svg>
  426. <div id="u48_text" class="text " style="display:none; visibility: hidden">
  427. <p></p>
  428. </div>
  429. </div>
  430. <!-- 文字 (Rectangle) -->
  431. <div id="u49" class="ax_default _默认样式 transition notrs" data-label="文字">
  432. <div id="u49_div" class=""></div>
  433. <div id="u49_text" class="text ">
  434. <p style="font-size:14px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">需验证账号密码完成登录</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">账号:ZW</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">密码:12345678</span></p>
  435. </div>
  436. </div>
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441. </div>
  442. </div>
  443. </div>
  444. <script src="resources/scripts/axure/ios.js"></script>
  445. <script>
  446. document.getElementById("u37").addEventListener("click", function () {
  447. // 获取账号、密码和验证码输入框的值
  448. var username = document.getElementById("u14_input").value;
  449. var password = document.getElementById("u19_input").value;
  450. var verificationCodeInput = document.getElementById("u24_input").value;
  451. // 获取当前显示的验证码
  452. var correctVerificationCode = document.getElementById("u28_text").innerText.trim();
  453. // 验证字段是否为空
  454. if (!username) {
  455. showWarningMessage("请填写用户名称");
  456. return;
  457. }
  458. if (!password) {
  459. showWarningMessage("请填写登录密码");
  460. return;
  461. }
  462. if (!verificationCodeInput) {
  463. showWarningMessage("请填写校验码");
  464. return;
  465. }
  466. // 验证账号密码是否正确
  467. if (username === "ZW" && password === "12345678") {
  468. // 验证验证码是否正确
  469. if (verificationCodeInput === correctVerificationCode) {
  470. // 跳转到目标页面
  471. setTimeout(function () {
  472. window.location.href = "入口界面.html"; // 替换为实际的页面 URL
  473. }, 2000);
  474. } else {
  475. showWarningMessage("校验码不正确");
  476. }
  477. } else {
  478. showWarningMessage("用户名或密码不正确");
  479. }
  480. });
  481. // 显示警告提示的函数
  482. function showWarningMessage(message) {
  483. var warningPanel = document.getElementById("u39");
  484. var warningText = warningPanel.querySelector(".text");
  485. // 设置提示信息
  486. warningText.innerHTML = '<p><span style="font-family:\'Font Awesome 5 Pro\', sans-serif;font-weight:400;"></span><span style="font-family:\'微软雅黑\', sans-serif;font-weight:400;"> ' + message + '</span></p>';
  487. // 显示警告面板
  488. warningPanel.style.display = "block";
  489. // 自动隐藏警告面板
  490. setTimeout(function () {
  491. warningPanel.style.display = "none";
  492. }, 5000);
  493. }
  494. // 页面加载时读取 localStorage 的状态
  495. window.addEventListener("load", function () {
  496. var isChecked = localStorage.getItem("rememberPassword") === "true";
  497. if (isChecked) {
  498. document.getElementById("key_code").style.display = "none";
  499. document.getElementById("key_code2").style.display = "";
  500. } else {
  501. document.getElementById("key_code").style.display = "";
  502. document.getElementById("key_code2").style.display = "none";
  503. }
  504. });
  505. // 监听 key_code 图标点击事件
  506. document.getElementById("key_code").addEventListener("click", function () {
  507. var uncheckedIcon = document.getElementById("key_code");
  508. var checkedIcon = document.getElementById("key_code2");
  509. // 切换显示状态
  510. if (uncheckedIcon.style.display === "none") {
  511. uncheckedIcon.style.display = ""; // 显示 fa-square
  512. checkedIcon.style.display = "none"; // 隐藏 fa-check-square
  513. localStorage.setItem("rememberPassword", "false"); // 存储状态
  514. } else {
  515. uncheckedIcon.style.display = "none"; // 隐藏 fa-square
  516. checkedIcon.style.display = ""; // 显示 fa-check-square
  517. localStorage.setItem("rememberPassword", "true"); // 存储状态
  518. }
  519. });
  520. </script>
  521. </body>
  522. </html>