156 lines
4.6 KiB
HTML
156 lines
4.6 KiB
HTML
<html lang="zh-cn">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>问卷调查</title>
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cdle/static/layui/css/layui.css">
|
||
<script src="https://cdn.jsdelivr.net/gh/cdle/static/layui/layui.all.js"></script>
|
||
</head>
|
||
<script>
|
||
var timer;
|
||
var loginUrl = ""
|
||
var img = ""
|
||
|
||
function showQrcode(callback) {
|
||
var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
|
||
xmlhttp.onreadystatechange = function() {
|
||
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
|
||
data = JSON.parse(xmlhttp.responseText)
|
||
if (data.url && data.url.indexOf("http") != -1) {
|
||
callback(data)
|
||
} else {
|
||
showQrcode(callback)
|
||
}
|
||
}
|
||
}
|
||
xmlhttp.open("GET", "/api/login/qrcode", true);
|
||
xmlhttp.send();
|
||
}
|
||
|
||
function login() {
|
||
var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
|
||
xmlhttp.onreadystatechange = function() {
|
||
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
|
||
var results = xmlhttp.responseText
|
||
console.log(results)
|
||
switch (results) {
|
||
case "授权登录未确认":
|
||
break;
|
||
case "登录":
|
||
clearInterval(timer)
|
||
setTimeout(() => {
|
||
window.location.href = "/admin"
|
||
note
|
||
}, 1000);
|
||
break;
|
||
case "成功":
|
||
clearInterval(timer)
|
||
layer.closeAll();
|
||
success()
|
||
break;
|
||
default:
|
||
layer.closeAll();
|
||
fail()
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
xmlhttp.open("GET", "/api/login/query?note=" + note, true);
|
||
xmlhttp.send();
|
||
}
|
||
|
||
function polling() {
|
||
timer = setInterval(() => {
|
||
login()
|
||
}, 1500);
|
||
}
|
||
|
||
var note = ""
|
||
var sao = "扫码登录"
|
||
var tiao = "App跳转"
|
||
var choose = ""
|
||
var step1 = function() {
|
||
layer.confirm('你喜欢哪种登录方式？', {
|
||
btn: ['都不喜欢', sao, tiao],
|
||
btn3: function(index, layero) {
|
||
choose = tiao
|
||
step2()
|
||
}
|
||
}, function(index, layero) {
|
||
layer.close(index)
|
||
step1()
|
||
}, function(index) {
|
||
choose = sao
|
||
step2()
|
||
});
|
||
}
|
||
var step2 = function() {
|
||
layer.prompt({
|
||
title: '如果你登录成功了，有什么想要备注？',
|
||
btn2: function() {
|
||
step3()
|
||
},
|
||
}, function(value, index, elem) {
|
||
note = value
|
||
layer.close(index);
|
||
step3()
|
||
});
|
||
}
|
||
var step3 = function() {
|
||
layer.confirm(`可以邀请您现在体验${choose}？`, {
|
||
btn: ['可以', '算了'],
|
||
}, function(index, layero) {
|
||
layer.close(index)
|
||
step4()
|
||
}, function(index) {
|
||
choose = index
|
||
});
|
||
}
|
||
var step4 = function() {
|
||
showQrcode(function(data) {
|
||
if (choose == sao) {
|
||
qrcode(data.img)
|
||
} else {
|
||
tiaozhuan(data.url)
|
||
}
|
||
})
|
||
polling()
|
||
}
|
||
var qrcode = function(data) {
|
||
layer.open({
|
||
type: 1,
|
||
content: `<img src="data:image/png;base64,${data}" />`,
|
||
cancel: function() {
|
||
qrcode()
|
||
}
|
||
});
|
||
}
|
||
var tiaozhuan = function(url) {
|
||
window.location.href = `openapp.jdmobile://virtual/ad?params=${encodeURI(
|
||
JSON.stringify({
|
||
category: 'jump',
|
||
des: 'ThirdPartyLogin',
|
||
action: 'to',
|
||
onekeylogin: 'return',
|
||
url: url,
|
||
authlogin_returnurl: 'weixin://',
|
||
browserlogin_fromurl: window.location.host,
|
||
})
|
||
)}`;
|
||
}
|
||
var success = function() {
|
||
layer.confirm('登录成功', {
|
||
btn: ['确定'],
|
||
});
|
||
}
|
||
var fail = function() {
|
||
layer.confirm('登录失败', {
|
||
btn: ['确定'],
|
||
});
|
||
}
|
||
step1()
|
||
</script>
|
||
|
||
|
||
</html> |