<!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-box1">
<div class="money font-36 payMoney">
免费领取258元的两节体验课
</div>
</div>
<div class="images-box">
<img src="./images/free.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 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="英文名字(非必填)">
</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 refreshToken;
var GetCodesUrl;
var headimgurl;
// 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 1V4小班体验课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/landing/index.html?cid=" + cid,
imgUrl: "https://files.proudkids.cn/default/tiyanbao.png", // 分享图标
success: function() {
alert("分享成功!");
},
cancel: function() {
alert("取消分享！");
}
});
// 获取“分享给朋友”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage({
title: 'Proud Kids 1V4小班体验课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/landing/index.html?cid=" + cid,
imgUrl: "https://files.proudkids.cn/default/tiyanbao.png", // 分享图标
success: function() {
alert("分享成功!");
},
cancel: function() {
alert("取消分享！");
}
});
//获取“分享到QQ”按钮点击状态及自定义分享内容接口
wx.onMenuShareQQ({
title: 'Proud Kids 1V4小班体验课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/landing/index.html?cid=" + cid,
imgUrl: "https://files.proudkids.cn/default/tiyanbao.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 1V4小班体验课', // 分享标题
desc: "千聊官方推荐，粉丝福利，固定外教小班课选：Proud Kids", // 分享描述
link: "https://wechat.proudkids.cn/landing/index.html?cid=" + cid,
imgUrl: "https://files.proudkids.cn/default/tiyanbao.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() { //获取OpenId
var BaseUrl = "https://open.weixin.qq.com/connect/oauth2/authorize?";
//公众号的唯一标识
var AppId = "wxff0504465ffbaacd";
//授权后重定向的回调链接地址(填当前页)
var GetCodes = 'https://wechat.proudkids.cn/landing/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',
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();
}
});
})
$(document).ready(function() {
var nowDate = new Date();
var teacherName
var urlParams;
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;
};
openId = localStorage.getItem('openId');
ruserId = localStorage.getItem('ruserId');
console.log(openId + ruserId);
})
//获取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() {
$('.payMoney').click(function() {
$('.login-container').removeClass('hidden')
})
$('#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);
$('#message').siblings('p').addClass('hidden');
$('#phone').siblings('p').addClass('hidden');
$('.stepTitle').text('第二步：需要您完善信息');
token = data.oauth2.value
console.log(data.oauth2.value)
$('.myInfo').removeClass('hidden');
if (data.isComplete) {
$('.login-container').addClass('hidden');
window.location.href = 'success.html'
} else {
$('.content-box').addClass('hidden');
$('.content-box-1').removeClass('hidden');
}
},
});
} 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 ' + 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);
//接口回掉成功新用户
window.location.href = 'success.html';
},
error: function(data) {
console.log(data)
}
});
}
})
});
/*创建新元素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>