123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298 |
- <!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-top: 80px;
- }
- .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: 21px">扫码关注助友办公公众号进行登录</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">
- 请在微信【助友办公软件】内点击授权
- </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) {
- // 推动给qt
- if (typeof context == 'undefined') {
- // alert("context对象获取失败!");
- } else {
- context.setLoginToken(value);
- }
- setCookie('officialToken', value, 7);
- window.localStorage.setItem('officialToken', value);
- }
- function clearLoginToken() {
- // 推动给qt
- if (typeof context == 'undefined') {
- // alert("context对象获取失败!");
- } else {
- context.loginOut();
- }
- 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(() => {
- 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();
- }, 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;
- // 推动给qt
- if (typeof context == 'undefined') {
- // alert("context对象获取失败!");
- } else {
- document.getElementById('spinnerShow').innerText = '已登录'
- context.setUserInfo(userInfo.mid, userInfo.username, userInfo.avatar, userInfo.status);
- }
- }
- }).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;
- // 初始化
- window.onload = function() {
- if (typeof qt != 'undefined') {
- new QWebChannel(qt.webChannelTransport, function (channel) {
- context = channel.objects.foo;
- // getUuid
- context.getUuid(function(uuid){
- setCookie('tty_session', uuid, 30); // 解决跨域问
- window.localStorage.setItem('tty_session', uuid);
- // jiance
- checkLogin();
- refreshCode();
- });
- }
- );
- } else {
- // alert("qt对象获取失败!");
- }
- }
- // init();
- </script>
- </div>
- </body>
- </html>
|