Skip to content

S
SURPRISED
Commit 930cfe62 authored by Mac's avatar Mac
Browse files
Options

同业的登录修改和备用页面的提交

parent 014210a9
Hide whitespace changes
Inline Side-by-side
Showing with 678 additions and 11 deletions
html/login.html
View file @ 930cfe62
......@@ -145,7 +145,15 @@
font-size: 2rem;
margin-top: 1rem;
}
.login_code{
width: 14rem;
height: 4rem;
font-size: 2rem;
border: 0;
outline: 0;
text-align: left;
margin-left: 2rem;
}
.login_page .login_Zh {
font-size: 2rem;
margin: 0.5rem 0 0 0.8rem;
......@@ -214,7 +222,7 @@
margin-top: 1rem;
}
.login_yzm {
.login_yzm,.login_yzm2 {
font-size: 2rem;
color: #EE4454;
display: inline-block;
......@@ -292,9 +300,10 @@
</div>
<div class='form_item2'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/ico_lock2.png' />
<span class="login_Zh">密码</span>
<input class='form_item_input' id="passWord" type="password" placeholder="请输入密码"></input>
<img class='form_item_ico' src='https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/ico_yzm.png' style="margin-top:1rem;" />
<span class="login_Zh">验证码</span>
<input type="number" class="login_code" placeholder="请输入验证码">
<span class="login_yzm2" onclick="getCode_login()">发送验证码</span>
</div>
</div>
</div>
......@@ -446,18 +455,19 @@
//点击登录
function user_login() {
let UserAccount = $("#UserAccount").val();
let passWord = $("#passWord").val();
let login_code = $(".login_code").val();
if (UserAccount == '') {
layer.msg('请输入账号');
return;
}
if (passWord == '') {
layer.msg('请输入密码');
if (login_code == '') {
layer.msg('请输入验证码');
return;
}
let msg = {
account: UserAccount,
password: passWord
sendcode: login_code,
platform:1
};
Login(msg)
}
......@@ -467,7 +477,7 @@
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData('b2b_post_Login', msg),
data: getAjaxData('b2b_post_Login_V2', msg),
async: false,
success: function(res) {
if (res.resultCode === 1) {
......@@ -495,7 +505,7 @@
// window.location.href = `./Rushbuy.html?redemptionPrice=${price}&couponId=${couponId}&platform=${platform}&noClick=${'1'}&r=efr12123`;
}
}
//window.location.href='http://127.0.0.1:5500/html/GT_activities.html';
} else {
layer.msg(res.message);
......@@ -555,6 +565,58 @@
}
});
}
}
//验证码登录
function getCode_login() {
var phoneReg = /(^1[3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/;
//电话
let phone = $('#UserAccount').val();
if (!phoneReg.test(phone)) {
layer.msg("请输入有效的手机号码！");
return false;
}
const TIME_COUNT = 60;
let isSend = false;
$('.login_yzm2').html = '';
if (!this.timer2) {
this.count2 = TIME_COUNT;
$('.login_yzm2').html(TIME_COUNT);
isSend = true;
this.timer2 = setInterval(() => {
if (this.count2 > 0 && this.count2 <= TIME_COUNT) {
this.count2--;
$('.login_yzm2').html(count2 + 's重新发送');
isSend = false;
} else {
clearInterval(this.timer2);
$('.login_yzm2').html('发送验证码');
this.timer2 = null;
}
}, 1000);
}
let msg = {
account:phone
};
if (isSend) {
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData('b2b_post_SendCodeByCustomerInfo', msg),
async: false,
success: function(res) {
if (res.resultCode === 1) {
layer.msg(res.message);
}else {
layer.msg(res.message);
}
},
error: function(res) {
layer.msg(res.message);
}
});
}
}
//点击激活
function Activation() {
......@@ -599,6 +661,7 @@
}
});
}
</script>
</html>
html/old_login.html 0 → 100644
View file @ 930cfe62
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="span/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="divport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
</meta>
<title>登录</title>
</head>
<style>
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
spanarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
.login_page {
position: relative;
height: 100%;
background-color: #FFFFFF;
background-image: url('https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/login_bg.jpg');
background-size: cover;
}
.login_page .page__bd {
position: relative;
z-index: 2;
padding-top: 33rem;
}
.login_page .header {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
.login_page .header_span {
font-size: 3rem;
color: #EE4454;
margin-top: 0.5rem;
}
.login_page .header_image {
width: 10rem;
height: 10rem;
}
.login_page .headBg {
position: relative;
width: 54rem;
height: 50rem;
margin: 0 auto;
}
.login_page .headBgImg {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.login_page .form {
margin: 6rem 0 0 0;
padding: 0 6rem;
}
.login_page .form_item1 {
width: 100%;
height: 6rem;
display: flex;
align-items: center;
}
.login_page .form_item2 {
margin: 3rem 0 0 0;
width: 100%;
height: 6rem;
display: flex;
align-items: center;
}
.login_page .form_item_icoBox {
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
border: 1px solid #257BF1;
border-radius: 50%;
}
.login_page .form_item_ico {
width: 2.5rem;
height: 2.5rem
}
.login_page .form_item_inBox {
margin: 0 0 0 10px;
flex-grow: 1;
display: flex;
align-items: center;
height: 6rem;
border-bottom: 1px solid #666666;
}
.login_page .form_item_input {
flex-grow: 1;
font-size: 14px;
color: #333333;
text-align: left;
padding-left: 5rem;
height: 4rem;
border: 0;
outline: 0;
font-size: 2rem;
margin-top: 1rem;
}
.login_page .login_Zh {
font-size: 2rem;
margin: 0.5rem 0 0 0.8rem;
color: #111111;
}
input::-webkit-input-placeholder {
/* WebKit browsers */
color: #CCCCCC;
}
.login_page .login_btn {
margin: 0 auto;
font-size: 2rem;
color: #FFFFFF;
background-color: #C2D6F2;
width: 17rem;
height: 6rem;
line-height: 6rem;
outline: none;
border: 0;
border-radius: 4rem;
position: absolute;
bottom: -1rem;
left: 50%;
margin-left: -8.5rem;
background: rgba(238, 68, 84, 1);
box-shadow: 0px 6px 6px 0px rgba(139, 139, 139, 0.25);
}
.login_page .jihuoDiv {
margin-top: 6rem;
text-align: center;
font-size: 2rem;
color: #999;
}
.login_page .jilijihuo {
color: #EE4454;
}
.login_page .login_xieyi {
position: absolute;
bottom: 3rem;
font-size: 2rem;
width: 100%;
z-index: 99;
text-align: center;
color: #111111;
}
.login_page .login_xieyi span:last-child {
color: #EE4454;
text-decoration: underline;
}
.form_validate_input {
color: #333333;
text-align: left;
padding-left: 3rem;
height: 4rem;
width: 16rem;
border: 0;
outline: 0;
font-size: 2rem;
margin-top: 1rem;
}
.login_yzm {
font-size: 2rem;
color: #EE4454;
display: inline-block;
padding: 0 2rem;
border-left: 1px solid #666666;
}
.login_jihuo,
.login_Agreement {
display: none;
}
.login_Agreement {
width: 100%;
height: 100%;
}
.boxcenter {
padding: 0 2rem;
}
.login_Agreement .boxcenter h1 {
font-size: 2.3rem;
margin-top: 3rem;
line-height: 4rem;
}
.login_Agreement .boxcenter span {
font-size: 2rem;
display: inline-block;
margin-top: 1rem;
line-height: 4rem;
}
.login_AgreeTitle {
width: 100%;
height: 8rem;
text-align: center;
font-size: 2.3rem;
line-height: 8rem;
border: 0;
box-shadow: 0px 0px 20px #d1d1d1;
}
.login_AgreeTitle img {
position: relative;
left: 3rem;
top: 3rem;
float: left;
}
.layui-layer-content {
font-size: 1.8rem!important;
padding: 2rem 1rem!important;
}
</style>
<body>
<div class="login_page">
<div class="login_denglu">
<div class='page__bd'>
<div class="headBg">
<img class="headBgImg" src="https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/login_content.png" />
<div class='header'>
<img class='header_image' src='https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/login_elp.png'>
<span class='header_span'>Welcome</span>
</div>
<div class='form'>
<div class='form_item1'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/ico_lock1.png' />
<span class="login_Zh">账号</span>
<input class='form_item_input' id="UserAccount" type='number' placeholder="请输入手机号"></input>
</div>
</div>
<div class='form_item2'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/ico_lock2.png' />
<span class="login_Zh">密码</span>
<input class='form_item_input' id="passWord" type="password" placeholder="请输入密码"></input>
</div>
</div>
</div>
<button class="login_btn" onclick="user_login()">登录</button>
</div>
<div class="jihuoDiv" onclick="goJihuo()">
<span class='login_wx_span'>账号未激活？</span>
<span class="jilijihuo">立即激活</span>
</div>
</div>
<div class="login_xieyi" onclick="goFuwutiaokuan()">
<span>登录或者注册表明已阅读并同意</span>
<span>服务条款</span>
</div>
</div>
<div class="login_jihuo">
<div class='page__bd'>
<div class="headBg" style="height:60rem;">
<img class="headBgImg" src="https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/login_content.png" />
<div class='header'>
<img class='header_image' src='https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/login_elp.png'>
<span class='header_span'>Welcome</span>
</div>
<div class='form'>
<div class='form_item1'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/ico_lock1.png' />
<span class="login_Zh">账号</span>
<input class='form_item_input' type='number' id="Activation_Account" placeholder="请输入手机号"></input>
</div>
</div>
<div class='form_item2'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/ico_lock2.png' />
<span class="login_Zh">密码</span>
<input class='form_item_input' type="password" id="Activation_password" placeholder="请输入密码"></input>
</div>
</div>
<div class='form_item2'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/ico_yzm.png' style="margin-top:1rem;" />
<span class="login_Zh">验证码</span>
<input class='form_validate_input' id="Activation_valicode" placeholder="请输入验证码"></input>
<span class="login_yzm" onclick="getCode()">发送验证码</span>
</div>
</div>
</div>
<button class="login_btn" onclick="Activation()">激活并登录</button>
</div>
<div class="jihuoDiv">
<span class="jilijihuo" onclick="backToLogin()">返回登录</span>
</div>
</div>
</div>
</div>
<div class="login_Agreement">
<div class="login_AgreeTitle">
<img onclick="gobackLogin()" src="https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/login_arrowleft.jpg" /> 用户协议
</div>
<div class="boxcenter">
<h1>《用户协议和法律协议》 本协议为您与本APP管理者之间所订立的契约，具有合同的法律效力，请您仔细阅读。</h1>
<h1>一、 本协议内容、生效、变更 </h1>
<span>本协议内容包括协议正文及所有本APP已经发布的或将来可能发布的各类规则。所有规则为本协议不可分割的组成部分，与协议正文具有同等法律效力。如您对协议有任何疑问，应向本APP咨询。您在同意所有协议条款并完成注册程序，才能成为本站的正式用户，您登录和注册后，本协议即生效，对双方产生约束力。 只要您使用本APP平台服务，则本协议即对您产生约束，届时您不应以未阅读本协议的内容或者未获得本APP对您问询的解答等理由，主张本协议无效，或要求撤销本协议。您确认：本协议条款是处理双方权利义务的契约，始终有效，法律另有强制性规定或双方另有特别约定的，依其规定。 您承诺接受并遵守本协议的约定。如果您不同意本协议的约定，您应立即停止注册程序或停止使用本APP平台服务。本APP有权根据需要不定期地制订、修改本协议及/或各类规则，并在本APP平台公示，不再另行单独通知用户。变更后的协议和规则一经在网站公布，立即生效。如您不同意相关变更，应当立即停止使用本APP平台服务。您继续使用本APP平台服务的，即表明您接受修订后的协议和规则。</span>
<h1>二、 注册</h1>
<span>注册资格用户须具有法定的相应权利能力和行为能力的自然人、法人或其他组织，能够独立承担法律责任。您完成注册程序或其他本APP平台同意的方式实际使用本平台服务时，即视为您确认自己具备主体资格，能够独立承担法律责任。若因您不具备主体资格，而导致的一切后果，由您及您的监护人自行承担。</span>
<h1>注册资料</h1>
<span>2.1用户应自行诚信向本站提供注册资料，用户同意其提供的注册资料真实、准确、完整、合法有效，用户注册资料如有变动的，应及时更新其注册资料。如果用户提供的注册资料不合法、不真实、不准确、不详尽的，用户需承担因此引起的相应责任及后果，并且本APP保留终止用户使用本平台各项服务的权利。<br> 2.2用户在本站进行浏览等活动时，涉及用户真实姓名/名称、通信地址、联系电话、电子邮箱等隐私信息的，本站将予以严格保密，除非得到用户的授权或法律另有规定，本站不会向外界披露用户隐私信息。</span>
<h1>账户</h1>
<span>3.1您注册成功后，即成为本APP平台的会员，将持有本APP平台唯一编号的账户信息，您可以根据本站规定改变您的密码。<br> 3.2您设置的姓名为真实姓名，不得侵犯或涉嫌侵犯他人合法权益。否则，本APP有权终止向您提供服务，注销您的账户。账户注销后，相应的会员名将开放给任意用户注册登记使用。<br> 3.3您应谨慎合理的保存、使用您的会员名和密码，应对通过您的会员名和密码实施的行为负责。除非有法律规定或司法裁定，且征得本APP的同意，否则，会员名和密码不得以任何方式转让、赠与或继承（与账户相关的财产权益除外）。<br> 3.4用户不得将在本站注册获得的账户借给他人使用，否则用户应承担由此产生的全部责任，并与实际使用人承担连带责任。 3.5如果发现任何非法使用等可能危及您的账户安全的情形时，您应当立即以有效方式通知本APP要求暂停相关服务，并向公安机关报案。您理解本APP对您的请求采取行动需要合理时间，本APP对在采取行动前已经产生的后果（包括但不限于您的任何损失）不承担任何责任。</span>
<h1>用户信息的合理使用</h1>
<span>4.1您同意本APP平台拥有通过邮件、短信电话等形式，向在本站注册用户发送信息等告知信息的权利。<br> 4.2您了解并同意，本APP有权应国家司法、行政等主管部门的要求，向其提供您在本APP平台填写的注册信息和交易记录等必要信息。如您涉嫌侵犯他人知识产权，则本APP亦有权在初步判断涉嫌侵权行为存在的情况下，向权利人提供您必要的身份信息。<br> 4.3用户同意本APP有权使用用户的注册信息、用户名、密码等信息，登陆进入用户的注册账户，进行证据保全，包括但不限于公证、见证等。</span>
<h1>免责条款</h1>
<span> 5.1 本平台仅提供信息对接，发生一切纠纷问题皆与本平台无关，请通过仲裁部门维护各自权益。 </span>
<span style="font-size: 2rem;margin-top: 2rem">（正文完）</span>
<h1 style="font-size: 2rem;margin-top: 2rem;text-align: right;margin-bottom: 2rem">成都微途科技有限公司</h1>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script type="text/javascript" src="../js/mian.js"></script>
<script src="../js/md5.js"></script>
<script>
// if (localStorage.u) {
// let userInfo = {}
// try {
// userInfo = JSON.parse(localStorage.u);
// if (userInfo.customerId) {
// window.location.href = 'https://activity.oytour.com/html/GT_activities.html';
// }
// } catch (e) {
// window.location.href = 'https://activity.oytour.com/html/login.html';
// }
// }
let jumpPay = 0; //0 为跳转到活动页面 1位支付页面
let price = 0;
let couponId = 0;
let platform = 0;
let href = window.location.href;
let isbillPage = false
if (window.location.href.split('?')[1] && window.location.href.split('?')[1] == "page=billPage") {
isbillPage = true
}
if(href.split('?')[1] && href.split('?')[1].indexOf('redemptionPrice') != -1){
let param = href.split('?')[1].split("&") ? href.split('?')[1].split("&") : null;
price = param ? param[0].split('=')[1] : 0;
couponId = param ? param[1].split('=')[1] : 0;
platform = param ? param[2].split('=')[1] : 0;
jumpPay = param ? param[3].split('=')[1] : 1;
}
//跳转至激活
function goJihuo() {
$(".login_denglu").css({
'display': 'none'
});
$(".login_jihuo").css({
'display': 'block'
});
}
//跳转回登录
function backToLogin() {
$(".login_denglu").css({
'display': 'block'
});
$(".login_jihuo").css({
'display': 'none'
});
}
//登录到服务条款
function goFuwutiaokuan() {
$(".login_page").css({
'display': 'none'
});
$(".login_Agreement").css({
'display': 'block'
});
}
//条款返回登录
function gobackLogin() {
$(".login_page").css({
'display': 'block'
});
$(".login_Agreement").css({
'display': 'none'
});
}
//点击登录
function user_login() {
let UserAccount = $("#UserAccount").val();
let passWord = $("#passWord").val();
if (UserAccount == '') {
layer.msg('请输入账号');
return;
}
if (passWord == '') {
layer.msg('请输入密码');
return;
}
let msg = {
account: UserAccount,
password: passWord
};
Login(msg)
}
//登录
function Login(msg) {
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData('b2b_post_Login', msg),
async: false,
success: function(res) {
if (res.resultCode === 1) {
layer.msg(res.message);
//存localstorage
let userInfo = {
customerId: res.data.customerId,
accountId: res.data.accountId,
token: res.data.token,
secretKey: res.data.secretKey,
}
localStorage.onLogin = true
localStorage.u = JSON.stringify(userInfo)
if(isbillPage){
localStorage.billPage = JSON.stringify(userInfo);
setTimeout(function(){
window.location.href='billPage.html';
},500)
} else {
if(jumpPay == 0 || couponId == 0){
window.location.href = 'https://activity.oytour.com/html/GT_activities.html';
// window.location.href = './GT_activities.html';
}else {
window.location.href = `https://activity.oytour.com/html/Rushbuy.html?redemptionPrice=${price}&couponId=${couponId}&platform=${platform}&noClick=${'1'}&r=ejhr12123`;
// window.location.href = `./Rushbuy.html?redemptionPrice=${price}&couponId=${couponId}&platform=${platform}&noClick=${'1'}&r=efr12123`;
}
}
//window.location.href='http://127.0.0.1:5500/html/GT_activities.html';
} else {
layer.msg(res.message);
}
},
error: function(res) {
layer.msg(res.message);
}
});
}
//发送验证码
function getCode() {
var phoneReg = /(^1[3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/;
//电话
let phone = $('#Activation_Account').val();
if (!phoneReg.test(phone)) {
layer.msg("请输入有效的手机号码！");
return false;
}
const TIME_COUNT = 60;
let isSend = false;
$('.login_yzm').html = '';
if (!this.timer) {
this.count = TIME_COUNT;
$('.login_yzm').html(TIME_COUNT);
isSend = true;
this.timer = setInterval(() => {
if (this.count > 0 && this.count <= TIME_COUNT) {
this.count--;
$('.login_yzm').html(count + 's重新发送');
isSend = false;
} else {
clearInterval(this.timer);
$('.login_yzm').html('发送验证码');
this.timer = null;
}
}, 1000);
}
let msg = {
mobileNumber: $('#Activation_Account').val(),
mobileCodeType: 1
};
if (isSend) {
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData('user_get_moblieNumber_code', msg),
async: false,
success: function(res) {
if (res.resultCode === 1) {
layer.msg(res.message);
}
},
error: function(res) {
layer.msg(res.message);
}
});
}
}
//点击激活
function Activation() {
if ($('#Activation_Account').val() == "") {
layer.msg('请输入账号！');
return
}
if ($('#Activation_password').val() == "") {
layer.msg('请输入密码！');
return
}
if ($('#Activation_valicode').val() == "") {
layer.msg('请输入验证码！');
return
}
let activeMsg = {
account: $('#Activation_Account').val(),
mobileNumber: $('#Activation_Account').val(),
password: $('#Activation_password').val(),
code: $('#Activation_valicode').val()
};
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData('b2b_post_AccountActivation', activeMsg),
async: false,
success: function(res) {
if (res.resultCode === 1) {
layer.msg(res.message);
let msg = {
account: $('#Activation_Account').val(),
password: $('#Activation_password').val()
};
Login(msg)
} else {
layer.msg(res.message);
}
},
error: function(res) {
layer.msg(res.message);
}
});
}
</script>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment