116 lines
4.5 KiB
HTML
116 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh" class="h-full">
|
||
<head>
|
||
<!-- Required Meta Tags Always Come First -->
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta name="description" content="Laysense Auth">
|
||
|
||
|
||
<!-- Title -->
|
||
<title>Laysense Auth</title>
|
||
|
||
<!-- Favicon -->
|
||
<link rel="shortcut icon" href="https://static.laysense.cn/data/file/_4335ce.png?1709117691655">
|
||
|
||
<!-- Font -->
|
||
|
||
<!-- Theme Check and Update -->
|
||
<script>
|
||
const html = document.querySelector('html');
|
||
const isLightOrAuto = localStorage.getItem('hs_theme') === 'light' || (localStorage.getItem('hs_theme') === 'auto' && !window.matchMedia('(prefers-color-scheme: dark)').matches);
|
||
const isDarkOrAuto = localStorage.getItem('hs_theme') === 'dark' || (localStorage.getItem('hs_theme') === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches);
|
||
|
||
if (isLightOrAuto && html.classList.contains('dark')) html.classList.remove('dark');
|
||
else if (isDarkOrAuto && html.classList.contains('light')) html.classList.remove('light');
|
||
else if (isDarkOrAuto && !html.classList.contains('dark')) html.classList.add('dark');
|
||
else if (isLightOrAuto && !html.classList.contains('light')) html.classList.add('light');
|
||
</script>
|
||
|
||
<!-- CSS HS -->
|
||
<link rel="stylesheet" href="https://static.laysense.cn/data/file/cdn/preline.css">
|
||
</head>
|
||
|
||
<body class="flex h-full items-center py-16 dark:bg-neutral-800" background="https://bing.img.run/1920x1080.php" style="background-size: 100% 100%;">
|
||
<!-- ========== MAIN CONTENT ========== -->
|
||
<main id="content" class="w-full max-w-md mx-auto p-6">
|
||
|
||
<div class="mt-7 border border-gray-200 rounded-xl shadow-sm dark:bg-neutral-900 dark:border-neutral-700" style="background: rgba(255, 255, 255, 0.6);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);">
|
||
<div class="p-4 sm:p-7">
|
||
<div class="text-center">
|
||
<h1 class="block text-2xl font-bold text-gray-800 dark:text-white" ><img src="https://static.laysense.cn/data/file/laysenseW.png" style="height:30px;" />请使用企业微信扫码登陆</h1>
|
||
<p class="mt-2 text-sm text-gray-600 dark:text-neutral-400">
|
||
二维码有效期 <span class="text-blue-600 decoration-2 hover:underline focus:outline-none focus:underline font-medium dark:text-blue-500" >5分钟</span> 超时请刷新页面
|
||
</p>
|
||
</div>
|
||
|
||
<div class="py-3 flex items-center text-xs text-gray-400 uppercase before:flex-1 before:border-t before:border-gray-200 before:me-6 after:flex-1 after:border-t after:border-gray-200 after:ms-6 dark:text-neutral-500 dark:before:border-neutral-600 dark:after:border-neutral-600">登录二维码</div>
|
||
|
||
<div class="shrink-0 group block ">
|
||
<div class="flex items-center" id="qrdiv">
|
||
<img src="<?php echo($qr);?>">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<p class="mt-3 flex justify-center items-center text-center divide-x divide-gray-300 dark:divide-neutral-700">
|
||
©上海来笙信息科技有限公司 2024 </p>
|
||
|
||
|
||
</main>
|
||
<!-- ========== END MAIN CONTENT ========== -->
|
||
|
||
<!-- JS Implementing Plugins -->
|
||
|
||
<!-- JS PLUGINS -->
|
||
<!-- Required plugins -->
|
||
<script src="https://static.laysense.cn/data/file/cdn/preline.js"></script>
|
||
|
||
<!-- JS THIRD PARTY PLUGINS -->
|
||
<script src="/jquery.js"></script>
|
||
|
||
<script>
|
||
$(function() {
|
||
//定义code
|
||
var code;
|
||
//获取code TODO：
|
||
getStatusLong();
|
||
// 长轮询执行
|
||
function getStatusLong()
|
||
{
|
||
|
||
$.ajax({
|
||
type: 'get',
|
||
url: "<?php echo('/qywxoauth/ask/'.$uuid);?>",
|
||
success: function(response) {
|
||
if (response.code == 200) {
|
||
window.location = "<?php echo($to.'?code=');?>"+response.rcode;
|
||
}else if(response.code == 500||response.code == 503){
|
||
// 二维码已经过期
|
||
$('#qrdiv').html('二维码已超时，请刷新页面重试');
|
||
}else if(response.code == 501){
|
||
$('#qrdiv').html('参数错误，请重新进行登录');
|
||
}
|
||
},
|
||
dataType: 'json',
|
||
timeout: 300*1000,// 超时时间
|
||
// 超时意味着出错了
|
||
error: function (error) {
|
||
console.log(error);// timeout
|
||
$('#qrdiv').html('二维码已超时，请刷新页面重试');
|
||
|
||
}
|
||
|
||
});
|
||
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |