qasimBlog/resources/views/audio/common/head.blade.php

<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">
<meta name="keywords" content="{{$keywords ?: '助友办公'}}">
<meta name="description" content="{{$description ?: '助友办公软件'}}">
<title>{{ $title ? : '助友办公软件' }}</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link href="/static/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/static/public/swiper/swiper-4.3.3.min.css" rel="stylesheet" type="text/css">
<link href="/static/css/index.css" rel="stylesheet" type="text/css">
<script src="/static/js/jquery.js"></script>
<script src="/static/js/axios.min.js"></script>
<script src="/static/bootstrap/popper.min.js"></script>
<script src="/static/bootstrap/bootstrap.bundle.min.js"></script>
<script>
    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 setSession() {
        if (getSession()) {
        } else {
            // 解决跨域问题
            let value = 'web:' + randomStr();
            setCookie('tty_session', value, 7);
            window.localStorage.setItem('tty_session', value);
        }
    }

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

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

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

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

    function showModal() {
        refreshCode();

        myModal = new bootstrap.Modal(document.getElementById('exampleModal'), {
            keyboard: false
        })
        myModal.show();
    }

    // 刷新登录二维码
    function refreshCode() {
        clearLoginInterval();
        document.getElementById('spinnerShow').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'
                document.getElementById('loginExpire').style.display = ''

                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 = ''
                    }
                }, 1000)

                checkScanInterval = setInterval(() => {
                    checkScan();
                }, 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();
                }, 1000)
                // 清除扫描监听
                clearInterval(checkScanInterval);
            }
        }).catch(function (error) {
            console.log(error);
        });
    }

    // 检查是否登录
    function checkLogin() {
        let data = {scene_str: getSession()};
        axios.post(target + '/api/wechat/checkLogin', data)
            .then(function (response) {
                if (!response.data.error) {
                    clearLoginInterval();

                    setLoginToken(response.data.result);
                    getUserInfo();

                    myModal.hide();
                } else {
                    document.getElementById('loginDiv').style.display = '';
                    document.getElementById('userDiv').style.display = 'none';
                }
            })
            .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.result) {
                let userInfo = response.data.result;
                document.getElementById('loginDiv').style.display = 'none'
                document.getElementById('userDiv').style.display = ''
                document.getElementById('username').innerHTML = '<img style="width:20px;margin-right:5px" src="' + userInfo.avatar + '"/>' + userInfo.username;
            }
        }).catch(function (error) {
            console.log(error);
        });
    }

    function loginOut() {
        if (confirm("你确认要退出登录吗？")) {
            let token = getLoginToken();
            axios.post(target + '/api/login/loginOut', {}, {headers: {Authorization: token}}).then(function (response) {
                if (!response.data.error) {
                    clearLoginToken();
                    window.location.reload();
                }
            }).catch(function (error) {
                console.log(error);
            });
        }
    }

    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;

</script>