| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>登录界面</title>
- <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
- <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
- <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
- <link href="data/styles.css" type="text/css" rel="stylesheet"/>
- <link href="files/登录界面/styles.css" type="text/css" rel="stylesheet"/>
- <link href="https://fonts.googleapis.com" rel="preconnect"/>
- <link href="https://fonts.gstatic.com" rel="preconnect"/>
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet"/>
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
- <script src="resources/scripts/jquery-3.7.1.min.js"></script>
- <script src="resources/scripts/axure/axQuery.js"></script>
- <script src="resources/scripts/axure/globals.js"></script>
- <script src="resources/scripts/axutils.js"></script>
- <script src="resources/scripts/axure/annotation.js"></script>
- <script src="resources/scripts/axure/axQuery.std.js"></script>
- <script src="resources/scripts/axure/doc.js"></script>
- <script src="resources/scripts/messagecenter.js"></script>
- <script src="resources/scripts/axure/events.js"></script>
- <script src="resources/scripts/axure/recording.js"></script>
- <script src="resources/scripts/axure/action.js"></script>
- <script src="resources/scripts/axure/expr.js"></script>
- <script src="resources/scripts/axure/geometry.js"></script>
- <script src="resources/scripts/axure/flyout.js"></script>
- <script src="resources/scripts/axure/model.js"></script>
- <script src="resources/scripts/axure/repeater.js"></script>
- <script src="resources/scripts/axure/sto.js"></script>
- <script src="resources/scripts/axure/utils.temp.js"></script>
- <script src="resources/scripts/axure/variables.js"></script>
- <script src="resources/scripts/axure/drag.js"></script>
- <script src="resources/scripts/axure/move.js"></script>
- <script src="resources/scripts/axure/visibility.js"></script>
- <script src="resources/scripts/axure/style.js"></script>
- <script src="resources/scripts/axure/adaptive.js"></script>
- <script src="resources/scripts/axure/tree.js"></script>
- <script src="resources/scripts/axure/init.temp.js"></script>
- <script src="resources/scripts/axure/legacy.js"></script>
- <script src="resources/scripts/axure/viewer.js"></script>
- <script src="resources/scripts/axure/math.js"></script>
- <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
- <script src="data/document.js"></script>
- <script src="files/登录界面/data.js"></script>
- <script type="text/javascript">
- $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
- $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
- $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
- </script>
- </head>
- <body>
- <div id="base" class="">
- <!-- Unnamed (登录界面02(验证码+账号验证)) -->
- <div id="u0" class="nopointer ax_default">
- <!-- 背景 (Dynamic panel) -->
- <div id="u1" class="ax_default" data-label="背景">
- <div id="u1_state0" class="panel_state" data-label="背景" style="">
- <div id="u1_state0_content" class="panel_state_content">
- </div>
- </div>
- </div>
- <!-- 登录面板 (Dynamic panel) -->
- <div id="u2" class="ax_default" data-label="登录面板">
- <div id="u2_state0" class="panel_state" data-label="登录面板" style="">
- <div id="u2_state0_content" class="panel_state_content">
- <!-- Unnamed (SVG) -->
- <div id="u3" class="ax_default _默认样式 transition notrs">
- <img id="u3_img" class="img " src="images/登录界面/u3.svg"/>
- <div id="u3_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- 标题 (Group) -->
- <div id="u4" class="ax_default" data-label="标题" data-left="0" data-top="32" data-width="457" data-height="70" layer-opacity="1">
- <!-- Unnamed (SVG) -->
- <div id="u5" class="ax_default _默认样式 transition notrs">
- <img id="u5_img" class="img " src="images/登录界面/u5.svg"/>
- <div id="u5_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (Rectangle) -->
- <div id="u6" class="ax_default _默认样式1 transition notrs">
- <div id="u6_div" class=""></div>
- <div id="u6_text" class="text ">
- <p><span>XXBQ辅助指挥决策系统</span></p><p><span> </span></p>
- </div>
- </div>
- </div>
- <!-- 框体 (Group) -->
- <div id="u7" class="ax_default" data-label="框体" data-left="0" data-top="115" data-width="482" data-height="480" layer-opacity="1">
- <!-- Unnamed (Rectangle) -->
- <div id="u8" class="ax_default _默认样式 transition notrs">
- <svg data="images/登录界面/u8.svg" id="u8_img" class="img generatedImage">
- <defs>
- <pattern id="u8_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
- <linearGradient gradientUnits="userSpaceOnUse" x1="241" y1="0" x2="241" y2="462" id="u8_img_lg19">
- <stop id="Stop20" stop-color="#03b4f5" stop-opacity="0.2" offset="0" />
- <stop id="Stop21" stop-color="#03b4f5" stop-opacity="0.8980392156862745" offset="0.28" />
- <stop id="Stop22" stop-color="#03b4f5" stop-opacity="0.8980392156862745" offset="0.74" />
- <stop id="Stop23" stop-color="#03b4f5" stop-opacity="0.2" offset="1" />
- </linearGradient>
- </defs>
- <g transform="matrix(1 0 0 1 0 -122 )">
- <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" />
- <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" />
- </g>
- </svg>
- <div id="u8_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (Shape) -->
- <div id="u9" class="ax_default _形状 transition notrs">
- <svg data="images/登录界面/u9.svg" id="u9_img" class="img generatedImage">
- <defs>
- <pattern id="u9_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
- <mask fill="white" id="u9_img_cl24">
- <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" />
- </mask>
- </defs>
- <g transform="matrix(1 0 0 1 0 -115 )">
- <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" />
- <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)" />
- <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)" />
- <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)" />
- <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)" />
- <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)" />
- <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)" />
- <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)" />
- </g>
- </svg>
- <div id="u9_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (Shape) -->
- <div id="u10" class="ax_default _形状 transition notrs">
- <svg data="images/登录界面/u10.svg" id="u10_img" class="img generatedImage">
- <defs>
- <pattern id="u10_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
- <mask fill="white" id="u10_img_cl25">
- <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" />
- </mask>
- </defs>
- <g transform="matrix(1 0 0 1 0 -575 )">
- <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" />
- <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)" />
- <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)" />
- <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)" />
- <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)" />
- <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)" />
- <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)" />
- <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)" />
- </g>
- </svg>
- <div id="u10_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (Rectangle) -->
- <div id="u11" class="ax_default _默认样式 transition notrs">
- <div id="u11_div" class=""></div>
- <div id="u11_text" class="text ">
- <p><span>用户登录 </span><span>USER LOGIN</span></p>
- </div>
- </div>
- </div>
- <!-- 账号输入框 (Group) -->
- <div id="u12" class="ax_default" data-label="账号输入框" data-left="35" data-top="219" data-width="380" data-height="50" layer-opacity="1">
- <!-- 边框 (Rectangle) -->
- <div id="u13" class="ax_default _默认样式 transition notrs" data-label="边框">
- <div id="u13_div" class=""></div>
- <div id="u13_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- 账号输入框 (Text field) -->
- <div id="u14" class="ax_default _默认样式 transition notrs" data-label="账号输入框">
- <div id="u14_div" class=""></div>
- <input id="u14_input" type="text" value="" class="u14_input" maxlength="20"/>
- </div>
- <!-- 清除 (Rectangle) -->
- <div id="u15" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="清除" style="display:none; visibility: hidden">
- <div id="u15_div" class=""></div>
- <div id="u15_text" class="text ">
- <p><i class="fas fa-times"></i></p>
- </div>
- </div>
- <!-- 图标 (Rectangle) -->
- <div id="u16" class="ax_default _默认样式 transition notrs" data-label="图标">
- <div id="u16_div" class=""></div>
- <div id="u16_text" class="text ">
- <p><i class="fas fa-user"></i></p>
- </div>
- </div>
- </div>
- <!-- 密码输入框 (Group) -->
- <div id="u17" class="ax_default" data-label="密码输入框" data-left="35" data-top="289" data-width="380" data-height="50" layer-opacity="1">
- <!-- 边框 (Rectangle) -->
- <div id="u18" class="ax_default _默认样式 transition notrs" data-label="边框">
- <div id="u18_div" class=""></div>
- <div id="u18_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- 密码输入框 (Text field) -->
- <div id="u19" class="ax_default _默认样式 transition notrs" data-label="密码输入框">
- <div id="u19_div" class=""></div>
- <input id="u19_input" type="password" value="" class="u19_input" maxlength="20"/>
- </div>
- <!-- 清除 (Rectangle) -->
- <div id="u20" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="清除" style="display:none; visibility: hidden">
- <div id="u20_div" class=""></div>
- <div id="u20_text" class="text ">
- <p><i class="fas fa-times"></i></p>
- </div>
- </div>
- <!-- 图标 (Rectangle) -->
- <div id="u21" class="ax_default _默认样式 transition notrs" data-label="图标">
- <div id="u21_div" class=""></div>
- <div id="u21_text" class="text ">
- <p><i class="fas fa-key"></i></p>
- </div>
- </div>
- </div>
- <!-- 校验码输入框 (Group) -->
- <div id="u22" class="ax_default" data-label="校验码输入框" data-left="35" data-top="359" data-width="270" data-height="50" layer-opacity="1">
- <!-- 边框 (Rectangle) -->
- <div id="u23" class="ax_default _默认样式 transition notrs" data-label="边框">
- <div id="u23_div" class=""></div>
- <div id="u23_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- 校验码输入框 (Text field) -->
- <div id="u24" class="ax_default _默认样式 transition notrs" data-label="校验码输入框">
- <div id="u24_div" class=""></div>
- <input id="u24_input" type="text" value="" class="u24_input" maxlength="4"/>
- </div>
- <!-- 清除 (Rectangle) -->
- <div id="u25" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="清除" style="display:none; visibility: hidden">
- <div id="u25_div" class=""></div>
- <div id="u25_text" class="text ">
- <p><i class="fas fa-times"></i></p>
- </div>
- </div>
- <!-- 图标 (Rectangle) -->
- <div id="u26" class="ax_default _默认样式 transition notrs" data-label="图标">
- <div id="u26_div" class=""></div>
- <div id="u26_text" class="text ">
- <p><i class="fas fa-shield-alt"></i></p>
- </div>
- </div>
- </div>
- <!-- 校验码 (Dynamic panel) -->
- <div id="u27" class="ax_default" data-label="校验码">
- <div id="u27_state0" class="panel_state" data-label="校验码" style="">
- <div id="u27_state0_content" class="panel_state_content">
- <!-- 校验码显示 (Rectangle) -->
- <div id="u28" class="ax_default _默认样式 transition notrs" data-label="校验码显示">
- <div id="u28_div" class=""></div>
- <div id="u28_text" class="text ">
- <p><span>ABCD</span></p>
- </div>
- </div>
- <!-- 随机字符 (Rectangle) -->
- <div id="u29" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="随机字符" style="display:none; visibility: hidden">
- <div id="u29_div" class=""></div>
- <div id="u29_text" class="text ">
- <p><span>ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789</span></p>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 记住密码 (Group) -->
- <div id="u30" class="ax_default" data-label="记住密码" data-left="35" data-top="409" data-width="164" data-height="50" layer-opacity="1">
- <!-- 文字 (Rectangle) -->
- <div id="u31" class="ax_default _默认样式 transition notrs" data-label="文字">
- <div id="u31_div" class=""></div>
- <div id="u31_text" class="text ">
- <p><span>记住密码</span></p>
- </div>
- </div>
- <!-- 图标 (Rectangle) -->
- <div id="u321" class="ax_default _默认样式 transition notrs" data-label="图标">
- <div id="u321_div" class=""></div>
- <div id="u321_text" class="text" style="">
- <p>
- <i id="key_code" class="far fa-square"></i>
- <i id="key_code2" class="far fa-check-square" style="display:none"></i>
- </p>
- </div>
- </div>
- </div>
- <!-- 忘记密码 (Group) -->
- <div id="u33" class="ax_default" data-label="忘记密码" data-left="350" data-top="426" data-width="65" data-height="17" layer-opacity="1">
- <!-- Unnamed (Rectangle) -->
- <div id="u34" class="ax_default _默认样式 transition notrs">
- <div id="u34_div" class=""></div>
- <div id="u34_text" class="text ">
- <p><span>忘记密码?</span></p>
- </div>
- </div>
- <!-- 气泡提示 (Speech bubble) -->
- <div id="u35" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="气泡提示" style="display:none; visibility: hidden">
- <svg data="images/登录界面/气泡提示_u35.svg" id="u35_img" class="img generatedImage">
- <defs>
- <pattern id="u35_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
- <mask fill="white" id="u35_img_cl26">
- <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" />
- </mask>
- </defs>
- <g transform="matrix(1 0 0 1 -246 -356 )">
- <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" />
- <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)" />
- </g>
- </svg>
- <div id="u35_text" class="text ">
- <p><span>请联系管理员重置密码</span></p><p><span>电话:400-888-8888</span></p>
- </div>
- </div>
- </div>
- <!-- 登录按钮 (Group) -->
- <div id="u36" class="ax_default" data-label="登录按钮" data-left="35" data-top="458" data-width="380" data-height="50" layer-opacity="1">
- <!-- 登录按纽 (Rectangle) -->
- <div id="u37" class="ax_default _默认样式 transition notrs" data-label="登录按纽">
- <div id="u37_div" class=""></div>
- <div id="u37_text" class="text ">
- <p><span>登录</span></p>
- </div>
- </div>
- <!-- 加载图标 (SVG) -->
- <div id="u38" class="ax_default _默认样式 ax_default_hidden transition notrs" data-label="加载图标" style="display:none; visibility: hidden">
- <img id="u38_img" class="img " src="images/登录界面/加载图标_u38.svg"/>
- <div id="u38_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- </div>
- <!-- 警告提示 (Dynamic panel) -->
- <div id="u39" class="ax_default ax_default_hidden" data-label="警告提示" style="display:none; visibility: hidden">
- <div id="u39_state0" class="panel_state" data-label="请填写用户名称" style="">
- <div id="u39_state0_content" class="panel_state_content">
- <!-- Unnamed (Rectangle) -->
- <div id="u40" class="ax_default _默认样式 transition notrs">
- <div id="u40_div" class=""></div>
- <div id="u40_text" class="text ">
- <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>
- </div>
- </div>
- </div>
- </div>
- <div id="u39_state1" class="panel_state" data-label="请填写登录密码" style="visibility: hidden;">
- <div id="u39_state1_content" class="panel_state_content">
- <!-- Unnamed (Rectangle) -->
- <div id="u41" class="ax_default _默认样式 transition notrs">
- <div id="u41_div" class=""></div>
- <div id="u41_text" class="text ">
- <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>
- </div>
- </div>
- </div>
- </div>
- <div id="u39_state2" class="panel_state" data-label="请填写校验码" style="visibility: hidden;">
- <div id="u39_state2_content" class="panel_state_content">
- <!-- Unnamed (Rectangle) -->
- <div id="u42" class="ax_default _默认样式 transition notrs">
- <div id="u42_div" class=""></div>
- <div id="u42_text" class="text ">
- <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>
- </div>
- </div>
- </div>
- </div>
- <div id="u39_state3" class="panel_state" data-label="用户名或密码不正确" style="visibility: hidden;">
- <div id="u39_state3_content" class="panel_state_content">
- <!-- Unnamed (Rectangle) -->
- <div id="u43" class="ax_default _默认样式 transition notrs">
- <div id="u43_div" class=""></div>
- <div id="u43_text" class="text ">
- <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>
- </div>
- </div>
- </div>
- </div>
- <div id="u39_state4" class="panel_state" data-label="校验码不正确" style="visibility: hidden;">
- <div id="u39_state4_content" class="panel_state_content">
- <!-- Unnamed (Rectangle) -->
- <div id="u44" class="ax_default _默认样式 transition notrs">
- <div id="u44_div" class=""></div>
- <div id="u44_text" class="text ">
- <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>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 登录说明 (Group) -->
- <div id="u45" class="ax_default" data-label="登录说明" data-left="420" data-top="141" data-width="52" data-height="17" layer-opacity="1">
- <!-- Unnamed (Rectangle) -->
- <div id="u46" class="ax_default _默认样式 transition notrs">
- <div id="u46_div" class=""></div>
- <div id="u46_text" class="text ">
- <p><span>登录说明</span></p>
- </div>
- </div>
- <!-- 气泡提示 (Group) -->
- <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">
- <!-- 背景 (Shape) -->
- <div id="u48" class="ax_default _默认样式 transition notrs" data-label="背景">
- <svg data="images/登录界面/背景_u48.svg" id="u48_img" class="img generatedImage">
- <defs>
- <pattern id="u48_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
- <mask fill="white" id="u48_img_cl27">
- <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" />
- </mask>
- </defs>
- <g transform="matrix(1 0 0 1 -292 -161 )">
- <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" />
- <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)" />
- </g>
- </svg>
- <div id="u48_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- 文字 (Rectangle) -->
- <div id="u49" class="ax_default _默认样式 transition notrs" data-label="文字">
- <div id="u49_div" class=""></div>
- <div id="u49_text" class="text ">
- <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>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="resources/scripts/axure/ios.js"></script>
- <script>
- document.getElementById("u37").addEventListener("click", function () {
- // 获取账号、密码和验证码输入框的值
- var username = document.getElementById("u14_input").value;
- var password = document.getElementById("u19_input").value;
- var verificationCodeInput = document.getElementById("u24_input").value;
- // 获取当前显示的验证码
- var correctVerificationCode = document.getElementById("u28_text").innerText.trim();
- // 验证字段是否为空
- if (!username) {
- showWarningMessage("请填写用户名称");
- return;
- }
- if (!password) {
- showWarningMessage("请填写登录密码");
- return;
- }
- if (!verificationCodeInput) {
- showWarningMessage("请填写校验码");
- return;
- }
- // 验证账号密码是否正确
- if (username === "ZW" && password === "12345678") {
- // 验证验证码是否正确
- if (verificationCodeInput === correctVerificationCode) {
- // 跳转到目标页面
- setTimeout(function () {
- window.location.href = "入口界面.html"; // 替换为实际的页面 URL
- }, 2000);
- } else {
- showWarningMessage("校验码不正确");
- }
- } else {
- showWarningMessage("用户名或密码不正确");
- }
- });
- // 显示警告提示的函数
- function showWarningMessage(message) {
- var warningPanel = document.getElementById("u39");
- var warningText = warningPanel.querySelector(".text");
- // 设置提示信息
- 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>';
- // 显示警告面板
- warningPanel.style.display = "block";
- // 自动隐藏警告面板
- setTimeout(function () {
- warningPanel.style.display = "none";
- }, 5000);
- }
- // 页面加载时读取 localStorage 的状态
- window.addEventListener("load", function () {
- var isChecked = localStorage.getItem("rememberPassword") === "true";
- if (isChecked) {
- document.getElementById("key_code").style.display = "none";
- document.getElementById("key_code2").style.display = "";
- } else {
- document.getElementById("key_code").style.display = "";
- document.getElementById("key_code2").style.display = "none";
- }
- });
- // 监听 key_code 图标点击事件
- document.getElementById("key_code").addEventListener("click", function () {
- var uncheckedIcon = document.getElementById("key_code");
- var checkedIcon = document.getElementById("key_code2");
- // 切换显示状态
- if (uncheckedIcon.style.display === "none") {
- uncheckedIcon.style.display = ""; // 显示 fa-square
- checkedIcon.style.display = "none"; // 隐藏 fa-check-square
- localStorage.setItem("rememberPassword", "false"); // 存储状态
- } else {
- uncheckedIcon.style.display = "none"; // 隐藏 fa-square
- checkedIcon.style.display = ""; // 显示 fa-check-square
- localStorage.setItem("rememberPassword", "true"); // 存储状态
- }
- });
- </script>
- </body>
- </html>
|