qiushang
/
xingyou


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
							<!DOCTYPE html>
<html>
<head>
    @include('home.soft.common.head')
    <style>
        /* 登录弹窗 */
        .login-model {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .wei-login {
            text-align: center;
        }

        .login-border {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 10px;
        }

        .login-code {
            width: 220px;
            height: 220px;
            border: 1px solid #eee;
        }

        .no-code {
            width: 220px;
            height: 220px;
            text-align: center;
            background-color: #eee;
            color: #e12424;
            font-size: 20px;
            font-weight: 600;
            cursor: pointer;
            padding: 80px 15px 0 15px;
        }

        .expire-time {
            font-size: 12px;
            font-weight: 600;
            color: #e12424;
        }
    </style>
</head>
<body>
<div class="login-model">
    <div class="wei-login">
        <p style="font-size: 14px; margin: 10px 0 0 0;">微信扫码关注公众号进行登录</p>
        <p style="font-size: 14px; margin: 0 0 10px 0;">登录成功即注册成功</p>

        <div class="login-border">
            <img src="" class="login-code" style="display: none" id="loginImg"/>
            <div class="spinner-border m-5" role="status" id="spinnerShow" onclick="refreshCode()">
                <span class="visually-hidden">Loading...</span>
            </div>
            <div class="no-code" onclick="refreshCode()" id="refreshBtn" style="display: none">
                点击刷新
            </div>
            <div class="no-code" id="isScan" style="display: none;padding: 60px 15px 0 15px;">
                请在微信公众号</br>【星优办公软件】</br>内点击授权
            </div>
        </div>
        <p class="expire-time" id="loginExpire" style="display: none">300秒后二维码将过期</p>
        <p class="expire-time" id="guoqi" style="display: none">二维码已过期,点击刷新获取新二维码</p>
    </div>

    <script>
        let context;
        let target = '{{ $target }}';

        function setCookie(cName, value, expireDate) {
            const domain = 'zhuyou360.com';
            const exDate = new Date();
            exDate.setDate(exDate.getDate() + expireDate * 24 * 60 * 60 * 1000);
            document.cookie = cName + "=" + decodeURIComponent(value) + (expireDate == null ? "" : ";expires=" + exDate.toUTCString()) + ";path=/;domain=" + domain;
        }

        function getCookie(key) {
            return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(key).replace(/[-.+*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null;
        }

        function randomStr() {
            function S4() {
                return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
            }

            return S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4()
        }

        function getSession() {
            let value = window.localStorage.getItem('tty_session');

            // 解决跨域问题
            if (!value) {
                return getCookie('tty_session');
            } else {
                return value;
            }
        }

        function getLoginToken() {
            let value = window.localStorage.getItem('officialToken');

            if (!value) {
                return getCookie('officialToken');
            } else {
                return value;
            }
        }

        function setLoginToken(value) {
            let officialToken = {'officialToken': value};
            window.top.postMessage(officialToken, '*');

            setCookie('officialToken', value, 7);
            window.localStorage.setItem('officialToken', value);
        }

        function clearLoginToken() {
            // 推动给qt
            // if (typeof context == 'undefined') {
            //     // alert("context对象获取失败！");
            // } else {
            //     context.loginOut();
            // }

            let officialToken = {'officialToken': ''};
            window.top.postMessage(officialToken, '*');

            setCookie('officialToken', '', 0);
            window.localStorage.setItem('officialToken', "");
        }

        let loginInterval = null;
        let checkScanInterval = null;
        let checkLoginInterval = null;

        let loginExpire = 0;
        let loginImg = '';
        let myModal = '';

        // 刷新登录二维码
        function refreshCode() {
            clearLoginInterval();
            document.getElementById('spinnerShow').style.display = ''
            document.getElementById('refreshBtn').style.display = 'none'
            document.getElementById('guoqi').style.display = 'none'
            document.getElementById('loginExpire').style.display = ''

            let data = {
                scene_str: getSession()
            }
            axios.post(target + '/api/wechat/createQrcode', data).then(function (response) {
                if (!response.data.error) {
                    loginImg = response.data.result.url;
                    document.getElementById('loginImg').style.display = ''
                    document.getElementById('loginImg').src = loginImg
                    document.getElementById('spinnerShow').style.display = 'none'

                    loginExpire = response.data.result.expire_seconds;
                    document.getElementById('loginExpire').innerHTML = loginExpire + '秒后二维码将过期'
                    loginInterval = setInterval(() => {
                        loginExpire--;
                        document.getElementById('loginExpire').innerHTML = loginExpire + '秒后二维码将过期'

                        if (loginExpire <= 0) {
                            clearLoginInterval();
                            document.getElementById('guoqi').style.display = ''
                            document.getElementById('loginImg').style.display = 'none'
                            document.getElementById('refreshBtn').style.display = ''
                            document.getElementById('loginExpire').style.display = 'none'
                        }
                    }, 1000)

                    checkScanInterval = setInterval(() => {
                        checkLogin();
                    }, 2000)
                }
            }).catch(function (error) {
                console.log(error);
            });
        }

        // 检查是否扫描
        function checkScan() {
            let data = {scene_str: getSession()}

            axios.post(target + '/api/wechat/checkScan', data).then(function (response) {
                if (!response.data.error) {
                    document.getElementById('isScan').style.display = ''
                    document.getElementById('loginImg').style.display = 'none'

                    checkLoginInterval = setInterval(() => {
                        checkLogin();
                    }, 2000)
                    // 清除扫描监听
                    clearInterval(checkScanInterval);
                }
            }).catch(function (error) {
                console.log(error);
            });
        }

        // 检查是否登录
        function checkLogin() {
            let token = getLoginToken();
            let data = {scene_str: getSession()};

            axios.post(target + '/api/wechat/checkLogin', data, {headers: {Authorization: token}})
                .then(function (response) {
                    if (!response.data.error) {
                        clearLoginInterval();
                        setLoginToken(response.data.result);
                        getUserInfo();
                    }
                })
                .catch(function (error) {
                    console.log(error);
                });
        }

        // 清空登录有关定时器
        function clearLoginInterval() {
            clearInterval(loginInterval);
            clearInterval(checkLoginInterval);
        }

        // 获取用户信息
        function getUserInfo() {
            let token = getLoginToken();

            axios.post(target + '/api/login/getUserInfo', {}, {headers: {Authorization: token}}).then(function (response) {
                if (!response.data.error) {
                    let userInfo = response.data.result;
                    document.getElementById('spinnerShow').innerText = '已登录'
                    // context.setUserInfo(userInfo.mid, userInfo.username, userInfo.avatar, userInfo.status);
                    window.top.postMessage({'userInfo': userInfo}, '*');

                }
            }).catch(function (error) {
                // 清除token，重新检测登录
                clearLoginToken();
                refreshCode();
            });
        }

        function getPar(par) {
            //获取当前URL
            let local_url = document.location.href;
            //获取要取得的get参数位置
            let get = local_url.indexOf(par + "=");
            if (get === -1) {
                return false;
            }
            //截取字符串
            let get_par = local_url.slice(par.length + get + 1);
            //判断截取后的字符串是否还有其他get参数
            let nextPar = get_par.indexOf("&");
            if (nextPar !== -1) {
                get_par = get_par.slice(0, nextPar);
            }
            return get_par;
        }

        // 设置允许跨域
        axios.defaults.withCredentials = false;

        // 初始化
        let uuid = getPar('p_mid') + ':' + getPar('uuid');
        setCookie('tty_session', uuid, 30); // 解决跨域问
        window.localStorage.setItem('tty_session', uuid);


        window.addEventListener('message', e => {
            if(e.data == 'out'){ // 退出
                clearLoginToken();
                refreshCode();
            }
        }, false);

        // jiance
        checkLogin();
        refreshCode();
    </script>
</div>
</body>
</html>