﻿﻿<!DOCTYPE html><html class="root-main">
<head>
    <meta charset="utf-8"/><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><title>统一身份认证平台</title>
    <script>
        var inputUserNameTip = "\u8BF7\u8F93\u5165\u7528\u6237\u540D";
        var inputPasswordTip = "\u8BF7\u8F93\u5165\u5BC6\u7801";
        var inputCodeTip = "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801";
        var qrLoginTip = "\u4F01\u4E1A\u5FAE\u4FE1";
        var qrInvalidTip = "\u4E8C\u7EF4\u7801\u5DF2\u5931\u6548\uFF0C\u70B9\u51FB\u5237\u65B0";

        var inputMobileTip = "\u8BF7\u8F93\u5165\u624B\u673A\u53F7\u6216\u5B66\u53F7";
        var inputDynamicTip = "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801";
        var getDynamicCodeTip = "\u83B7\u53D6\u9A8C\u8BC1\u7801";
        var inputDynamicGetCode = "\u83B7\u53D6\u9A8C\u8BC1\u7801";
        var excludeRegular = "\u7528\u6237\u540D\u5305\u542B\u7279\u6B8A\u5B57\u7B26";
        //不转码，防止参数丢失
        var service = ["https:\/\/seat-lib.wtu.edu.cn\/rem\/static\/sso\/webOAuthRed"];
        var type = null;
        var jsonObject = {"pcLogoPath":null,"pcThemeColor":null,"officialUrl":null,"defaultWxQrCode":0,"wxQrCode":null,"defaultImage":1,"imageType":1,"shufflingTime":30,"shufflingStyle":1,"imageNames":["PC_BG_0.jpg","PC_BG_1.jpg"],"mobileLogoPath":null,"mobileThemeColor":null,"mobileModel":0,"mobileImages":["default_mobile_login.png"],"otherModel":0,"otherImages":["default_auth_serv_bg.png"]};
        var reg = "[$:{}]";
    </script>
    <script type="text/javascript">
        if (service == '' || !service) {
            service = '';//saml后缀
        }
        var isQrLogin = "true";
        var isQrLoginEnabled = "true"
        var captchaSwitch = "2";
        var needCaptcha = "";
        var _fidoEnabled = "true";
        var is_dynamicLogin = "true";
        var is_userNameLogin = "false";
        var contextPath = "/authserver";
        var cllt = "";
        var _badCredentialsCount = "0";
        var rememberMeTip = '开启后7天内无需再次登录，主动退出登录或使用浏览器无痕模式访问后，此功能失效'
    </script>
    <style>
        .change-color {
            color: #002954 !important;
        }

        .change-bg-color {
            background-color: rgb(60 46 144) !important;
        }

        .change-bd-color {
            border-color: #002954 !important;
        }
    </style>
    <link rel="stylesheet" type="text/css"
          href="/authserver/cusThemeWtu/static/css/toastr.min.css?v=20260810.091140"><link rel="stylesheet" type="text/css"
          href="/authserver/cusThemeWtu/static/web/css/login.css?v=20260810.091140"/><link rel="stylesheet" type="text/css"
          href="/authserver/cusThemeWtu/static/web/iconfont/iconfont.css?v=20260810.091140"/><link rel="stylesheet" type="text/css"
          href="/authserver/cusThemeWtu/static/web/css/fido.css?v=20260810.091140"/><link rel="stylesheet" type="text/css"
          href="/authserver/cusThemeWtu/static/common/css/swiper.min.css?v=20260810.091140"/><link rel="stylesheet" type="text/css"
          href="/authserver/cusThemeWtu/customStatic/web/css/gorgeous.css?v=20260810.091140"/><link rel="stylesheet" type="text/css"
          href="/authserver/cusThemeWtu/customStatic/web/css/custom.css?v=20260810.091140"/><script type="text/javascript"
            src="/authserver/cusThemeWtu/static/common/swiper.min.js?v=20260810.091140" ></script>
    <script type="text/javascript"
            src="/authserver/cusThemeWtu/static/common/jquery-latest.min.js?v=20260810.091140" ></script>
    <script type="text/javascript"
            src="/authserver/cusThemeWtu/static/js/plugin/toastr.min.js?v=20260810.091140" ></script>
    <script type="text/javascript"
            src="/authserver/cusThemeWtu/static/common/utils.js?v=20260810.091140" ></script>
    <script type="text/javascript"
            src="/authserver/cusThemeWtu/static/common/common-header.js?v=20260810.091140" ></script>
    <script type="text/javascript"
            src="/authserver/cusThemeWtu/static/common/encrypt.js?v=20260810.091140" ></script>
    <script type="text/javascript"
            src="/authserver/cusThemeWtu/static/web/js/fido.js?v=20260810.091140" ></script>
    <script type="text/javascript"
            src="/authserver/cusThemeWtu/static/web/js/schoolCombinedLogin.js?v=20260810.091140" ></script>
    <script type="text/javascript"
            src="/authserver/cusThemeWtu/static/web/js/login.js?v=20260810.091140" ></script>

    <style>
        #rememberMeTipDiv:hover .bubbleTip {
            display: block;
        }

        #myRememberMe {
            overflow: visible !important;
            display: flex;
        }

        .bubbleTip {
            background-color: black;
            color: white;
            display: none;
            padding: 8px 12px 8px 12px;
            line-height: 18px;
            text-align: left;
            position: absolute;
            top: -10px;
            left: -5px;
            font-size: 12px;
            z-index: 100;
            width: 300px;
            white-space: break-spaces;
            top: 50%;
            transform: translate(30px, -50%);
        }

        .bubbleTip::before {
            position: absolute;
            content: '';
            height: 0;
            width: 0;
            border-width: 1em;
            border-style: solid;
            border-color: transparent black transparent transparent;
            left: -1.5em;
            top: 0px;
            bottom: 0px;
            margin: auto;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $("#myRememberMe").attr("title", "")
        });
    </script>
</head>
<body>
<div class="container-ge">
    <div class="auth_page_wrappers">
        <div class="swiper-container swiper-main">
            <div class="swiper-wrapper">

                <div class="swiper-slide swiper-no-swiping">
                    <img loading="lazy" fetchpriority="low" src="/authserver/cusThemeWtu/customStatic/web/images/bg-1.jpg" style="width: 100%;height: 100%;"/></div>

                <div class="swiper-slide swiper-no-swiping">
                    <img loading="lazy" fetchpriority="low" src="/authserver/cusThemeWtu/customStatic/web/images/bg-2.jpg" style="width: 100%;height: 100%;"/></div>

                <div class="swiper-slide swiper-no-swiping">
                  <img loading="lazy" fetchpriority="low" src="/authserver/cusThemeWtu/customStatic/web/images/bg-3.jpg" style="width: 100%;height: 100%;" /></div>

                <div class="swiper-slide swiper-no-swiping">
                  <img loading="lazy" fetchpriority="low" src="/authserver/cusThemeWtu/customStatic/web/images/bg-4.jpg" style="width: 100%;height: 100%;" /></div>

                <div class="swiper-slide swiper-no-swiping">
                  <img loading="lazy" fetchpriority="low" src="/authserver/cusThemeWtu/customStatic/web/images/bg-5.jpg" style="width: 100%;height: 100%;" /></div>

            </div>
        </div>
        <div class="auth_page_body">
            <div class="auth_page_content">
                <div class="auth_login_content">
                    <div class="cus_wrap">
                        <div style="position: relative;">
                            <div class="wrap-ge">
                                <section class="main">
                                    <div class="wrap-logo">
                                        <img src="/authserver/cusThemeWtu/customStatic/web/images/logo.png"
                                             alt=""/><div class="logo-text">统一身份认证</div>
                                    </div>
                                    <div class="tabHead">
                                          <span id="qrLoginSpan" title="企业微信">
                                            <a id="qrLogin_a" href="#"
                                               class="loginFont_a text_ellipsis">企业微信</a>
                                            <div class='tabHead-underline change-bg-color'>&nbsp;</div>
                                          </span>
                                          <span id="wxLoginSpan" title="微信扫码">
                                            <a id="wxLogin_a" href="#" class="loginFont_a text_ellipsis"
                                              >微信扫码</a>
                                            <div class='tabHead-underline change-bg-color'>&nbsp;</div>
                                          </span>
                                          <span id="phoneLoginSpan" title="手机短信" style="display: none">
                                            <a id="dynamicLogin_a" href="#"
                                              class="loginFont_a text_ellipsis">手机短信</a>
                                            <div class='tabHead-underline change-bg-color'>&nbsp;</div>
                                          </span>
                                        <span id="pwdLoginSpan" title="账号登录"
                                              style="display: none">
                                            <a id="userNameLogin_a" href="#"
                                               class="loginFont_a text_ellipsis">账号登录</a>
                                            <div class='tabHead-underline change-bg-color'>&nbsp;</div>
                                          </span>
                                        <span id="fidoLoginSpan" style="max-width: 120px;display: none"
                                              title="生物识别">
                                            <a id="fidoLogin_a" href="#"
                                               class="loginFont_a text_ellipsis">生物识别</a>
                                            <div class='tabHead-underline change-bg-color'>&nbsp;</div>
                                          </span>

                                    </div>
                                    <div class="login-main login-slider">
                                        <div id="loginViewDiv"></div>
                                        <div class="help-inline">
                                            <div class="help-inline-tip"></div>
                                        </div>
                                        <div class="login-footer">
                                            <div class="mask-show">
                                                <img class="mask-img"
                                                     src="/authserver/cusThemeWtu/customStatic/web/images/mask.png"
                                                     alt=""/></div>
                                            <div class="footer1">
                                                <div class="ways">
                                                    <div class="item">
                                                        <div class="item-password">
                                                            <a id="retrievePassId"
                                                               href="../retrieve-password/retrievePassword/index.html"
                                                               class="fo-password lang_text_ellipsis">忘记密码</a>
                                                        </div>
                                                    </div>

                                                    <div class="item">
                                                        <a id="activationAccountId"
                                                               href="../retrieve-password/accountActivation/index.html"
                                                               class="activation-account lang_text_ellipsis">账号激活</a>
                                                            </div>



                                                </div>

                                                </div>

                                        </div>
                                    </div>
                                </section>

                                </div>


                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<div id="sliderCaptchaDiv"></div>
<div id="fidoLoginDiv" style="display: none">
    <div style="height: 260px;margin-top: 60px">
		<a href="#" class="loginFont_a">
			<div class="fidoLogo">
				<img class="fidoLogoImage" src="/authserver/cusThemeWtu/static/web/images/fido.jpg" alt=""/><div id="ukey_info" class="text change-color num-text-ellipsis-2" style="width: 100%;">点击开启识别登录</div>
			</div>
		</a>
		<form class="loginFromClass" method="post" id="loginFromId" action="/authserver/login">
			<div class="lang_text_ellipsis" style="width:100%;color: red;margin-top: 10px;">
				<span id="showErrorTip"></span>
			</div>
			<input type="hidden" id="_eventId" name="_eventId" value="submit" /><input type="hidden" id="username-fido" name="username" value=""><input type="hidden" id="responseJson-fido" name="responseJson" value=""><input type="hidden" id="cllt" name="cllt" value="fidoLogin"><input type="hidden" id="dllt" name="dllt" value="generalLogin"><input type="hidden" name="lt" id="lt" value="" /><input type="hidden" id="execution" name="execution" value="e1s1" /></form>
		<div class="lang_text_ellipsis" style="width:100%;color: red;display: none;" id="showFidoErrorTip">
			<span id="showFidoErrorTipSpan" style="font-size: 14px;"></span>
		</div>
	</div>
</div>
<div id="phoneLoginDiv" style="display: none">
    <div>
		<form class="loginFromClass" method="post" id="phoneFromId" action="/authserver/login">
			<div class="form">
				<div class="m-phone">
					<div class="username item" style="overflow: visible;">
            <img class="icon-info" src="/authserver/cusThemeWtu/customStatic/web/images/phone.png" /><p class="account-title pc-mobile">
							<span class="lang_text_ellipsis">手机号</span>
							<span class="item" style="position: absolute;">
								<img class="mobile-tip" src="/authserver/cusThemeWtu/customStatic/web/images/question.png" height="16px"><span class="mobile-tip-prompt mobile-item-show">海外手机请按“国家代码-手机号”的格式输入，如：1-888888</span>
							</span>
						</p>
						<input type="text" id="username" name="username" class="change-input-color"
							   placeholder="请输入手机号/学号" title="请输入手机号/学号" value=""><div id="nameErrorTip" class="item-error-tip lang_text_ellipsis"></div>
					</div>
					<div class="captcha item" id="captchaDiv">
            <img class="icon-info" src="/authserver/cusThemeWtu/customStatic/web/images/captcha.png" /><p id="captchaTitle" class="account-title pc-captcha lang_text_ellipsis">图形验证码</p>
						<input type="text" id="captcha" name="captcha" autocomplete="off" class="change-input-color"
							   placeholder="请输入验证码" title="请输入验证码" maxlength="10"><span class="captcha-img">
							<img id="captchaImg" alt="验证码错误" height="30px"><a class="mask-inner captcha-refresh" href="#">刷新</a>
						</span>
						<div id="captchaErrorTip" class="item-error-tip lang_text_ellipsis"></div>
					</div>
					<div class="code item">
            <img class="icon-info" src="/authserver/cusThemeWtu/customStatic/web/images/code.png"/><p class="account-title pc-code lang_text_ellipsis">短信验证码</p>
						<i class="auth_icon auth_icon_bar"></i>
						<input type="text" id="dynamicCode" name="dynamicCode" autocomplete="off" class="change-input-color"
							   placeholder="请输入短信验证码" title="请输入短信验证码" maxlength="10"><a class="get-code text_ellipsis" href="#" title="获取验证码">
							<span class="change-color">获取验证码</span>
						</a>
						<a class="get-code-tip get-code text_ellipsis" style="display: none;" href="#" title="后重发">
							<span class="getCodeText change-color">120</span>
							<span style="color: #86909C;">后重发</span>
						</a>
						<div id="dynamicErrorTip" class="item-error-tip lang_text_ellipsis"></div>
					</div>
				</div>
			</div>
			<div class="ge-btn">
				<div id="formErrorTip" class="form-errorTip lang_text_ellipsis">
					<span id="showErrorTip" class="form-error"></span>
					<span id="showWarnTip" class="form-warn"></span>&nbsp;
				</div>
				<div class="btn">
					<a id="login_submit" href="#" class="login-btn change-bg-color">登录</a>
				</div>
			</div>
			<input type="hidden" id="_eventId" name="_eventId" value="submit" /><input type="hidden" id="cllt" name="cllt" value="dynamicLogin"><input type="hidden" id="dllt" name="dllt" value="generalLogin"><input type="hidden" id="lt" name="lt" value="" /><input type="hidden" id="pwdEncryptSalt" value="z0geT7leRdTnC7Yf" /><input type="hidden" id="execution" name="execution" value="e1s1" /></form>
	</div>
</div>
<div id="pwdLoginDiv" style="display: none">
    <div>
		<form class="loginFromClass" method="post" id="pwdFromId" action="/authserver/login">
			<div class="form">
				<div class="m-account">
					<div class="username item">
            <img class="icon-info" src="/authserver/cusThemeWtu/customStatic/web/images/user.png"/><p class="account-title pc-name lang_text_ellipsis">用户名</p>
						<input id="username" name="username" type="text" class="change-input-color" placeholder="请输入学号/工号" title="请输入学号/工号" value=""><div id="nameErrorTip" class="item-error-tip lang_text_ellipsis"></div>
					</div>
					<div class="password item">
            <img class="icon-info" src="/authserver/cusThemeWtu/customStatic/web/images/pwd.png" /><p class="account-title pc-pass lang_text_ellipsis">密码</p>
						<input id="password" name="passwordText" type="password" class="change-input-color no-auto-input" readonly
							   placeholder="请输入密码" title="请输入密码" maxlength="32"><input id="saltPassword" name="password" type="hidden"><a class="ge-input-eye eye-hide"></a>
						<div id="pwdErrorTip" class="item-error-tip lang_text_ellipsis"></div>
					</div>
					<div class="captcha item hide" id="captchaDiv">
            <img class="icon-info" src="/authserver/cusThemeWtu/customStatic/web/images/captcha.png" /><p id="captchaTitle" class="account-title pc-captcha lang_text_ellipsis hide">验证码</p>
						<input type="text" id="captcha" name="captcha" autocomplete="off" class="change-input-color"
							   placeholder="请输入验证码" title="请输入验证码" maxlength="10"><span class="captcha-img">
							<img id="captchaImg" alt="验证码错误" height="30px"><a class="mask-inner captcha-refresh" href="#">刷新</a>
						</span>
						<div id="captchaErrorTip" class="item-error-tip lang_text_ellipsis"></div>
					</div>
					<div style="clear: both"></div>
				</div>
				<div class="ge-btn">
					<div id="formErrorTip" class="form-errorTip lang_text_ellipsis">
						<span id="showErrorTip" class="form-error"></span>
						<span id="showWarnTip" class="form-warn"></span>
					</div>
					<div class="btn">
						<a id="login_submit" href="#" class="login-btn change-bg-color">登录</a>
					</div>
				</div>
			</div>
			<input type="hidden" id="_eventId" name="_eventId" value="submit" /><input type="hidden" id="cllt" name="cllt" value="userNameLogin"><input type="hidden" id="dllt" name="dllt" value="generalLogin"><input type="hidden" id="lt" name="lt" value="" /><input type="hidden" id="pwdEncryptSalt" value="z0geT7leRdTnC7Yf" /><input type="hidden" id="execution" name="execution" value="e1s1" /></form>
	</div>
</div>
<div id="qrLoginDiv" style="display: none">
    <div>
    <script type="text/javascript" src="/authserver/cusThemeWtu/static/custom/js/qrcode.js?v=20260810.091140" ></script>
    <div>
        <div class="login-container" style="overflow: hidden;">
            <div id="ww_login" style="display: flex;justify-content: center;margin-top: -65px;"></div>
        </div>
        <script type="text/javascript" src="/authserver/cusThemeWtu/static/custom/js/wxQrCode.js?v=20260810.091140" ></script>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                const wwLogin = ww.createWWLoginPanel({
                    el: '#ww_login',
                    params: {
                        login_type: "CorpApp",
                        appid: "wxf205a3ccccfdc7b7",
                        agentid: "1000108",
                        redirect_uri: "https://auth.wtu.edu.cn/authserver/callback?combinedType=weixinQYQuick&randomStr=80-4mTCGWjyT48hyL8Uui3ApZly2rIzyfK7XlRo3T4GpOlbgOSQ0N0NDpZrmcA&successUrl=https%3A%2F%2Fseat-lib.wtu.edu.cn%2Frem%2Fstatic%2Fsso%2FwebOAuthRed",
                        redirect_type: "top",
                        panel_size:"small",
                        disable_quick_login:"false",
                        lang:"zh",
                        state:"2w5IcG2dkzaSYTRVkA8zv1SqWhfQrWe6S1bxYv-uWV-qymVktVw",
                    },
                    // 登录失败
                    onLoginFail(err) {
                        console.error('登录失败:', err);
                    }
                });
            });
        </script>
    </div>
</div>
</div>
<div id="wxLoginDiv" style="display: none">
  <div class="wx-cut">
    
  </div>
  <p class="wx-tip">微信扫码</p>
</div>
</body>
<script src="/authserver/cusThemeWtu/static/custom/js/login-language.js?v=20260810.091140" 
        type="text/javascript"></script>

</html>