|
|
@@ -6,83 +6,98 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
<title>免费换机</title>
|
|
|
<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
|
|
|
+ <link rel="stylesheet" href="../static/js/vender/bootstrap/css/bootstrap.min.css">
|
|
|
+ <link rel="stylesheet" href="../static/css/verify.css">
|
|
|
<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
|
|
|
- <link rel="stylesheet" href="../static/css/changePhoneActivity.css">
|
|
|
+ <link rel="stylesheet" href="../static/css/replacementActivities.css">
|
|
|
+ <script>
|
|
|
+ (function () {
|
|
|
+ if (!window.Promise) {
|
|
|
+ document.writeln('<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.1/es6-promise.min.js"><' + '/' + 'script>');
|
|
|
+ }
|
|
|
+ })();
|
|
|
+ </script>
|
|
|
<script src="../static/js/vender/jquery-3.4.1.min.js"></script>
|
|
|
<script src="../static/js/vender/toastr/toastr.min.js"></script>
|
|
|
<script src="../static/js/vender/config.js"></script>
|
|
|
+ <script src="../static/js/vender/crypto-js.js"></script>
|
|
|
+ <script src="../static/js/vender/ase.js"></script>
|
|
|
+ <script src="../static/js/vender/verify.js"></script>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
+ <div class="share-node">
|
|
|
+ <img class="share" onclick="share()" src="../static/img/replacementActivities/share.png" alt="">
|
|
|
+ <div class="line"></div>
|
|
|
+ <img class="qq" onclick="urlToQQ()" src="../static/img/replacementActivities/qq.png" alt="">
|
|
|
+ <!-- <div class="line"></div>
|
|
|
+ <a href="qq://mqqwpa://im/chat?chat_type=wpa&uin=800183764&version=1&src_type=web&web_src=oicqzone.com"><img
|
|
|
+ class="cs" src="../static/img/replacementActivities/cs.png" alt=""></a> -->
|
|
|
+ </div>
|
|
|
+ <div class="date">2022.1.4-2022.2.8</div>
|
|
|
<div class="header">
|
|
|
- <img class="bg_img" src="../static/img/changePhoneActivity/bg.png" />
|
|
|
- <div class="share-node"><img class="share" src="../static/img/changePhoneActivity/share.png" /></div>
|
|
|
- <img class="logo" src="../static/img/changePhoneActivity/logo.png" />
|
|
|
- <img class="theme" src="../static/img/changePhoneActivity/theme.png" />
|
|
|
- <img class="activity-bg" src="../static/img/changePhoneActivity/activity-bg.png" />
|
|
|
- <img class="time" src="../static/img/changePhoneActivity/time.png" />
|
|
|
<div class="login-container">
|
|
|
- <div class="ipt"></div>
|
|
|
- <img class="login-bg" src="../static/img/changePhoneActivity/login-bg.png" />
|
|
|
- <div class="login-row-select">
|
|
|
- <div class="login-row-title">平台：</div>
|
|
|
- <input class="login-row-ipt" id="select" placeholder="请选择平台" disabled="true" />
|
|
|
- <img class="icon-down-img" src="../static/img/changePhoneActivity/icon-down.png" />
|
|
|
- </div>
|
|
|
- <div class="options">
|
|
|
- <div class="icon-down-first">
|
|
|
- <span class="first-text">多多云</span>
|
|
|
- </div>
|
|
|
- <div class="icon-down-second">
|
|
|
- <span class="second-text">红手指</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="login-row-account">
|
|
|
- <div class="login-row-title">账号：</div>
|
|
|
- <input class="login-row-ipt" id="account" placeholder="请输入账号" />
|
|
|
- </div>
|
|
|
- <div class="login-row-password">
|
|
|
- <div class="login-row-title">密码：</div>
|
|
|
- <input class="login-row-ipt" type="password" id="password" placeholder="请输入密码" />
|
|
|
+ <div class="login-bar">仅限2000份</div>
|
|
|
+ <div class="ipt"></div>
|
|
|
+ <div class="input-container">
|
|
|
+ <div class="login-row-select">
|
|
|
+ <div class="login-row-title">选择</div>
|
|
|
+ <input class="login-row-ipt" id="select" placeholder="请选择平台" readonly />
|
|
|
+ <img class="icon-down-img" src="../static/img/replacementActivities/arrow.png" />
|
|
|
+ </div>
|
|
|
+ <div class="options">
|
|
|
+ <div class="icon-down-second">红手指</div>
|
|
|
+ <div class="icon-down-first">多多云</div>
|
|
|
+ <div class="icon-down-third">爱云兔</div>
|
|
|
+ </div>
|
|
|
+ <div class="login-row-account">
|
|
|
+ <div class="login-row-title">账户</div>
|
|
|
+ <input class="login-row-ipt" id="account" placeholder="请输入11位手机号码" />
|
|
|
+ </div>
|
|
|
+ <div class="tip-text1"></div>
|
|
|
+ <div class="login-row-password">
|
|
|
+ <div class="login-row-title">密码</div>
|
|
|
+ <input class="login-row-ipt" type="password" id="password" placeholder="请输入密码" />
|
|
|
+ </div>
|
|
|
+ <div class="tip-text2"></div>
|
|
|
+ <div class="login-row-password">
|
|
|
+ <div class="login-row-title">确认密码</div>
|
|
|
+ <input class="login-row-ipt" type="password" id="check" placeholder="请重新输入密码" />
|
|
|
+ </div>
|
|
|
+ <div class="tip-text3"></div>
|
|
|
+ <div class="form-btn" id="form-btn" onclick="handleOnClick()"></div>
|
|
|
+ <div id="mpanel2"></div>
|
|
|
</div>
|
|
|
- <img class="login-btn" src="../static/img/changePhoneActivity/login-btn.png" />
|
|
|
- <img class="login-btn-text" src="../static/img/changePhoneActivity/login-btn-text.png" />
|
|
|
- </div>
|
|
|
- <div class="read-rule">
|
|
|
- <img class="selected" src="../static/img/changePhoneActivity/selected.png" />
|
|
|
- <img class="no-selected" src="../static/img/changePhoneActivity/no-selected.png" />
|
|
|
- <img class="rule-text" src="../static/img/changePhoneActivity/rule-text.png" />
|
|
|
- </div>
|
|
|
- <div class="entry-QQ">
|
|
|
- <img class="entry-QQ-btn" src="../static/img/changePhoneActivity/entry-QQ-btn.png" />
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="middle">
|
|
|
- <img class="middle_bg_img" src="../static/img/changePhoneActivity/middle_bg_img.png" />
|
|
|
- <div class="activity-rule">
|
|
|
- <img class="activity-rule-btn" src="../static/img/changePhoneActivity/activity-rule-btn.png" />
|
|
|
- <img class="activity-rule-text" src="../static/img/changePhoneActivity/activity-rule-text.png" />
|
|
|
- </div>
|
|
|
+ <div class="mt55">
|
|
|
+ <img class="w666h874" src="../static/img/replacementActivities/activityReward.png" alt="">
|
|
|
</div>
|
|
|
- <div class="footer">
|
|
|
- <img class="footer_bg_img" src="../static/img/changePhoneActivity/footer_bg_img.png" />
|
|
|
- <img class="rule4" src="../static/img/changePhoneActivity/rule4.png" />
|
|
|
- <img class="rule5" src="../static/img/changePhoneActivity/rule5.png" />
|
|
|
+ <div class="mt50">
|
|
|
+ <img class="w670h476" src="../static/img/replacementActivities/inviteeReward.png" alt="">
|
|
|
</div>
|
|
|
- <div class="mask">
|
|
|
- <div class="dialog">
|
|
|
- <img class="dialog-bg" src="../static/img/changePhoneActivity/dialog.png" />
|
|
|
- <img class="title" src="../static/img/changePhoneActivity/title.png" />
|
|
|
- <img class="content" src="../static/img/changePhoneActivity/content.png" />
|
|
|
- <img class="register-btn" src="../static/img/changePhoneActivity/register-btn.png" />
|
|
|
- <img class="register-text" src="../static/img/changePhoneActivity/register-text.png" />
|
|
|
+ <div class="mt50" style="margin-bottom: 0.71rem;">
|
|
|
+ <img class="w666h864" src="../static/img/replacementActivities/mattersNeedAttention.png" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="mask1">
|
|
|
+ <div class="dialog1">
|
|
|
+ <img class="dialog-bg" src="../static/img/replacementActivities/dialog.png" />
|
|
|
+ <div class="title1">已经注册过双子星</div>
|
|
|
+ <img class="register-btn" src="../static/img/replacementActivities/register-btn.png" />
|
|
|
+ <div class="register-text">您已是注册用户，可分享活动邀请有奖</div>
|
|
|
+ <img class="close" onclick="registerHandle()" src="../static/img/replacementActivities/close.png" alt="">
|
|
|
</div>
|
|
|
<div class="tip">
|
|
|
- <img class="tip-bg" src="../static/img/changePhoneActivity/tip-bg.png" />
|
|
|
- <div class="tip-title" id="tip-text"></div>
|
|
|
- <img class="sure-btn" src="../static/img/changePhoneActivity/sure-btn.png" />
|
|
|
- <img class="sure-text" src="../static/img/changePhoneActivity/sure-text.png" />
|
|
|
+ <img class="dialog2-bg" src="../static/img/replacementActivities/dialog2.png" />
|
|
|
+ <div class="title1" style="left: 1.77rem;">已提交兑换申请</div>
|
|
|
+ <div class="register-text">审核通过者，将在3个工作日内收到短<br />信通知并发放奖励，请留意短信消息。</div>
|
|
|
+ <img class="close" onclick="handleClose('tip')" src="../static/img/replacementActivities/close.png" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="tip1">
|
|
|
+ <img class="dialog3-bg" src="../static/img/replacementActivities/dialog3.png" />
|
|
|
+ <div class="title1" style="left: 1.75rem;text-align: center;">该账号已经申请<br />请等待审核</div>
|
|
|
+ <img class="close" onclick="handleClose('tip1')" src="../static/img/replacementActivities/close.png" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -91,7 +106,7 @@
|
|
|
toastr.options.timeOut = '1500';
|
|
|
</script>
|
|
|
<script type="text/javascript">
|
|
|
- Date.prototype.Format = function (fmt) { // author: meizz
|
|
|
+ Date.prototype.Format = function (fmt) { // author: meizz
|
|
|
var o = {
|
|
|
"M+": this.getMonth() + 1, // 月份
|
|
|
"d+": this.getDate(), // 日
|
|
|
@@ -105,66 +120,61 @@
|
|
|
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
|
|
|
for (var k in o)
|
|
|
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
|
|
|
- return fmt;
|
|
|
+ return fmt;
|
|
|
}
|
|
|
- let timer,flag = true;
|
|
|
- let isShow = true;
|
|
|
+ let timer, flag = true;
|
|
|
let entryPageTime = new Date().Format("yyyy-MM-dd hh:mm:ss");
|
|
|
- let fromType = 0,
|
|
|
- account = '',
|
|
|
- password = '';
|
|
|
+ let fromType = 0, account = '', password = '', checkPass = '';
|
|
|
var url = window.location.href;
|
|
|
url = url.split('/')
|
|
|
- // var baseUrl = 'http://192.168.31.198'
|
|
|
+
|
|
|
var loc = window.location.search,
|
|
|
- n1 = loc.length,//地址的总长度
|
|
|
- n2 = loc.indexOf("="),//取得=号的位置
|
|
|
- id = loc.substr(n2 + 1, n1 - n2),//从=号后面的内容
|
|
|
+ n1 = loc.length,//地址的总长度
|
|
|
+ n2 = loc.indexOf("="),//取得=号的位置
|
|
|
+ id = loc.substr(n2 + 1, n1 - n2),//从=号后面的内容
|
|
|
u = navigator.userAgent,
|
|
|
ua = navigator.userAgent.toLowerCase(),
|
|
|
isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
|
|
|
- isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
|
|
|
- imgs = [[1,'../static/img/changePhoneActivity/rule1.png'],[6,'../static/img/changePhoneActivity/rule6.png'],[2,'../static/img/changePhoneActivity/rule2.png'],[3,'../static/img/changePhoneActivity/rule3.png']];
|
|
|
+ isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
|
|
|
//埋点
|
|
|
operate('dt_yhs_活动页面浏览');
|
|
|
- function operate(pointName,type){
|
|
|
+ function operate(pointName, type, captchaVerification) {
|
|
|
$.ajax({
|
|
|
url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
|
|
|
type: 'post',
|
|
|
- data:JSON.stringify({
|
|
|
+ data: JSON.stringify({
|
|
|
pointName: pointName
|
|
|
}),
|
|
|
- contentType:"application/json",
|
|
|
+ contentType: "application/json",
|
|
|
dataType: 'json',
|
|
|
cache: false,
|
|
|
success: function (res) {
|
|
|
- if(type === 'click'){
|
|
|
- changePhone();
|
|
|
+ if (type === 'click') {
|
|
|
+ changePhone(captchaVerification);
|
|
|
}
|
|
|
},
|
|
|
})
|
|
|
}
|
|
|
- //异步加载图片
|
|
|
- async function loadAsync() {
|
|
|
- let promise = function(index,url) {
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
- const image = new Image();
|
|
|
- image.src = url;
|
|
|
- image.className = 'rule'+index;
|
|
|
- image.onload = function() {
|
|
|
- $('.middle')[0].appendChild(image);
|
|
|
- resolve('ok');
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- for(let [index,url] of imgs) {
|
|
|
- await promise(index,url);
|
|
|
- }
|
|
|
+ // 跳转至QQ群
|
|
|
+ function urlToQQ() {
|
|
|
+ stopManyClick(() => {
|
|
|
+ var oInput = document.createElement('input'); //创建一个input
|
|
|
+ oInput.setAttribute("readonly", "readonly");//设置只读，否则移动端使用复制功能时可能会造成软件盘弹出
|
|
|
+ oInput.value = '595757816';
|
|
|
+ $('.ipt')[0].appendChild(oInput);//将input插入到body
|
|
|
+ // oInput.select(); // 选择对象 ios不支持
|
|
|
+ selectText(oInput, 0, oInput.value.length);
|
|
|
+ document.execCommand("Copy"); // 执行浏览器复制命令
|
|
|
+ toastr.error('QQ群号复制成功');
|
|
|
+ oInput.style.display = 'none'; // 将input隐藏
|
|
|
+ oInput.blur();
|
|
|
+ oInput.remove(); // 将input销毁
|
|
|
+ // window.location.href = 'https://jq.qq.com/?_wv=1027&k=6KwBYb7o';
|
|
|
+ })
|
|
|
}
|
|
|
- loadAsync();
|
|
|
//点击分享
|
|
|
- $('.share-node')[0].addEventListener('click',()=>{
|
|
|
- if(!id){
|
|
|
+ $('.register-btn')[0].addEventListener('click', () => {
|
|
|
+ if (!id) {
|
|
|
copyUrl();
|
|
|
} else if (isiOS) {
|
|
|
$.ajax({
|
|
|
@@ -194,17 +204,57 @@
|
|
|
}
|
|
|
})
|
|
|
} else if (isAndroid) {
|
|
|
- if(window.native){
|
|
|
+ if (window.native) {
|
|
|
window.native.onClikWebView()
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
copyUrl();
|
|
|
}
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
copyUrl();
|
|
|
}
|
|
|
- },false);
|
|
|
+ }, false);
|
|
|
+ function share() {
|
|
|
+ if (!id) {
|
|
|
+ copyUrl();
|
|
|
+ } else if (isiOS) {
|
|
|
+ $.ajax({
|
|
|
+ url: baseUrl + '/api/user/v1/promote',
|
|
|
+ type: 'get',
|
|
|
+ headers: {
|
|
|
+ 'Authorization': id //id
|
|
|
+ },
|
|
|
+ contentType: "application/json",
|
|
|
+ dataType: 'json',
|
|
|
+ cache: false,
|
|
|
+ success: function (res) {
|
|
|
+ var jsonStr = JSON.stringify(res.data)
|
|
|
+ var jsonObj = JSON.parse(jsonStr)
|
|
|
+ // WKWebView使用
|
|
|
+ // 使用下方方法,会报错,为使界面执行逻辑通畅,因此使用try-catch
|
|
|
+ try {
|
|
|
+ getMessage(jsonObj);
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error)
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ window.webkit.messageHandlers.getMessage.postMessage(jsonObj)
|
|
|
+ } catch (error) {
|
|
|
+ copyUrl();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else if (isAndroid) {
|
|
|
+ if (window.native) {
|
|
|
+ window.native.onClikWebView()
|
|
|
+ } else {
|
|
|
+ copyUrl();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ copyUrl();
|
|
|
+ }
|
|
|
+ }
|
|
|
//复制
|
|
|
- function copyUrl(){
|
|
|
+ function copyUrl() {
|
|
|
stopManyClick(() => {
|
|
|
var oInput = document.createElement('input'); //创建一个input
|
|
|
oInput.setAttribute("readonly", "readonly");//设置只读，否则移动端使用复制功能时可能会造成软件盘弹出
|
|
|
@@ -214,7 +264,7 @@
|
|
|
selectText(oInput, 0, oInput.value.length);
|
|
|
document.execCommand("Copy"); // 执行浏览器复制命令
|
|
|
toastr.error('复制当前网址成功！');
|
|
|
- oInput.style.display='none'; // 将input隐藏
|
|
|
+ oInput.style.display = 'none'; // 将input隐藏
|
|
|
oInput.blur();
|
|
|
oInput.remove(); // 将input销毁
|
|
|
})
|
|
|
@@ -233,155 +283,229 @@
|
|
|
textbox.focus();
|
|
|
}
|
|
|
}
|
|
|
+ // 默认选中红手指
|
|
|
+ function handleClick() {
|
|
|
+ $('.options')[0].className = 'options';
|
|
|
+ $('#select').val('红手指');
|
|
|
+ fromType = 2;
|
|
|
+ };
|
|
|
+ handleClick();
|
|
|
//点击选择框
|
|
|
- $('.login-row-select')[0].addEventListener('click',()=>{
|
|
|
+ $('.login-row-select')[0].addEventListener('click', () => {
|
|
|
$('.options')[0].className = 'options show';
|
|
|
- },false);
|
|
|
+ }, false);
|
|
|
//点击多多云
|
|
|
- $('.icon-down-first')[0].addEventListener('click',()=>{
|
|
|
+ $('.icon-down-first')[0].addEventListener('click', () => {
|
|
|
$('.options')[0].className = 'options';
|
|
|
$('#select').val('多多云');
|
|
|
fromType = 1;
|
|
|
- },false);
|
|
|
+ }, false);
|
|
|
//点击红手指
|
|
|
- $('.icon-down-second')[0].addEventListener('click',()=>{
|
|
|
+ $('.icon-down-second')[0].addEventListener('click', handleClick, false);
|
|
|
+ //点击爱云兔
|
|
|
+ $('.icon-down-third')[0].addEventListener('click', () => {
|
|
|
$('.options')[0].className = 'options';
|
|
|
- $('#select').val('红手指');
|
|
|
- fromType = 2;
|
|
|
- },false);
|
|
|
- //点击协议
|
|
|
- $('.read-rule')[0].addEventListener('click',()=>{
|
|
|
- if(isShow){
|
|
|
- $('.selected')[0].className = 'selected hidden';
|
|
|
- }else{
|
|
|
- $('.selected')[0].className = 'selected show';
|
|
|
- }
|
|
|
- isShow = !isShow;
|
|
|
- },false);
|
|
|
- //点击提示弹窗确定
|
|
|
- $('.sure-btn')[0].addEventListener('click',handleClose,false);
|
|
|
- $('.sure-text')[0].addEventListener('click',handleClose,false);
|
|
|
- function handleClose() {
|
|
|
- $('.tip').animate({top: '-6.96rem'},"fast");
|
|
|
- $('.mask').hide();
|
|
|
- document.documentElement.style.overflow='auto';
|
|
|
+ $('#select').val('爱云兔');
|
|
|
+ fromType = 3;
|
|
|
+ }, false);
|
|
|
+ //点击弹窗关闭按钮
|
|
|
+ function handleClose(str) {
|
|
|
+ $('.' + str).animate({ top: '-6.96rem' }, "fast");
|
|
|
+ $('.mask1').hide();
|
|
|
+ document.documentElement.style.overflow = 'auto';
|
|
|
}
|
|
|
- //点击立即注册
|
|
|
- $('.register-text')[0].addEventListener('click',registerHandle,false);
|
|
|
- $('.register-btn')[0].addEventListener('click',registerHandle,false);
|
|
|
- function registerHandle(){
|
|
|
- $('.dialog').animate({top: '-6.96rem'},"fast");
|
|
|
- $('.mask').hide();
|
|
|
- document.documentElement.style.overflow='auto';
|
|
|
- $('#select').val('');
|
|
|
- $('#account').val('');
|
|
|
- $('#password').val('');
|
|
|
- window.location.href = 'https://www.androidscloud.com';
|
|
|
+ //点击关闭
|
|
|
+ function registerHandle() {
|
|
|
+ $('.dialog1').animate({ top: '-6.96rem' }, "fast");
|
|
|
+ $('.mask1').hide();
|
|
|
+ document.documentElement.style.overflow = 'auto';
|
|
|
}
|
|
|
- //点击免费换机按钮
|
|
|
- $('.login-btn-text')[0].addEventListener('click',changePhoneHandle,false);
|
|
|
- $('.login-btn')[0].addEventListener('click',changePhoneHandle,false);
|
|
|
- function changePhoneHandle(){
|
|
|
- stopManyClick(() => {
|
|
|
- account = $('#account').val();
|
|
|
- account = account.replace(/\s+/g,"");
|
|
|
- password = $('#password').val();
|
|
|
- password = password.replace(/\s+/g,"");
|
|
|
- if(fromType === 0){
|
|
|
- $('#tip-text').text('请选择平台');
|
|
|
- $('.tip').animate({top: '48vh'},"fast");
|
|
|
- $('.mask').show();
|
|
|
- $('.dialog').animate({top: '-6.96rem'},"fast");
|
|
|
- document.documentElement.style.overflow='hidden';
|
|
|
- return
|
|
|
- }
|
|
|
- if(account === ''){
|
|
|
- $('#tip-text').text('请输入账号');
|
|
|
- $('#account').val('');
|
|
|
- $('.tip').animate({top: '48vh'},"fast");
|
|
|
- $('.mask').show();
|
|
|
- $('.dialog').animate({top: '-6.96rem'},"fast");
|
|
|
- document.documentElement.style.overflow='hidden';
|
|
|
- return
|
|
|
- }
|
|
|
- if(/[^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u2022\u20ac\r\n]/g.test(account)){
|
|
|
- $('#tip-text').text('账号不支持表情，请重新输入');
|
|
|
- $('.tip').animate({top: '48vh'},"fast");
|
|
|
- $('.mask').show();
|
|
|
- $('.dialog').animate({top: '-6.96rem'},"fast");
|
|
|
- document.documentElement.style.overflow='hidden';
|
|
|
- return
|
|
|
- }
|
|
|
- if(password === ''){
|
|
|
- $('#tip-text').text('请输入密码');
|
|
|
- $('#password').val('');
|
|
|
- $('.tip').animate({top: '48vh'},"fast");
|
|
|
- $('.mask').show();
|
|
|
- $('.dialog').animate({top: '-6.96rem'},"fast");
|
|
|
- document.documentElement.style.overflow='hidden';
|
|
|
- return
|
|
|
- }
|
|
|
- if(!isShow){
|
|
|
- $('#tip-text').text('请勾选阅读规则按钮');
|
|
|
- $('.tip').animate({top: '48vh'},"fast");
|
|
|
- $('.mask').show();
|
|
|
- document.documentElement.style.overflow='hidden';
|
|
|
- return
|
|
|
- }
|
|
|
- operate('dt_yhs_点击免费换机按钮','click');
|
|
|
- })
|
|
|
+ var html = document.documentElement;
|
|
|
+ var imgWidth = html.getBoundingClientRect().width / 750 * 400 + 'px';
|
|
|
+ var imgHeight = html.getBoundingClientRect().width / 750 * 200 + 'px';
|
|
|
+ var barHeight = html.getBoundingClientRect().width / 750 * 70 + 'px';
|
|
|
+ // validate(); // 生成验证码
|
|
|
+ function handleOnClick() {
|
|
|
+ stopManyClick(()=>{toastr.error('活动已结束！')})
|
|
|
+ }
|
|
|
+ function validate() {
|
|
|
+ $('#mpanel2').slideVerify({
|
|
|
+ baseUrl: baseUrl + '/api/user', //服务器请求地址, 默认地址为安吉服务器;
|
|
|
+ mode: 'pop', //展示模式
|
|
|
+ containerId: 'form-btn', //pop模式 必填 被点击之后出现行为验证码的元素id
|
|
|
+ imgSize: { //图片的大小对象,有默认值{ width: '310px',height: '155px'},可省略
|
|
|
+ width: imgWidth,
|
|
|
+ height: imgHeight
|
|
|
+ },
|
|
|
+ barSize: {//下方滑块的大小对象,有默认值{ width: '310px',height: '50px'},可省略
|
|
|
+ width: imgWidth,
|
|
|
+ height: barHeight
|
|
|
+ },
|
|
|
+ beforeCheck: function () {
|
|
|
+ account = $('#account').val();
|
|
|
+ account = account.replace(/\s+/g, "");
|
|
|
+ password = $('#password').val();
|
|
|
+ password = password.replace(/\s+/g, "");
|
|
|
+ checkPass = $('#check').val();
|
|
|
+ checkPass = checkPass.replace(/\s+/g, "");
|
|
|
+ if (!account) {
|
|
|
+ $('.tip-text1').text('账号格式不正确，请重新输入！');
|
|
|
+ $('#account').addClass('br');
|
|
|
+ return false
|
|
|
+ } else {
|
|
|
+ $('.tip-text1').text('');
|
|
|
+ $('#account').removeClass('br')
|
|
|
+ }
|
|
|
+ if (!/^1[3|4|5|6|7|8|9][0-9]\d{8}$/.test(account)) {
|
|
|
+ $('.tip-text1').text('账号格式不正确，请重新输入！');
|
|
|
+ $('#account').addClass('br');
|
|
|
+ return false
|
|
|
+ } else {
|
|
|
+ $('.tip-text1').text('');
|
|
|
+ $('#account').removeClass('br')
|
|
|
+ }
|
|
|
+ if (!password) {
|
|
|
+ $('.tip-text2').text('密码为空，请重新输入');
|
|
|
+ $('#password').addClass('br');
|
|
|
+ return false
|
|
|
+ } else {
|
|
|
+ $('.tip-text2').text('');
|
|
|
+ $('#password').removeClass('br');
|
|
|
+ }
|
|
|
+ if (checkPass !== password) {
|
|
|
+ $('.tip-text3').text('两次密码不一致，请重新输入！');
|
|
|
+ $('#check').addClass('br');
|
|
|
+ return false
|
|
|
+ } else {
|
|
|
+ $('.tip-text3').text('');
|
|
|
+ $('#check').removeClass('br');
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ready: function () { }, //加载完毕的回调
|
|
|
+ success: function (params) { //成功的回调
|
|
|
+ operate('dt_yhs_点击免费换机按钮', 'click', params.captchaVerification);
|
|
|
+ },
|
|
|
+ error: function () {}
|
|
|
+ });
|
|
|
}
|
|
|
//调用免费换机接口
|
|
|
- function changePhone(){
|
|
|
+ function changePhone(captchaVerification) {
|
|
|
let data = {
|
|
|
inviteTime: entryPageTime,
|
|
|
type: fromType,
|
|
|
account: account,
|
|
|
- password: password
|
|
|
+ password: password,
|
|
|
+ captchaVerification: captchaVerification
|
|
|
}
|
|
|
- if(!id){
|
|
|
+ if (!id) {
|
|
|
delete data.inviteTime
|
|
|
}
|
|
|
let ajaxObj = {
|
|
|
- url: baseUrl + '/api/activity/v1/activity/change/phone',
|
|
|
+ url: baseUrl + '/api/public/v1/activity/change/phone',
|
|
|
type: 'post',
|
|
|
headers: {
|
|
|
'Authorization': id //id
|
|
|
},
|
|
|
- data:JSON.stringify(data),
|
|
|
+ data: JSON.stringify(data),
|
|
|
contentType: "application/json",
|
|
|
dataType: 'json',
|
|
|
cache: false,
|
|
|
success: function (res) {
|
|
|
- if(res.status === 0){
|
|
|
- $('.dialog').animate({top: '46vh'},"fast");
|
|
|
- $('.mask').show();
|
|
|
- $('.tip').animate({top: '-6.96rem'},"fast");
|
|
|
- document.documentElement.style.overflow='hidden';
|
|
|
- }else{
|
|
|
- $('#tip-text').text(res.msg);
|
|
|
- $('.tip').animate({top: '48vh'},"fast");
|
|
|
- $('.mask').show();
|
|
|
- $('.dialog').animate({top: '-6.96rem'},"fast");
|
|
|
- document.documentElement.style.overflow='hidden';
|
|
|
+ if (res.status === 0) {
|
|
|
+ $('.tip').animate({ top: '46vh' }, "fast");
|
|
|
+ $('.mask1').show();
|
|
|
+ $('.dialog1').animate({ top: '-6.96rem' }, "fast");
|
|
|
+ $('.tip1').animate({ top: '-6.96rem' }, "fast");
|
|
|
+ document.documentElement.style.overflow = 'hidden';
|
|
|
+ } else if (res.status === 2002) {
|
|
|
+ $('.tip1').animate({ top: '48vh' }, "fast");
|
|
|
+ $('.mask1').show();
|
|
|
+ $('.dialog1').animate({ top: '-6.96rem' }, "fast");
|
|
|
+ $('.tip').animate({ top: '-6.96rem' }, "fast");
|
|
|
+ document.documentElement.style.overflow = 'hidden';
|
|
|
+ } else if (res.status === 2001) {
|
|
|
+ $('.dialog1').animate({ top: '48vh' }, "fast");
|
|
|
+ $('.mask1').show();
|
|
|
+ $('.tip').animate({ top: '-6.96rem' }, "fast");
|
|
|
+ $('.tip1').animate({ top: '-6.96rem' }, "fast");
|
|
|
+ document.documentElement.style.overflow = 'hidden';
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- if(!id){
|
|
|
+ if (!id) {
|
|
|
delete ajaxObj.headers
|
|
|
}
|
|
|
$.ajax(ajaxObj)
|
|
|
}
|
|
|
//防止提示一秒内重复显示
|
|
|
function stopManyClick(fn) {
|
|
|
- if (flag) {
|
|
|
+ if (flag) {
|
|
|
fn();
|
|
|
}
|
|
|
flag = false;
|
|
|
- if(timer){clearTimeout(timer);}
|
|
|
- timer = setTimeout(() => {flag = true}, 1500);
|
|
|
+ if (timer) { clearTimeout(timer); }
|
|
|
+ timer = setTimeout(() => { flag = true }, 1500);
|
|
|
}
|
|
|
</script>
|
|
|
</body>
|
|
|
+<style>
|
|
|
+ #toast-container>.toast-error {
|
|
|
+ background-image: none !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .toast-error {
|
|
|
+ background-color: rgba(0, 0, 0, 0.8);
|
|
|
+ }
|
|
|
+
|
|
|
+ #toast-container>div {
|
|
|
+ font-size: 14px;
|
|
|
+ min-width: 80px !important;
|
|
|
+ padding: 12px !important;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media (max-width: 480px) and (min-width: 241px) {
|
|
|
+ #toast-container>div {
|
|
|
+ min-width: 80px !important;
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media only screen and (min-width: 640px) {
|
|
|
+ .toast-center-center {
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media only screen and (max-width: 640px) {
|
|
|
+ .toast-center-center {
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ input::-webkit-input-placeholder {
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+
|
|
|
+ input::-moz-placeholder {
|
|
|
+ /* Mozilla Firefox 19+ */
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+
|
|
|
+ input:-moz-placeholder {
|
|
|
+ /* Mozilla Firefox 4 to 18 */
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+
|
|
|
+ input:-ms-input-placeholder {
|
|
|
+ /* Internet Explorer 10-11 */
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+</style>
|
|
|
|
|
|
</html>
|
huangxiaojing