<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">

    <title>统一身份认证中心</title>
    <style>
        [v-cloak]{
            display: none;
        }
    </style>
    <link rel="stylesheet" href="/static/framework/qtip/jquery.qtip.min.css">
    <link rel="stylesheet" href="/static/framework/weui/weui.css">
    <link rel="stylesheet" href="/static/framework/weui/jquery.weui.min.css">
    <link rel="stylesheet" href="/static/auth/auth.css?20230809">
    <link rel="stylesheet" href="/template/dlou/auth/static/login-page-theme.css?20220816">
    <link rel="stylesheet" href="/static/framework/simple-keyboard/css/index.css?20220307">
    <script src="/static/framework/jquery/jquery-3.7.1.min.js"></script>
    <script src="/static/framework/jquery-plugins/jquery.backstretch.min.js"></script>
    <script src="/static/framework/lodash/lodash.min.js"></script>
    <script src="/static/framework/vue/vue.min.js"></script>
    <script src="/static/framework/weui/jquery.weui.min.js"></script>
    <script src="/static/framework/qtip/jquery.qtip.min.js"></script>
    <script src="/static/framework/weixin/jweixin-1.2.0.js"></script>
    <script src="/static/framework/crypto-js-3.3.0/crypto-js.js"></script>
    <script src="/static/framework/simple-keyboard/index.js"></script>
    <script>
        license_message = '';
        Vue.prototype.$encrypt = function(str) {
            key = CryptoJS.enc.Utf8.parse('7a333b58680e4bfeefd98876d8de9730'.substr(0,16));
            iv = CryptoJS.enc.Utf8.parse('7a333b58680e4bfeefd98876d8de9730'.substr(0,16));
            var encrypted = CryptoJS.AES.encrypt(str, key, {
                iv: iv,
                mode: CryptoJS.mode.CBC,
                padding: CryptoJS.pad.ZeroPadding
            });
            return encrypted;
        }
    </script>
    
</head>
<body class="auth okta-container">
<div id="login-bg-image" class="login-bg-image" data-se="login-bg-image"></div>
<script>
    var bg_list = [];
        bg_list = ["https:\/\/portal.dlou.edu.cn\/files\/2026\/03\/11\/99007969b0b76e7c1b1.jpg"];
        $(function(){
        if(bg_list.length){
            $("#login-bg-image").backstretch(bg_list,{
                duration: 4000,
                transitionDuration:750,
                transition:['fade','fade_in_out','push_left','push_right','push_up','push_down','cover_left','cover_right','cover_up','cover_down']
            });
        }
    });

</script>
<!-- 误删，删后会报错 -->


<div class="h_header" >
        <table>
            <tr>
                                <td style="vertical-align: top;">
                    <img src="https://portal.dlou.edu.cn/files/2023/08/26/70900364e9cde1a1c13.png" class="logo"/>
                </td>
                                <td style="vertical-align: middle">
                                        <h2 class=" align-middle inline-block text-3xl text-left font-normal text-gray-600  "  >统一身份认证</h2>
                                        <h2 class="align-middle inline-block h-8 text-3xl text-left divide font-light  w-px bg-gray-500 mx-6" ></h2>
                    <h2 class="align-middle inline-block text-3xl text-left font-normal  text-gray-500" >统一身份认证中心</h2>
                                    </td>
            </tr>
        </table>
</div>

<div class="flex min-h-full " >
        <div class="content-left">
                <div class='h-full flex items-center content-center'><img style='height:240px;margin-top:-10vh' src='https://portal.dlou.edu.cn/files/2023/08/26/70900364e9cde1a1c13.png'/></div>            </div>
        <div class="content-right">
        <div class="content" id="signin-container">
            
<div data-se="auth-container" id="okta-sign-in"
     class="auth-container    main-container can-remove-beacon rounded-2xl">
    <div class="w-full flex">
        
        <div class="auth-right w-full flex-0">
            <div class="okta-sign-in-header auth-header " >
        <div style="text-align:center;">
        <img src="https://portal.dlou.edu.cn/files/2023/08/26/70900364e9cde1a1c13.png" class="logo" />
    </div>
        <h2 class="text-xl text-center font-normal tracking-wider">统一身份认证</h2>
        <div class="auth-divider mt-8">
        <div class="font-sm  font-normal text-center tracking-widest" >统一身份认证中心</div>
    </div>
</div>



            <div class="auth-content relative" >
                                <div id="login_types_container" class="nav_tabs text-center text-gray-400 my-4 ">
        <a class="text-gray-500 text-xl font-medium inline-block tracking-wide align-middle navtab-link " :class="{now:current=='normal'}" href="https://portal.dlou.edu.cn/auth/cas/login?service=https%3A%2F%2Fm.cdouxinda.com/webvpn%2Flogin%3Fcas_login%3Dtrue&amp;login_type=normal" @click.stop.prevent="onNavClick('normal','https://portal.dlou.edu.cn/auth/cas/login?service=https%3A%2F%2Fm.cdouxinda.com/webvpn%2Flogin%3Fcas_login%3Dtrue&amp;login_type=normal','ImplNormal')">账号密码</a>
        <span class="inline-block align-middle w-px bg-gray-400 h-5 mx-2   last:hidden"></span>
            <a class="text-gray-500 text-xl font-medium inline-block tracking-wide align-middle navtab-link " :class="{now:current=='wechat_work_oauth'}" href="https://portal.dlou.edu.cn/auth/cas/login?service=https%3A%2F%2Fm.cdouxinda.com/webvpn%2Flogin%3Fcas_login%3Dtrue&amp;login_type=wechat_work_oauth" @click.stop.prevent="onNavClick('wechat_work_oauth','https://portal.dlou.edu.cn/auth/cas/login?service=https%3A%2F%2Fm.cdouxinda.com/webvpn%2Flogin%3Fcas_login%3Dtrue&amp;login_type=wechat_work_oauth','ImplWechatWorkOauth')">企业微信</a>
        </div>
<script>
    new Vue({
        el:'#login_types_container',
        data:function (){
            return {
                current:"wechat_work_oauth"
            }
        },
        methods:{
            onNavClick:function(type,url,impl,){
                var _this = this;

                var parsed_url = new URL(url)
                parsed_url.searchParams.set('login_type_fragment',impl)
                $.get(parsed_url.toString()).then(function(res,state){
                    $('#error_container').html('');
                    console.log(state)
                    window.history.replaceState('',null,url)
                    _this.current = type
                    $('#login_type_render').html(res)
                })
                $.keyboard.hideKeyboard()
            },
        }
    });
</script>
                                <div class="auth-content-inner">

                    <h2 data-se="o-form-head" class=" okta-form-title o-form-head ">
                        <span class="text-base ">登录到</span>
                        <span class="text-base text-blue-600 text-center">【Web VPN】</span>
                    </h2>
                    <div  class="primary-auth mt-6" id="login_container">
                        <form method="POST" data-se="o-form" id="normal_login_form"
                              class="primary-auth-form o-form o-form-edit-mode">
                            <input type="hidden" name="fingerprint"/>
<script src="/static/framework/fingerprintjs/v5/iife.min.js"></script>
<script>
  var fpPromise = FingerprintJS.load()
  // Analyze the visitor when necessary.
  fpPromise.then(function(fp){return fp.get()})
    .then(function(result){
     document.getElementsByName('fingerprint')[0].value = result.visitorId
    })
</script>
                            <div  data-se="o-form-content" class="o-form-content o-form-theme pb-2 clearfix">
                                <div id="error_container">
                                                                    </div>

                                <div id="login_type_render">
                                <div id="wx_work_login_container"  class="o-form-fieldset-container" data-se="o-form-fieldset-container" style="text-align: center;">
    <div class="flex flex-col" style="width: 60%; min-height: 150px;margin:auto;align-items: center;position:relative">
        <img id="wechatWorkQrCode" class="rounded-xl border border-solid border-gray-400"  style="width:100%;" />
    </div>
    <h3 id="wechat_scan_tip" style="text-align:center;font-size:16px;font-weight: bold;margin-top:8px;">请使用微信扫码登录</h3>
</div>

<script>
    function getWeWorkQrCode(){
        $.post("/auth/base/get_url_qrcode?login_type=wechat_work_oauth&extra=qrCode&format=image_data",{},function(res){
            if(res.data.image_data){
                $('#wechatWorkQrCode').attr('src',res.data.image_data)
                if(res.data.short_id){
                    $('#wechatWorkQrCode').attr('short_id',res.data.short_id)
                }
            }

        })
    }
    function wx_work_comet_loop(){
        if($('#wx_work_login_container').length) {
            $.post("/index.php/auth/base/check_comet_login", {
                extra: "qrCode",
                short_id: $('#wechatWorkQrCode').attr('short_id')
            }, function (res) {
                if (res && res['data']) {
                    $('#wx_work_login_container').parents('form').submit();
                } else if (res && res['code'] == 'expired') {
                    getWeWorkQrCode();
                } else {
                    setTimeout(function () {
                        wx_work_comet_loop();
                    }, 2000)

                }
            }, 'json')
        }
    }
    $(function(){
        if(window.navigator.userAgent.toLowerCase().indexOf('micromessenger')>-1){
            $('#wechat_scan_tip').text('请长按识别二维码');
        }
        getWeWorkQrCode();
        wx_work_comet_loop();
    });
</script>
                                </div>
                            </div>
                        </form>
                        <div class="auth-footer  weui-flex mt-4">
    <div class="weui-flex__item flex-1 left">
                <a href="javascript:void(0)" onclick="onHelpClick()" data-se="help-link" class="link help-link js-help-link" > 帮助 </a>
                <a  href="https://qr.api.cli.im/newqr/create?data=https%253A%252F%252Fwork.weixin.qq.com%252F%2523indexDownload&amp;level=H&amp;transparent=0&amp;bgcolor=%23ffffff&amp;forecolor=%23000000&amp;blockpixel=12&amp;marginblock=2&amp;logourl=https%3A%2F%2Fmhimg.clewm.net%2Fcli%2Fimages%2Fbeautify%2Fnew%2Flogo%2F45.png&amp;size=400&amp;logoshape=no&amp;embed_text_fontfamily=simhei.ttc&amp;foretype=1&amp;eye_use_fore=1&amp;qrcode_eyes=normal&amp;outcolor=%23000000&amp;incolor=%23000000&amp;body_type=31&amp;qr_rotate=0&amp;text=&amp;fontfamily=simhei.ttc&amp;logow=100&amp;logoh=auto&amp;logo_pos=0&amp;kid=bizcliim&amp;time=1653011457&amp;key=b44a82cbbcb8d3196a5b54e469412301"  data-se="help-link" class="link help-link" >企业微信下载</a>
            </div>
</div>
<script>
function onHelpClick(){
    $.alert("<p style=\"text-align: left;\">一、首次登录，登录账号为工号/学号（即本人校园一卡通账号）。教工账号初始密码为身份证后六位；学生账号初始密码为身份证后六位+@dlou（例：123456@dlou）。登录后，须立即修改密码，并进行绑定邮箱和手机号操作（点击登录后页面的右上角姓名旁边的三角号），本操作主要用于以后重置密码或其他安全验证。</p><p style=\"text-align: left;\"><br/></p><p style=\"text-align: left;\">二、完成首次登录操作后，再次登录可以选择通过账号登录，也可以选择通过微信登录。</p><p style=\"text-align: left;\"><br/></p><p style=\"text-align: left;\">三、首次微信登录时，请按照系统提示流程进行账号绑定，输入个人信息后点击“下一步”，手机短信验证通过后，点击“绑定”，绑定成功后，长按二维码关注企业微信，即完成微信绑定。再次通过微信登录时，扫码点击登录即可。</p><p style=\"text-align: left;\"><br/></p><p style=\"text-align: left;\">四、完成首次微信登录后，请下载并安装企业微信，本操作主要用于移动端使用学校融合门户系统。</p>", "帮助");
}
</script>

                                            </div>
                </div>
            </div>
            <div class="auth-container-footer">
        <div>
    <div class="inline-block align-middle">
        建议浏览器：
    </div>
    <ul class="inline-block align-middle">
        <li class="inline-block align-middle ">
            <a href="https://www.microsoft.com/zh-cn/edge">
                <img class="align-middle w-5 h-5"  src="/static/auth/images/google-pic.png"/>
                <span class="align-middle text-sm">谷歌</span>
            </a>
        </li>
       <li class="inline-block align-middle ml-2">
           <a href="https://www.microsoft.com/zh-cn/edge">
              <img class="align-middle w-5 h-5" src="/static/auth/images/edge-pic.png"/>
               <span class="align-middle text-sm">Edge</span>
           </a>
       </li>

        <li class="inline-block align-middle ml-2">
            <a href="https://www.microsoft.com/zh-cn/edge">
                <img class="align-middle w-5 h-5" src="/static/auth/images/firefox-pic.png"/>
                <span class="align-middle text-sm">火狐</span>
            </a>
        </li>
        <li class="inline-block align-middle ml-2">
            <a  href="https://www.microsoft.com/zh-cn/edge">
                <img class="align-middle w-5 h-5" src="/static/auth/images/360-pic.png"/>
                <span class="align-middle text-sm">360</span>
            </a>
        </li>
    </ul>
</div>

    </div>

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


        </div>
    </div>

</div>

<div class="footer">
        <div class="light">
        Copyright © 2013 - 2021 Zytec.Ltd All Rights Reserved    </div>
</div>


<script src="/static/auth/common.js?20250306"></script>




</body>
</html>

