<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="utf-8" />
<title>Proud Kids 在线固定外教小班课</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link type="text/css" rel="stylesheet" href="swiper/swiper.min.css" />
<link type="text/css" rel="stylesheet" href="css/index.css" />
<link type="text/css" rel="stylesheet" href="css/home.css" />
<link rel="stylesheet" href="css/flexible.css">
<script src="./js/jquery-1.8.3.min.js"></script>
<script src="js/flexible.js"></script>
<link rel="stylesheet" href="css/mobileSelect.css">
<script src="js/mobileSelect.js"></script>
</head>
<body>
<div class="container">
<div class="fixed-box2">
<img src="./images/fixed2.png" alt="">
</div>
<div class="fixed-box1">
<div class="person">
<p class="font-32">剩余：<b class="hundred">0</b><b class="ten">0</b><b class="unit">0</b> <span class="font-18" style="color:#a9a9a9">人</span></p>
<p class="font-20" style="color:#a9a9a9">总报名人数：<span class="totalNum">500</span>人</p>
</div>
<div class="money font-36 payMoney">
支付<span id="newPrice" style="margin-left:0"></span>元购买<span class="font-24">(原价<span id="oldPrice" style="margin-left:0;text-decoration:line-through"></span>元)</span>
</div>
</div>
<div class="myInfo hidden">
<div class="img-box "><img class="wxHeadImg" src="" alt=""></div>
<div class="name-box">
<p class="font-32 nickname" style="color:#424242"></p>
<p class="font-24 stuLevel" style="color:#888888">LEVEL <span style="color:#ff635d" id="grade">K</span></p>
</div>
<div class="btnCourse font-24">我的课程</div>
</div>
<div class="images-box">
<img src="./images/pay1.png" alt="">
<img src="./images/2.png" alt="">
<img src="./images/3.png" alt="">
<img src="./images/4.png" alt="">
<img src="./images/5.png" alt="">
<img src="./images/6.png" alt="">
<img src="./images/7.png" alt="">
<img src="./images/8.png" alt="">
<img src="./images/9.png" alt="">
<img src="./images/10.png" alt="">
<img src="./images/11.png" alt="">
<img src="./images/12.png" alt="">
<img src="./images/13.png" alt="">
<img src="./images/14.png" alt="">
<img src="./images/15.png" alt="">
<img src="./images/16.png" alt="">
<img src="./images/17.png" alt="">
<img src="./images/18.png" alt="">
<img src="./images/19.png" alt="">
</div>
<div class="login-container hidden">
<p class="font-48 stepTitle">第一步：需要您填写信息</p>
<div class="content-box">
<div class="content-bottom relative">
<div class="input-box relative">
<input id="phone" type="tel" maxlength="11" placeholder="请输入手机号">
<p class="tipmes font-24 hidden">请输入正确的手机号码</p>
</div>
<div class="input-box relative ">
<input id="message" maxlength="6" type="number" placeholder="请输入验证码">
<button id="get-message" style="cursor: pointer">获取验证码</button>
<p class="tipmes font-24 hidden">请输入正确验证码</p>
</div>
<a id="next-step" style="cursor: pointer">下一步</a>
</div>
</div>
<div class="content-box-1 hidden">
<div class="content-bottom relative">
<div class="input-box relative">
<input id="name" type="text" placeholder="请输入孩子的名字" onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');">
<p class="tipmes font-24 hidden">请输入孩子的名字</p>
</div>
<div class="input-box relative">
<div id="trigger1"><i class="level" style="font-style:normal">选择孩子的学习阶段</i><b class="levelNum" style="font-weight:normal;color: #ff6058"></b><span></span></div>
<!-- <p id="trigger1" style="cursor: pointer">孩子学习英文几年了</p> -->
<!-- <span class="absolute list center"><b>0</b>年</span> -->
<p class="tipmes font-24 hidden">选择孩子的学习阶段</p>
<ul class="all" style="z-index:999999">
<li><b>Level k</b>(没有学习过英语)</li>
<li><b>Level 1</b>(学习过 1 年英语)</li>
<li><b>Level 2</b>(学习过 2 年英语)</li>
<li><b>Level 3</b>(学习过 3 年英语)</li>
<li><b>Level 4</b>(学习过 4 年英语)</li>
<li><b>Level 5</b>(学习过 5 年英语)</li>
<li><b>Level 6</b>(学习过 6 年英语)</li>
</ul>
</div>
<div class="input-box relative">
<input id="enName" type="text" placeholder="英文名字(非必填)">
<!-- <p class="tipmes font-24 hidden">请输入孩子的英文名字</p> -->
</div>
<a id="complete-button" style="cursor: pointer">完成</a>
</div>
</div>
</div>
<div class="fiexQuit-box hidden">
<div class="bg-box"></div>
<div class="quit-box">
<div class="quitText">
退出登录
</div>
<div class="isQuit">
<span id="yesQuit">确定</span>
<span id="noQuit">取消</span>
</div>
</div>
</div>
</div>
<!-- Initialize Swiper -->
<script src="js/jquery.min.js"></script>
<script src="swiper/swiper.min.js"></script>
<script src="https://pv.sohu.com/cityjson"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
var channelId = null;
var buttonCode = 0;
var phoneText = '';
var invateUserQuota = '';
var ruserId;
var openId = '';
var baseUrl = 'https://ce.proudkids.cn';
//var baseUrl = 'http://192.168.1.80:9527'
var token = '';
var fee = 0.01; //原价
var goodsId = 1;
var amount = 1;
var wxConfig;
var cid;
var pid;
var refreshToken;
var goodsName;
var headimgurl;
var GetCodesUrl;
// var weekdayArr = ['零基础', '1年级', '2年级', '3年级', '4年级', '5年级', '6年级'];
// var mobileSelect1 = new MobileSelect({
// trigger: '#trigger1',
// title: '选择年级',
// wheels: [{
// data: weekdayArr
// }],
// position: [0], //初始化定位 打开时默认选中的哪个 如果不填默认为0
// transitionEnd: function(indexArr, data) {
// console.log(data);
// },
// callback: function(indexArr, data) {
// console.log(data);
// console.log(data[0]);
// $('#trigger1').val(data[0]);
// }
// });
//微信分享
$(document).ready(function() {
$.ajax({
type: 'get',
url: 'https://wechat.proudkids.cn/winShareController.do?shareView&route=' + encodeURIComponent(window.location.href.split("#")[0]),
async: false,
cache: false,
dataType: 'json',
success: function(res) {
wxConfig = res.obj
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wxff0504465ffbaacd', // 必填，公众号的唯一标识
timestamp: wxConfig.timestamp, // 必填，生成签名的时间戳
nonceStr: wxConfig.nonceStr, // 必填，生成签名的随机串
signature: wxConfig.signature, // 必填，签名
jsApiList: ['chooseWXPay', 'onMenuShareTimeline',
'onMenuShareAppMessage', 'onMenuShareQQ',
'onMenuShareWeibo', 'onMenuShareQZone'
] // 必填，需要使用的JS接口列表
});
}
})
});
wx.ready(function() {
wx.checkJsApi({
jsApiList: ['onMenuShareTimeline',
'onMenuShareAppMessage', 'onMenuShareQQ',
'onMenuShareWeibo', 'onMenuShareQZone'
], // 需要检测的JS接口列表，所有JS接口列表见附录2,
success: function(res) {
// 以键值对的形式返回，可用的api值true，不可用为false
// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
return {
"checkResult": {
"onMenuShareTimeline": true
},
"errMsg": "checkJsApi:ok"
};
}
});
// 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline({
title: 'Proud Kids 在线固定外教小班课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/purchase/index.html?cid=" + cid + '&pid=' + pid,
imgUrl: "https://files.proudkids.cn/default/dalibao.png", // 分享图标
success: function() {
alert("分享成功!");
},
cancel: function() {
alert("取消分享！");
}
});
// 获取“分享给朋友”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage({
title: 'Proud Kids 在线固定外教小班课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/purchase/index.html?cid=" + cid + '&pid=' + pid,
imgUrl: "https://files.proudkids.cn/default/dalibao.png", // 分享图标
success: function() {
alert("分享成功!");
},
cancel: function() {
alert("取消分享！");
}
});
//获取“分享到QQ”按钮点击状态及自定义分享内容接口
wx.onMenuShareQQ({
title: 'Proud Kids 在线固定外教小班课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/purchase/index.html?cid=" + cid + '&pid=' + pid,
imgUrl: "https://files.proudkids.cn/default/dalibao.png", // 分享图标
success: function() {
alert("分享成功!");
},
cancel: function() {
alert("取消分享！");
}
});
//获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
// wx.onMenuShareWeibo({
// title: '阅读打卡14天 实体绘本免费送', // 分享标题
// desc: '14天Raz绘本阅读训练营', // 分享描述
// link: "https://wechat.proudkids.cn/picBooksController.do?myIndex&invitedOpenId=" +
// wxConfig.openId,
// imgUrl: "https://wechat.proudkids.cn/webpage/winter/images/wechat.jpg", // 分享图标
// success: function() {
// alert("分享成功!");
// },
// cancel: function() {
// alert("取消分享！");
// }
// });
//获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
wx.onMenuShareQZone({
title: 'Proud Kids 在线固定外教小班课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/purchase/index.html?cid=" + cid + '&pid=' + pid,
imgUrl: "https://files.proudkids.cn/default/dalibao.png", // 分享图标
success: function() {
alert("分享成功!");
},
cancel: function() {
alert("取消分享！");
}
});
});
//设置cookie
function setCookie(name, value, iDay, iPath) {
var oDate = new Date();
iDay = arguments[2] ? arguments[2] : 1;
iPath = arguments[3] ? arguments[3] : "/";
oDate.setDate(oDate.getDate() + iDay);
document.cookie = name + "=" + encodeURIComponent(value) + ";expires=" + oDate + ";path=" + iPath;
}
function getCookie(name) {
var arr = document.cookie.split("; ");
for (var i = 0; i < arr.length; i++) {
var arr2 = arr[i].split("=");
if (arr2[0] === name) {
return decodeURIComponent(arr2[1]);
}
}
return "";
};
function getstuInfo() {
$.ajax({
url: baseUrl + '/ruser/v1/ruser/ruser-info/' + ruserId,
type: 'get',
async: false,
cache: false,
dataType: 'json',
headers: {
'Authorization': 'Bearer ' + token
},
//contentType: "application/json",
success: function(res) {
console.log(res)
$('#chName').text(res.name);
$('#EnName').text(res.enName);
$('#phone').text(res.phone);
if (res.grade == 0) {
$('#grade').text('k');
} else {
$('#grade').text(res.grade);
}
},
error: function(res) {
console.log(res)
}
})
}
$(function() { //获取OpenId
var BaseUrl = "https://open.weixin.qq.com/connect/oauth2/authorize?";
//公众号的唯一标识
var AppId = "wxff0504465ffbaacd";
//授权后重定向的回调链接地址(填当前页)
var GetCodes = 'https://wechat.proudkids.cn/purchase/index.html?';
//返回类型，请填写code
var Response_type = "code";
//应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid）
var Scope = "snsapi_userinfo";
//重定向后会带上state参数，开发者可以填写a-zA-Z0-9的参数值，最多128字节
var State = "test";
//必须带此参数
var Wechat_Redirect = "#wechat_redirect";
var code;
var url = 'https://ce.proudkids.cn'
function ReturnGetCodeUrl() {
return BaseUrl + "appid=" + AppId + "&redirect_uri=" +
GetCodes + "&response_type=" +
Response_type + "&scope=" + Scope + "&state=" +
State + Wechat_Redirect
};
//获取地址栏code参数
function GetQueryString(name) {
var url = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var newUrl = window.location.search.substr(1).match(url);
if (newUrl != null) {
return unescape(newUrl[2]);
} else {
return false;
}
};
function GetCode() {
//GetCodesUrl = 'https://wechat.proudkids.cn/purchase/index.html?' + 'cid=' + cid + '&pid=' + pid;
//如果有code参数，那么GetOpenId获取openid
if (GetQueryString("code")) {
code = GetQueryString("code")
console.log(code)
if (localStorage.getItem('oldCode') == code) {
console.log('have equal code')
location.href = 'https://wechat.proudkids.cn/purchase/index.html'
} else {
localStorage.setItem('oldCode', code)
GetOpenId(GetQueryString("code"))
}
//没有那么重定向去获取
} else {
console.log("redict weichat auth get code")
//重定向去微信来获取code
location.href = ReturnGetCodeUrl()
}
};
//通过上面的GetCode()取得code，然后通过code取openid
function GetOpenId(code) {
$.ajax({
type: 'get',
url: url + '/ruser/ruser/v1/wechatUser',
// headers: {
// //Accept: "application/json; charset=utf-8",
// 'Authorization': 'Bearer ' + token
// },
async: false,
cache: false,
data: {
code: code
},
dataType: 'json',
success: function(res) {
console.log(res)
var data = res.data
$('.nickname').text(data.nickname);
$('.wxHeadImg').attr('src', data.headimgurl);
console.log(data.openid)
openId = data.openid;
headimgurl = data.headimgurl
localStorage.setItem('nickName', data.nickname);
localStorage.setItem('headimgurl', data.headimgurl);
localStorage.setItem('openId', openId);
}
})
};
$(document).ready(function() {
if (!openId) {
GetCode();
}
});
})
$(function() { //跳转
$('.btnCourse').click(function() {
var isComplete = localStorage.getItem('isComplete');
if (isComplete != 'false') {
window.location.href = 'detail.html'
} else {
$('.login-container').removeClass('hidden');
$('.content-box').addClass('hidden');
$('.content-box-1').removeClass('hidden');
$('.stepTitle').text('第二步：需要您完善信息')
}
})
})
$(document).ready(function() {
var nowDate = new Date();
var headImgSrc
var teacherName
var urlParams;
token = getCookie('token');
if (localStorage.getItem('cid')) {
urlParams = getRequest();
if (urlParams.cid != undefined) {
cid = urlParams.cid;
localStorage.setItem('cid', cid);
} else {
cid = localStorage.getItem('cid');
}
console.log(cid);
} else {
urlParams = getRequest();
cid = urlParams.cid;
localStorage.setItem('cid', cid);
console.log(cid);
cid = urlParams.cid;
};
if (localStorage.getItem('pid')) {
urlParams = getRequest();
if (urlParams.pid) {
pid = urlParams.pid;
localStorage.setItem('pid', pid);
} else {
pid = localStorage.getItem('pid');
}
} else {
urlParams = getRequest();
cid = urlParams.cid;
pid = urlParams.pid;
console.log(urlParams);
localStorage.setItem('pid', pid);
pid = urlParams.pid;
}
headImgSrc = localStorage.getItem('headimgurl')
$('.nickname').text(localStorage.getItem('nickName'));
$('.wxHeadImg').attr('src', headImgSrc);
openId = localStorage.getItem('openId');
ruserId = localStorage.getItem('ruserId');
console.log(openId + ruserId);
if (token) {
$('.myInfo').removeClass('hidden');
getstuInfo();
}
$.ajax({
url: baseUrl + '/pay/v1/payGoods/' + pid,
type: 'get',
async: false,
cache: false,
dataType: 'json',
success: function(res) {
console.log(res)
var data = res.data
var residueNum = data.qty - data.signUpNumber
goodsId = data.id
fee = data.favour;
goodsName = data.name
console.log(residueNum);
$('.totalNum').text(data.qty);
$('#oldPrice').text(data.fee);
$('#newPrice').text(data.favour);
if (residueNum >= 100) {
$('.hundred').text(residueNum.toString().substring(0, 1))
} else {
$('.hundred').text(0);
}
if (residueNum >= 10) {
$('.ten').text(residueNum.toString().substring(1, 2))
} else {
$('.ten').text(0);
}
$('.unit').text(residueNum.toString().substring(2, 3))
},
error: function() {
console.log('获取失败')
}
});
if (token) {
getList();
}
if (!$('.content-box-1').hasClass('hidden')) {
$('.stepTitle').text('第二步：需要您完善信息')
}
})
function getList() { //获取学生信息
$.ajax({
url: baseUrl + '/pay/v1/payOrders/ruser/' + ruserId + '/goods/' + goodsId,
type: 'get',
async: false,
cache: false,
dataType: 'json',
headers: {
'Authorization': 'Bearer ' + token
},
//contentType: "application/json",
success: function(res) {
console.log(res)
if (res.length == 0) {
$('#goodsName').text('暂无课程')
} else {
$('#goodsName').text(res[0].goodsName);
$('.payMoney').text('课程顾问会在24小时内与您取得联系');
$('.payMoney').css('background', '#b7b7b7');
$('.payMoney').addClass('font-26');
}
},
error: function(res) {
if (token) {
$('.login-container').removeClass('hidden');
}
}
});
}
//获取url参数
function getRequest() {
var url = location.search;
var theRequest = {};
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
}
}
return theRequest;
}
var swiper = new Swiper('.swiper-container', {
slidesPerView: 1,
//spaceBetween: 30,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
renderBullet: function(index, className) {
return '<span class="' + className + '"></span>';
}
}
});
// 支付
$(function() {
var orderId = null;
var subjectName = '1111';
var channelId = 1;
var clientIp = returnCitySN["cip"];
var appId;
var sign;
var timeStamp;
var nonceStr;
var packageStr;
var signType;
token = getCookie('token');
$('.fixed-box2').click(function() {
if (token) {
var isComplete = localStorage.getItem('isComplete')
if (isComplete != 'false') {
window.location.href = 'detail.html'
} else {
$('.login-container').removeClass('hidden');
$('.content-box').addClass('hidden');
$('.content-box-1').removeClass('hidden');
$('.stepTitle').text('第二步：需要您完善信息')
}
} else { //手机登陆 获取token
$('.login-container').removeClass('hidden');
}
})
$('.payMoney').click(function() {
if (token) {
if ($('.payMoney').text() == '课程顾问会在24小时内与您取得联系') {
return
} else {
var isComplete = localStorage.getItem('isComplete')
if (isComplete != 'false') {
addOrder();
} else {
$('.login-container').removeClass('hidden');
$('.content-box').addClass('hidden');
$('.content-box-1').removeClass('hidden');
$('.stepTitle').text('第二步：需要您完善信息')
}
}
} else { //手机登陆 获取token
$('.login-container').removeClass('hidden')
}
clientIp = returnCitySN["cip"];
console.log(clientIp)
})
function addOrder() { //添加订单
$.ajax({
url: baseUrl + '/pay/v1/payOrders',
type: 'post',
async: false,
cache: false,
dataType: 'json',
headers: {
'Authorization': 'Bearer ' + token
},
contentType: "application/json",
data: JSON.stringify({
'amount': amount,
'fee': fee,
'goodsId': goodsId,
'ruserId': ruserId,
'goodsName': goodsName,
'payChannelId': cid,
}),
success: function(res) {
console.log(res);
orderId = res.data.id;
goodsId = res.data.goodsId;
fee = res.data.fee;
payOrders();
},
error: function(res) {
console.log(res)
}
});
}
function payOrders() {
$.ajax({
url: baseUrl + '/pay/payCenter/toPay',
type: 'get',
async: false,
cache: false,
dataType: 'json',
headers: {
'Authorization': 'Bearer ' + token
},
//contentType: "application/json",
data: {
'openId': openId,
'fee': fee,
'goodsId': goodsId,
'orderId': orderId,
'subjectName': subjectName,
'clientIp': clientIp,
'channelId': channelId,
},
success: function(res) {
var data = res.data
console.log(res)
appId = data.appId;
nonceStr = data.nonceStr;
packageStr = data.packageStr;
signType = data.signType;
timeStamp = data.timeStamp;
sign = data.paySign;
WxPay();
},
error: function(res) {
console.log(res)
}
});
};
function WxPay() {
WeixinJSBridge.invoke('getBrandWCPayRequest', {
"appId": appId, //公众号名称，由商户传入
"paySign": sign, //微信签名
"timeStamp": timeStamp, //时间戳，自1970年以来的秒数
"nonceStr": nonceStr, //随机串
"package": packageStr, //预支付交易会话标识
"signType": signType //微信签名方式
}, function(res) {
console.log(res)
if (res.err_msg == "get_brand_wcpay_request:ok") {
// alert("支付成功");
//this.$router.push({path:'Invite'})
location.href = "https://wechat.proudkids.cn/purchase/index.html";
//你的业务逻辑
} else {
alert("支付失败")
//alert(JSON.stringify(res.err_msg))
}
});
};
})
//~~~~~~~~~~~~~~~~~~~~~~登陆~~~~~~~~~~~~~~~~~~~~~~~~
$(function() {
$('#phone').change(function() {
phoneText = $.trim($('#phone').val());
if (phoneText.length == 11 && (/^1[3|4|5|7|8][0-9]\d{4,8}$/.test(phoneText))) {} else {
// $('#phone').siblings('p').removeClass('hidden');
//tipBlack('请填写正确手机号码！')
}
})
$('#next-step').click(function() {
checkSms();
});
$('#get-message').click(function() {
getCode();
})
function checkPhoneOnce() {
phoneText = $.trim($('#phone').val());
console.log(phoneText)
if (phoneText.length == 11 && (/^1[3|4|5|7|8][0-9]\d{4,8}$/.test(phoneText))) {
getCode();
} else {
$('#phone').siblings('p').removeClass('hidden');
//tipBlack('请填写正确手机号码！')
}
}
//获取验证码
function getCode() {
console.log(phoneText)
if (buttonCode == 1) {
tipBlack('发送频繁，请稍后')
return false
} else {
console.log('进入')
buttonCode = 1;
changeText();
$.ajax({
//url: 'https://wechat.proudkids.cn/packGroupController.do?sendSMS&phone=' + phoneText,
url: baseUrl + '/admin//smsCode/' + phoneText,
type: 'get',
async: false,
cache: false,
dataType: 'json',
success: function(data) {
console.log(data);
//changeText();
},
error: function() {
tipBlack('获取失败')
}
})
}
};
function changeText() {
var rightTime = 60;
$('#get-message').html('60秒');
countdown = setInterval(function() {
if (rightTime > 0) {
buttonCode = 1;
rightTime--;
$('#get-message').html(rightTime + '秒');
} else {
clearInterval(countdown);
buttonCode = 0;
$('#get-message').html('点击获取');
}
}, 1000);
};
//验证码正确错误
function checkSms() {
//接口回掉成功新用户
phoneText = $.trim($('#phone').val());
var smsCode = $('#message').val();
cid = localStorage.getItem('cid');
if (phoneText.length == 11 && (/^1[3|4|5|6|7|8][0-9]\d{4,8}$/.test(phoneText))) {
if ((/^\d{4}$/.test(smsCode))) {
$.ajax({
//url: 'https://wechat.proudkids.cn/packGroupController.do?checkPhone&phone=' + phoneText + '&userCode=' + smsCode,
url: baseUrl + '/auth/ruser/mobile/token?mobile=' + phoneText + '&code=' + smsCode + '&cid=' + cid + '&grant_type=mobile&scope=server',
type: 'post',
async: false,
cache: false,
dataType: 'json',
success: function(data) {
var data = data
console.log(data);
//接口回掉成功新用户
ruserId = data.ruserId;
localStorage.setItem('ruserId', data.ruserId);
localStorage.setItem('isComplete', data.isComplete);
$('#message').siblings('p').addClass('hidden');
$('#phone').siblings('p').addClass('hidden');
$('.stepTitle').text('第二步：需要您完善信息');
setCookie('token', data.oauth2.value);
setCookie('refreshToken', data.oauth2.refreshToken.value);
setCookie('ruserId', data.ruserId)
console.log(data.oauth2.value)
$('.myInfo').removeClass('hidden');
getstuInfo();
if (data.isComplete) {
$('.login-container').addClass('hidden');
window.location.reload();
} else {
$('.content-box').addClass('hidden');
$('.content-box-1').removeClass('hidden');
}
if ($('.content-box-1').hasClass('hidden')) {
} else {
$('.stepTitle').text('第二步：需要您完善信息')
}
},
});
} else {
$('#message').siblings('p').removeClass('hidden');
//tipBlack('请填写正确验证码！');
}
} else {
$('#phone').siblings('p').removeClass('hidden');
}
}
})
//~~~~~~~~~~~~~~~~~~~~~~~~新用户完成name提交~~~~~~~~~~~~~~~~
$(function() {
var type = 0;
var name = '';
var enName = '';
var grade = null;
$('.all').hide();
$('#trigger1').click(function() { //下拉动态效果
$('.all').slideToggle(300);
if ($('#trigger1 span').hasClass('rotate')) {
$('#trigger1 span').removeClass('rotate');
} else {
$('#trigger1 span').addClass('rotate');
}
})
$('.all li').click(function() {
if ($('#trigger1 span').hasClass('rotate')) {
$('#trigger1 span').removeClass('rotate');
} else {
$('#trigger1 span').addClass('rotate');
}
$(this).addClass('selected')
$(this).siblings().removeClass('selected');
$('#trigger1 .level').text($('.all .selected').text().substring(0, 6))
$('#trigger1 .levelNum').text($('.all .selected').text().substring(6, 7))
if ($('.all .selected').text().substring(6, 7) == 1) {
grade = 1
} else if ($('.all .selected').text().substring(6, 7) == 2) {
grade = 2
} else if ($('.all .selected').text().substring(6, 7) == 3) {
grade = 3
} else if ($('.all .selected').text().substring(6, 7) == 4) {
grade = 4
} else if ($('.all .selected').text().substring(6, 7) == 5) {
grade = 5
} else if ($('.all .selected').text().substring(6, 7) == 6) {
grade = 6
} else {
grade = 0
}
$('#trigger1').siblings('p').addClass('hidden');
console.log(grade)
$('.all').slideUp(300);
})
$('#name').change(function() {
$('#name').siblings('p').addClass('hidden');
});
//获取cookie
function getCookie(name) {
var arr = document.cookie.split("; ");
for (var i = 0; i < arr.length; i++) {
var arr2 = arr[i].split("=");
if (arr2[0] === name) {
return decodeURIComponent(arr2[1]);
}
}
return "";
};
$('#complete-button').click(function() {
name = $('#name').val()
enName = $('#enName').val()
console.log(grade)
if (!name) {
$('#name').siblings('p').removeClass('hidden');
//tipBlack('请输入您孩子的名字！');
}
if (!enName) {
$('#enName').siblings('p').removeClass('hidden');
//tipBlack('请输入您孩子的名字！');
}
if (grade == null) {
$('#trigger1').siblings('p').removeClass('hidden');
//tipBlack('请输入您孩子的名字！');
}
if (name) {
$.ajax({
//url: 'https://wechat.proudkids.cn/packGroupController.do?enrollSubmit&phone=' + phoneText + '&type=' + type + '&name=' + name + '&level=' + level,
url: baseUrl + '/ruser/v1/ruser/v3/edit-ruser',
type: 'put',
async: false,
cache: false,
headers: {
'Authorization': 'Bearer ' + getCookie('token')
},
contentType: "application/json",
data: JSON.stringify({
'openId': openId,
'name': name,
'enName': enName,
'pic': headimgurl,
'grade': grade,
'ruserId': ruserId,
}),
dataType: 'json',
success: function(data) {
console.log(data);
localStorage.setItem('isComplete', 'true');
//接口回掉成功新用户
window.location.reload();
$('.myInfo').removeClass('hidden');
getstuInfo();
},
error: function(data) {
console.log(data)
}
});
}
})
});
//退出登陆
$(function() {
$('.img-box').click(function() {
$('.fiexQuit-box').removeClass('hidden')
})
$('#yesQuit').click(function() {
refreshToken = getCookie('refreshToken');
console.log(refreshToken)
$.ajax({
//url: 'https://wechat.proudkids.cn/packGroupController.do?enrollSubmit&phone=' + phoneText + '&type=' + type + '&name=' + name + '&level=' + level,
url: baseUrl + '/auth/removeToken?accesstoken=' + token + '&refreshToken=' + refreshToken,
type: 'post',
async: false,
cache: false,
headers: {
'Authorization': 'Bearer ' + getCookie('token')
},
contentType: "application/json",
dataType: 'json',
success: function(data) {
console.log(data);
localStorage.removeItem('isComplete');
WeixinJSBridge.call('closeWindow');
},
error: function(data) {
console.log(data)
}
});
})
$('#noQuit').click(function() {
$('.fiexQuit-box').addClass('hidden')
})
})
/*创建新元素toast*/
function tipBlack(toastText) {
console.log(3)
var newDiv = document.createElement("div"); //创建元素
newDiv.setAttribute("id", "toast"); //为创建的新元素添加属性
var bodyTags = document.getElementsByTagName("body"); //获得body元素
thisbody = bodyTags[0]; //获得body元素
thisbody.appendChild(newDiv); //将新元素加入到body元素中
var textNode = document.createTextNode(toastText); //创建文本节点
newDiv.appendChild(textNode); //将创建的文本节点添加到新元素里面算
setTimeout(toastDispear, 2000);
function toastDispear() {
//$(newDiv).fadeOut();
newDiv.parentNode.removeChild(newDiv);
}
}
//下来菜单
</script>
</body>
</html>