new Vue({ el: '#app', // 选择器 data: { show: 0, count: '', timer: null, agreeType: true, // tel: "", //手机号 verification: '', //验证码 showType: false, invitationInfo: "", privacyAgreement:"", userAgreement:"", appName: "", appLogo:"", beian:"", iosUrl:"", androidUrl:"", tips: "恭喜你,注册成功~", tips2: "欢迎您加入,赶紧下载APP,领取您的新人免单专属福利吧~", goodslist: [ {"image": "https://img.alicdn.com/i3/880734502/O1CN01eDKk7i1j7xhJ5c7jV_!!880734502.jpg_310x310.jpg_.webp", "title": "手撕面包2斤" }, {"image": "https://img.alicdn.com/imgextra/i2/2201188731272/O1CN01sR96eg1LGcSFr2aTK_!!2201188731272.jpg_310x310.jpg_.webp", "title": "Unifree洗脸巾" }, {"image": "https://img.alicdn.com/imgextra/i4/2479240580/O1CN01g1cwOs1G9gTFkXFGZ_!!2479240580.png_310x310.jpg_.webp", "title": "手持小风扇" }, {"image": "https://img.alicdn.com/i4/2203738468138/O1CN01glAoIC29zFvNJAGhW_!!2203738468138.jpg_310x310.jpg_.webp", "title": "牛油果沐浴露" }, {"image": "https://img.alicdn.com/imgextra/i4/438927567/O1CN01vaRzJN25ljmb0wxZR_!!438927567.jpg_310x310.jpg_.webp", "title": "无糖薄荷糖" }, {"image": "https://img.alicdn.com/imgextra/i1/503512336/O1CN01wTeXWv1T7vxTSWEr2_!!503512336.jpg_310x310.jpg_.webp", "title": "高蛋白鸡胸肉" }, {"image": "https://img.alicdn.com/imgextra/i4/441512085/O1CN017tZRxE1RGyY2vgJF2_!!441512085.jpg_310x310.jpg_.webp", "title": "4只鲜肉粽子" }, {"image": "https://img.alicdn.com/imgextra/i1/1952819637/O1CN01rQrJu32L3nddEPV0l_!!1952819637.jpg_310x310.jpg_.webp", "title": "加厚无芯卷纸" }, {"image": "https://img.alicdn.com/i1/54801414/O1CN01jaEMbE1MJemh7RYJK_!!54801414.jpg_310x310.jpg_.webp", "title": "大樱桃车厘子" }], }, created() { this.getInvitationInfo(); }, mounted() { // 访问vm1 data的数据 }, methods: { getcode() { const times = 60; // 倒计时时间 if (!this.timer) { this.count = times; this.show = 1; this.timer = setInterval(() => { if (this.count > 0 && this.count <= times) { this.count--; } else { this.show = 2; clearInterval(this.timer); this.timer = null; } }, 1000) } }, //立即下载 download() { this.showType = true; }, //注册即同意 agreeCen() { this.agreeType = !this.agreeType }, getInvitationInfo() { var code = vmRequest("code"); //alert(code); //以param属性的形式来传递参数 axios({ method: "post", //请求方式 url: "/index/user/getInvitationInfo", //请求路径 params: { "code": code } //传递参数 //使用 箭头表达式=> 在代替原有的function来做回调函数 }).then(result => { if (result.data.code == 1) { alert(result.data.msg); } else { this.invitationInfo = result.data.info.user; this.appName = result.data.info.appName; this.privacyAgreement = result.data.info.privacyAgreement; this.userAgreement = result.data.info.userAgreement; this.appLogo = result.data.info.logo; this.beian = result.data.info.beian; this.iosUrl = result.data.info.appIosDownUrl; this.androidUrl = result.data.info.appAndroidDownUrl; } }) }, phoneIsRegister() { if (!this.tel) { alert("手机号不能为空") return false; } axios({ method: "post", //请求方式 url: "/index/user/phoneIsRegister", //请求路径 params: { "phone": this.tel } //传递参数 //使用 箭头表达式=> 在代替原有的function来做回调函数 }).then(result => { if (result.data.code == 1) { alert(result.data.msg); } else { // 号码未注册 发送验证码请求 // 号码已经注册 console.log(result.data) if(result.data.is_registered == 1){ this.tips = "您的帐号已经注册"; this.tips2 = "欢迎您加入"+this.appName+",赶紧下载APP,赚取佣金吧~"; this.showType = true; this.show = 1 //结束验证码 //alert(result.data.message); }else{ this.sendCode(); } } }) }, // 发送验证码 sendCode() { console.log("发送验证码") var timerChuo = new Date().getTime() // 拼凑数据 var sendInfo = { event: 'register', mobile: this.tel, }; axios({ method: "post", //请求方式 url: "/api/sms/send", //请求路径 data: sendInfo // headers: { // 'Content-Type': 'application/json;charset=UTF-8' // }, //传递参数 //使用 箭头表达式=> 在代替原有的function来做回调函数 }).then(result => { if (result.data.code == 1) { // 号码已经注册 alert( result.data.msg); } else { // 号码未注册 发送验证码请求 //alert("验证码发送成功" + result.data.message); this.getcode(); } }) }, goDownload() { // 判断是IOS还是安卓? 跳转对应下载页面 var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 if (isiOS) { window.location = this.iosUrl; } else if (isAndroid) { window.location = this.androidUrl; } }, /* 用户注册 */ userRegist() { if (!this.tel) { alert("手机号不能为空") return false; } if (!this.verification) { alert("验证码不能为空") return false; } if (this.agreeType) { alert("请先阅读并同意《"+this.appName+"用户协议》《隐私政策》") return false; } // 拼凑数据 var sendInfo = { mobile: this.tel, captcha: this.verification, invitation_code: this.invitationInfo.invitation_code }; axios({ method: "post", //请求方式 url: "/api/user/register", //请求路径 data: sendInfo, headers: { 'Content-Type': 'application/json;charset=UTF-8' }, //传递参数 //使用 箭头表达式=> 在代替原有的function来做回调函数 }).then(result => { if (result.data.code == 0) { // 注册成功 this.tips2 = "欢迎您加入"+this.appName+",赶紧下载APP,赚取佣金吧~"; this.showType = true; } else { //失败 alert("注册失败" + result.data.message); } }) }, } })