Skip to content

H
h5-base
Commit 5bbc20ff authored by liwei's avatar liwei
Browse files
Options

liwei

parent 2d6c0aa9
Show whitespace changes
Inline Side-by-side
Showing with 492 additions and 469 deletions
src/components/buy/activity.vue
View file @ 5bbc20ff
<template> <template>
<div> <div>
<div class="activity"> <div class="activity">
<img class="headerImg" :src="header1"> <img class="headerImg" :src="header1" />
<img class="headerImg" :src="header2"> <img class="headerImg" :src="header2" />
<div class="inviteContainer"> <div class="inviteContainer">
<img class="invite-title" :src="inviteResultTitle"> <img class="invite-title" :src="inviteResultTitle" />
<img class="invite-icon" :src="header_icon"/> <img class="invite-icon" :src="header_icon" />
<div class="invite-list"> <div class="invite-list">
<div class="flex-center i-title"> <div class="flex-center i-title">
<span>受邀购买</span> <span>受邀购买</span>
...@@ -21,218 +21,233 @@ ...@@ -21,218 +21,233 @@
<ul class="p-list"> <ul class="p-list">
<li v-for="data in inviteList"> <li v-for="data in inviteList">
<div class="flex-start no-margin"> <div class="flex-start no-margin">
<img :src="data.avatar"/> <img :src="data.avatar" />
<span>{{data.nickname}}</span> <span>{{data.nickname}}</span>
</div> </div>
<span class="no-margin">{{data.pay_at | formatDate}}</span> <span class="no-margin">{{data.pay_at | formatDate}}</span>
</li> </li>
</ul> </ul>
<img v-if="total > 3" class="moreBtn" :src="moreResult" @click="goToInviteList"> <img v-if="total > 3" class="moreBtn" :src="moreResult" @click="goToInviteList" />
</template> </template>
</div> </div>
<img class="headerImg" :src="header4"> <img class="headerImg" :src="header4" />
<div class="invite-btn"> <div class="invite-btn">
<img :src="inviteBtn" @click="goToInvite"> <img :src="inviteBtn" @click="goToInvite" />
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import QRCode from 'qrcodejs2' import QRCode from "qrcodejs2";
import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getInviteResultApi,getInviteListApi} from "../../service/api"; import {
import refBg from '../../assets/refBg.png' getwechatParam,
import moreUrl from '../../assets/moreIcon.png' getGoodsDetailApi,
import refIcon from '../../assets/refIcon.png' getGroupDetailApi,
import weChatIcon from '../../assets/wechatIcon.png' getStatusWechatApi,
import weChatQrUrl from '../../assets/weChatCode.png' getInviteResultApi,
import closeUrl from '../../assets/closemy.png' getInviteListApi
import html2canvas from 'html2canvas' } from "../../service/api";
import refBg from "../../assets/refBg.png";
import moreUrl from "../../assets/moreIcon.png";
import refIcon from "../../assets/refIcon.png";
import weChatIcon from "../../assets/wechatIcon.png";
import weChatQrUrl from "../../assets/weChatCode.png";
import closeUrl from "../../assets/closemy.png";
import html2canvas from "html2canvas";
import header_1 from '../../assets/activity/title1.png' import header_1 from "../../assets/activity/title1.png";
import header_icon from '../../assets/activity/icon.png' import header_icon from "../../assets/activity/icon.png";
import header_2 from '../../assets/activity/21.png' import header_2 from "../../assets/activity/21.png";
import header_3 from '../../assets/activity/31.jpg' import header_3 from "../../assets/activity/31.jpg";
import header_4 from '../../assets/activity/4.png' import header_4 from "../../assets/activity/4.png";
import invite_result_title from '../../assets/activity/invite_result.png' import invite_result_title from "../../assets/activity/invite_result.png";
import more_result from '../../assets/activity/more.png' import more_result from "../../assets/activity/more.png";
import invite_poster from '../../assets/activity/btn.png' import invite_poster from "../../assets/activity/btn.png";
import noData from '../../assets/activity/no_data.png' import noData from "../../assets/activity/no_data.png";
export default { export default {
name: "index", name: "index",
data(){ data() {
return { return {
header1: header_1, header1: header_1,
header2: header_2, header2: header_2,
header3:header_3, header3: header_3,
header_icon:header_icon, header_icon: header_icon,
header4: header_4, header4: header_4,
inviteResultTitle: invite_result_title, inviteResultTitle: invite_result_title,
moreResult: more_result, moreResult: more_result,
inviteBtn: invite_poster, inviteBtn: invite_poster,
refBg:refBg, refBg: refBg,
join:false, join: false,
popType:false, popType: false,
popFill:false, popFill: false,
popupVisible:false, popupVisible: false,
refVisible:false, refVisible: false,
tabType:true, tabType: true,
popcontentW:`您已经购买过课程，无需重复<br>购买，您可以添加微信公众号了解更多`, popcontentW: `您已经购买过课程，无需重复<br>购买，您可以添加微信公众号了解更多`,
popcontentT:`为了更好地为您进行课程服务，<br>请扫码添加老师二维码`, popcontentT: `为了更好地为您进行课程服务，<br>请扫码添加老师二维码`,
qrCode:weChatQrUrl, qrCode: weChatQrUrl,
weChatIcon:weChatIcon, weChatIcon: weChatIcon,
closeUrl:closeUrl, closeUrl: closeUrl,
moreUrl:moreUrl, moreUrl: moreUrl,
refIcon:refIcon, refIcon: refIcon,
noData: noData, noData: noData,
QRCodeB:false, QRCodeB: false,
dataURL:null, dataURL: null,
user_id:null, user_id: null,
invite_code_f:true, invite_code_f: true,
invite_code:'', invite_code: "",
shopId:'', shopId: "",
groupId:null, groupId: null,
groupDetail:false, groupDetail: false,
groupData:null, groupData: null,
earnings: 0, earnings: 0,
userNum: 0, userNum: 0,
inviteList: [], inviteList: [],
total:0, total: 0,
shareTitle: '钜惠来袭！唱唱21天英语训练营，全勤学习返66元现金', shareTitle: "钜惠来袭！唱唱21天英语训练营，全勤学习返66元现金",
shareDesc: '21天让宝宝爱上说英语，报课即送教具礼盒，包邮送到家！' shareDesc: "21天让宝宝爱上说英语，报课即送教具礼盒，包邮送到家！"
} };
}, },
filters: { filters: {
formatDate(value){ formatDate(value) {
if(value) { if (value) {
return value.split(' ')[0] return value.split(" ")[0];
} else { } else {
return '' return "";
} }
} }
}, },
mounted(){ mounted() {
this.getInviteResult(); this.getInviteResult();
this.getInviteList(); this.getInviteList();
this.enableShare(); this.enableShare();
}, },
methods:{ methods: {
goToInvite(){ goToInvite() {
let query = {}; let query = {};
if(window.location.href.indexOf('shopId')>-1){ if (window.location.href.indexOf("shopId") > -1) {
query.shopId = this.$route.query.shopId; query.shopId = this.$route.query.shopId;
} }
if(window.location.href.indexOf('groupId')>-1){ if (window.location.href.indexOf("groupId") > -1) {
query.groupId = this.$route.query.groupId; query.groupId = this.$route.query.groupId;
} }
if(window.location.href.indexOf('invite_code')> -1) { if (window.location.href.indexOf("invite_code") > -1) {
query.invite_code = this.$route.query.invite_code; query.invite_code = this.$route.query.invite_code;
} }
this.$router.push({name:'activityInvite',query:query}) this.$router.push({ name: "activityInvite", query: query });
}, },
goToInviteList(){ goToInviteList() {
let query = {}; let query = {};
if(window.location.href.indexOf('shopId')>-1){ if (window.location.href.indexOf("shopId") > -1) {
query.shopId = this.$route.query.shopId; query.shopId = this.$route.query.shopId;
} }
if(window.location.href.indexOf('groupId')>-1){ if (window.location.href.indexOf("groupId") > -1) {
query.groupId = this.$route.query.groupId; query.groupId = this.$route.query.groupId;
} }
if(window.location.href.indexOf('invite_code')> -1) { if (window.location.href.indexOf("invite_code") > -1) {
query.invite_code = this.$route.query.invite_code; query.invite_code = this.$route.query.invite_code;
} }
this.$router.push({name:'inviteList',query:query}) this.$router.push({ name: "inviteList", query: query });
}, },
refshow(){ refshow() {
Toast.loading({ Toast.loading({
mask: true, mask: true,
message: '' message: ""
}); });
if(document.body.scrollTop < 10){ if (document.body.scrollTop < 10) {
document.body.scrollTop = 20; document.body.scrollTop = 20;
document.documentElement.scrollTop = 20; document.documentElement.scrollTop = 20;
} }
if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){ if (
setTimeout(()=>{ localStorage.getItem("cc_token") &&
Toast.clear() localStorage.getItem("cc_token") !== ""
if(!this.invite_code){ ) {
this.invite_code = 'CC-USER' setTimeout(() => {
} Toast.clear();
this.user_id=JSON.parse(localStorage.getItem('userDesc')).user_id; if (!this.invite_code) {
let invite_code = this.invite_code.split('-'); this.invite_code = "CC-USER";
if(invite_code.length > 2 && (invite_code[1] === 'TEACHER' ||invite_code[1] === 'XXMM' )){ }
invite_code[1] = 'USER' this.user_id = JSON.parse(localStorage.getItem("userDesc")).user_id;
let invite_code = this.invite_code.split("-");
if (
invite_code.length > 2 &&
(invite_code[1] === "TEACHER" || invite_code[1] === "XXMM")
) {
invite_code[1] = "USER";
} }
let code = `${invite_code[0]}-${invite_code[1]}`; let code = `${invite_code[0]}-${invite_code[1]}`;
let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`; let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`;
if(this.groupId && this.groupId !== 'null'){ if (this.groupId && this.groupId !== "null") {
URL += `&groupId=${this.groupId}` URL += `&groupId=${this.groupId}`;
} }
this.qrcode(URL); this.qrcode(URL);
this.refVisible = true; this.refVisible = true;
this.$nextTick(()=>{ this.$nextTick(() => {
if(!this.dataURL){ if (!this.dataURL) {
setTimeout(()=>{ setTimeout(() => {
let { let { height, width } = document
height, .getElementById("capture")
width .getClientRects()[0];
} = document.getElementById('capture').getClientRects()[0] document.getElementById("capture").style.width = width + "px";
document.getElementById('capture').style.width = width + 'px';
let o = this.getOffsetRect(this.$refs.imageWrapper); let o = this.getOffsetRect(this.$refs.imageWrapper);
let { let { height1, width1 } = document
height1, .getElementById("capture")
width1 .getClientRects()[0];
} = document.getElementById('capture').getClientRects()[0]; html2canvas(document.getElementById("capture"), {
html2canvas(document.getElementById('capture'),{
async: true, async: true,
timeout: 500, timeout: 500,
scrollX:1, scrollX: 1,
scale: 3, scale: 3,
width: width1, width: width1,
height: height1, height: height1,
letterRendering: true, letterRendering: true
}).then((canvas) => { })
.then(canvas => {
let dataURL = canvas.toDataURL("image/jpg"); let dataURL = canvas.toDataURL("image/jpg");
this.dataURL = dataURL; this.dataURL = dataURL;
}).catch(res=>{alert(res);console.log()});
},500)
}else{
}
}) })
},500) .catch(res => {
alert(res);
}else{ console.log();
let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'}; });
this.$router.push({name:'author',query:query}) }, 500);
} else {
}
});
}, 500);
} else {
let query = { retUrl: this.$route.fullPath, is_new_user_url: "1" };
this.$router.push({ name: "author", query: query });
} }
}, },
getOffsetRect(ele){ getOffsetRect(ele) {
var box=ele.getBoundingClientRect(); var box = ele.getBoundingClientRect();
var body=document.body, var body = document.body,
docElem=document.documentElement; docElem = document.documentElement;
//获取页面的scrollTop,scrollLeft(兼容性写法) //获取页面的scrollTop,scrollLeft(兼容性写法)
var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop, var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop,
scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft; scrollLeft =
var clientTop=docElem.clientTop||body.clientTop, window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
clientLeft=docElem.clientLeft||body.clientLeft; var clientTop = docElem.clientTop || body.clientTop,
var top=box.top+scrollTop-clientTop, clientLeft = docElem.clientLeft || body.clientLeft;
left=box.left+scrollLeft-clientLeft; var top = box.top + scrollTop - clientTop,
left = box.left + scrollLeft - clientLeft;
return { return {
//Math.round 兼容火狐浏览器bug //Math.round 兼容火狐浏览器bug
top:Math.round(top), top: Math.round(top),
left:Math.round(left) left: Math.round(left)
} };
}, },
qrcode(data){ qrcode(data) {
if(this.QRCodeB){ if (this.QRCodeB) {
this.QRCodeB.makeCode(data) this.QRCodeB.makeCode(data);
}else{ } else {
this.QRCodeB = new QRCode('qrcode', { this.QRCodeB = new QRCode("qrcode", {
width: 80, width: 80,
height: 80, // 高度 height: 80, // 高度
text: data, // 二维码内容 text: data, // 二维码内容
image: '' image: ""
}); });
} }
}, },
...@@ -240,8 +255,8 @@ ...@@ -240,8 +255,8 @@
enableShare: function() { enableShare: function() {
let that = this; let that = this;
getwechatParam({ getwechatParam({
api_list: 'onMenuShareAppMessage,onMenuShareTimeline', api_list: "onMenuShareAppMessage,onMenuShareTimeline",
url:window.location.href.split('#')[0] url: window.location.href.split("#")[0]
}).then(wechatRes => { }).then(wechatRes => {
wx.config({ wx.config({
debug: false, debug: false,
...@@ -254,154 +269,189 @@ ...@@ -254,154 +269,189 @@
wx.ready(function() { wx.ready(function() {
wx.onMenuShareTimeline({ wx.onMenuShareTimeline({
title: that.shareTitle, // 分享标题 title: that.shareTitle, // 分享标题
desc: that.shareDesc,// 分享描述 desc: that.shareDesc, // 分享描述
link: window.location.href, // 分享链接 link: window.location.href, // 分享链接
imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标 imgUrl:
"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png", // 分享图标
success: function() { success: function() {
console.log('分享成功'); console.log("分享成功");
window._hmt.push(['_trackEvent', '分享', "商品页好友分享",`id${that.shopId}`,that.invite_code]);//百度统计 window._hmt.push([
"_trackEvent",
"分享",
"商品页好友分享",
`id${that.shopId}`
]); //百度统计
}, },
cancel: function() { cancel: function() {
// alert("失败") // alert("失败")
console.log('分享失败') console.log("分享失败");
} }
}); });
wx.onMenuShareAppMessage({ wx.onMenuShareAppMessage({
title: that.shareTitle, // 分享标题 title: that.shareTitle, // 分享标题
desc: that.shareDesc,// 分享描述 desc: that.shareDesc, // 分享描述
link: window.location.href, // 分享链接 link: window.location.href, // 分享链接
imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标 imgUrl:
"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png", // 分享图标
success: function() { success: function() {
window._hmt.push(['_trackEvent', '分享', "商品页朋友圈分享",`id${that.shopId}`,that.invite_code]);//百度统计 window._hmt.push([
"_trackEvent",
"分享",
"商品页朋友圈分享",
`id${that.shopId}`
]); //百度统计
}, },
cancel: function() { cancel: function() {}
} });
});
}); });
})
})
}, },
onShare: function(type) { onShare: function(type) {
let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`; let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`;
if(type === 1 ){ if (type === 1) {
URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}` URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`;
} }
// this.enableShare({ // this.enableShare({
// product_title: this.groupDetail.share_desc.title, // product_title: this.groupDetail.share_desc.title,
// desc: this.groupDetail.share_desc.content, // desc: this.groupDetail.share_desc.content,
// shareIcon:this.groupDetail.share_desc.img[0].url, // shareIcon:this.groupDetail.share_desc.img[0].url,
// shareUrl:URL // shareUrl:URL
// }) // })
}, },
toDataURLBase64 (src, callback) { toDataURLBase64(src, callback) {
let xhttp = new XMLHttpRequest(); let xhttp = new XMLHttpRequest();
xhttp.onload = function () { xhttp.onload = function() {
let fileReader = new FileReader(); let fileReader = new FileReader();
fileReader.onloadend = function () { fileReader.onloadend = function() {
callback(fileReader.result) callback(fileReader.result);
}; };
fileReader.readAsDataURL(xhttp.response) fileReader.readAsDataURL(xhttp.response);
}; };
xhttp.responseType = 'blob'; xhttp.responseType = "blob";
xhttp.open('GET', src, true); xhttp.open("GET", src, true);
xhttp.send() xhttp.send();
}, },
// 初始化 // 初始化
getDetail(){ getDetail() {
if(window.location.href.indexOf('invite_code')> -1){ if (window.location.href.indexOf("invite_code") > -1) {
this.invite_code = this.$route.query.invite_code; this.invite_code = this.$route.query.invite_code;
let l = this.invite_code.split('-').length let l = this.invite_code.split("-").length;
if(l < 3){ if (l < 3) {
this.invite_code_f = false this.invite_code_f = false;
} }
} }
if(window.location.href.indexOf('shopId')>-1){ if (window.location.href.indexOf("shopId") > -1) {
this.shopId = this.$route.query.shopId; this.shopId = this.$route.query.shopId;
getGoodsDetailApi(this.shopId).then(res=>{ getGoodsDetailApi(this.shopId).then(res => {
res.desc = JSON.parse(res.desc); res.desc = JSON.parse(res.desc);
res.goods_desc = JSON.parse(res.goods_desc); res.goods_desc = JSON.parse(res.goods_desc);
res.share_desc = JSON.parse(res.share_desc); res.share_desc = JSON.parse(res.share_desc);
//商品下架跳转绑定商品 //商品下架跳转绑定商品
if(res.status === 2 && res.bind_goods_id){ if (res.status === 2 && res.bind_goods_id) {
this.$router.push({name:'buyDetail',query:{shopId:res.bind_goods_id}}); this.$router.push({
name: "buyDetail",
query: { shopId: res.bind_goods_id }
});
this.getDetail(); this.getDetail();
return return;
} }
this.groupDetail = res; this.groupDetail = res;
for (let i = 0;i<this.groupDetail.header_url.length;i++){ for (let i = 0; i < this.groupDetail.header_url.length; i++) {
this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace('http://','https://') this.groupDetail.header_url[i] = this.groupDetail.header_url[
} i
this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\/\//g,'https://'); ].replace("http://", "https://");
this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\/\//g,'https://'); }
if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){ this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(
this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace('http://','https://'); /http:\/\//g,
"https://"
);
this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(
/http:\/\//g,
"https://"
);
if (
this.groupDetail.share_desc.refImg &&
this.groupDetail.share_desc.refImg.length === 1
) {
this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace(
"http://",
"https://"
);
let _this = this; let _this = this;
this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) { this.toDataURLBase64(
this.groupDetail.share_desc.refImg[0].url,
function(avatarUrl) {
_this.groupDetail.share_desc.refImg[0].url = avatarUrl; _this.groupDetail.share_desc.refImg[0].url = avatarUrl;
}); }
);
} }
if(this.groupDetail.goods_type === 2){ if (this.groupDetail.goods_type === 2) {
if(localStorage.getItem('cc_token')){ if (localStorage.getItem("cc_token")) {
getStatusWechatApi({goods_id:this.shopId}).then(res=>{ getStatusWechatApi({ goods_id: this.shopId }).then(res => {
if(res.out_trade_no){ if (res.out_trade_no) {
this.$router.push({name:'success',query:{out_trade_no:res.out_trade_no}}); this.$router.push({
name: "success",
query: { out_trade_no: res.out_trade_no }
});
} }
}); });
} }
if(window.location.href.indexOf('groupId')>-1){ if (window.location.href.indexOf("groupId") > -1) {
this.groupId = this.$route.query.groupId; this.groupId = this.$route.query.groupId;
getGroupDetailApi(this.groupId).then(res=>{ getGroupDetailApi(this.groupId).then(res => {
this.groupData = res this.groupData = res;
}); });
this.onShare(0) this.onShare(0);
}else{ } else {
this.onShare(1) this.onShare(1);
} }
} }
}) });
} }
}, },
getInviteResult(){ getInviteResult() {
let id=this.$route.query.shopId; let id = this.$route.query.shopId;
getInviteResultApi({},id).then(res=>{ getInviteResultApi({}, id).then(res => {
this.earnings = res.earnings; this.earnings = res.earnings;
this.userNum = res.user_num; this.userNum = res.user_num;
}); });
}, },
getInviteList(){ getInviteList() {
let json = { let json = {
page: 1, page: 1,
limit: 3 limit: 3
}; };
let id=this.$route.query.shopId; let id = this.$route.query.shopId;
getInviteListApi(json,id).then(res=>{ getInviteListApi(json, id).then(res => {
this.inviteList = res.list; this.inviteList = res.list;
this.total=res.total; this.total = res.total;
}); });
} }
} }
} };
</script> </script>
<style> <style>
img,video{ img,
video {
max-width: 100%; max-width: 100%;
} }
</style> </style>
<style scoped lang="less"> <style scoped lang="less">
@import "../../util/public"; @import "../../util/public";
@red: #fc4a1b; @red: #fc4a1b;
@borderRadius: 8px; @borderRadius: 8px;
.activity { .activity {
padding-bottom: 50 * @toVh; padding-bottom: 50 * @toVh;
background-color: #FFd955; background-color: #ffd955;
img{ img {
display: block; display: block;
} }
} }
.headerImg { .headerImg {
width: 100%; width: 100%;
} }
.inviteContainer { .inviteContainer {
position: relative; position: relative;
margin: 128 / 2 * @toVh 29 / 2 * @toVw 30 * @toVw 29 / 2 * @toVw; margin: 128 / 2 * @toVh 29 / 2 * @toVw 30 * @toVw 29 / 2 * @toVw;
min-height: 100px; min-height: 100px;
...@@ -410,26 +460,26 @@ ...@@ -410,26 +460,26 @@
border-radius: @borderRadius; border-radius: @borderRadius;
padding-top: 110 / 2 * @toVw; padding-top: 110 / 2 * @toVw;
padding-bottom: 38 / 2 * @toVh; padding-bottom: 38 / 2 * @toVh;
} }
.invite-title { .invite-title {
position: absolute; position: absolute;
width: 450 / 2 * @toVw; width: 450 / 2 * @toVw;
left: 50%; left: 50%;
margin-left: -450 / 4 * @toVw; margin-left: -450 / 4 * @toVw;
top: -50 / 2 * @toVw; top: -50 / 2 * @toVw;
height: auto; height: auto;
} }
.invite-icon{ .invite-icon {
position: absolute; position: absolute;
bottom: -15*@toVw; bottom: -15 * @toVw;
width: 50*@toVw; width: 50 * @toVw;
right: -15*@toVw; right: -15 * @toVw;
} }
.invite-list { .invite-list {
margin-left: 32 / 2 * @toVw; margin-left: 32 / 2 * @toVw;
margin-right: 32 / 2 * @toVw; margin-right: 32 / 2 * @toVw;
padding: 28 / 2 * @toVh; padding: 28 / 2 * @toVh;
border: 2*@toVw solid #f6234e; border: 2 * @toVw solid #f6234e;
border-radius: @borderRadius; border-radius: @borderRadius;
.i-title { .i-title {
font-size: 14px; font-size: 14px;
...@@ -437,24 +487,24 @@ ...@@ -437,24 +487,24 @@
.i-num { .i-num {
font-size: 18px; font-size: 18px;
} }
} }
.flex-center { .flex-center {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #888888; color: #888888;
} }
.flex-start { .flex-start {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.red{ .red {
color: #f6234e; color: #f6234e;
} }
.p-list { .p-list {
margin: 0 32 / 2 * @toVw; margin: 0 32 / 2 * @toVw;
padding: 0; padding: 0;
li { li {
...@@ -471,15 +521,15 @@ ...@@ -471,15 +521,15 @@
border-radius: 50%; border-radius: 50%;
} }
} }
} }
.no-margin { .no-margin {
margin: 0; margin: 0;
} }
.moreBtn { .moreBtn {
width: 220 / 2 * @toVw; width: 220 / 2 * @toVw;
height: auto; height: auto;
} }
.invite-btn { .invite-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
...@@ -491,9 +541,9 @@ ...@@ -491,9 +541,9 @@
width: 504 / 2 * @toVw; width: 504 / 2 * @toVw;
height: auto; height: auto;
} }
} }
.noData { .noData {
width: 80%; width: 80%;
margin-top: 15px; margin-top: 15px;
} }
</style> </style>
src/components/buy/inviteFriends.vue
View file @ 5bbc20ff
...@@ -74,23 +74,15 @@ export default { ...@@ -74,23 +74,15 @@ export default {
return { return {
earnings: 0, earnings: 0,
userNum: 0, userNum: 0,
records: [ shopId: "",
{ shareTitle: "钜惠来袭！唱唱21天英语训练营，全勤学习返66元现金",
nickname: "test", shareDesc: "21天让宝宝爱上说英语，报课即送教具礼盒，包邮送到家！",
pay_at: "2019.7.5" records: []
},
{
nickname: "test1111111",
pay_at: "2019.7.5"
},
{
nickname: "test222222222222",
pay_at: "2019.7.5"
}
]
}; };
}, },
mounted() { mounted() {
let shopId = this.$route.query.shopId;
this.shopId = shopId;
this.getInviteResult(); this.getInviteResult();
this.getInviteList(); this.getInviteList();
this.enableShare(); this.enableShare();
...@@ -124,8 +116,7 @@ export default { ...@@ -124,8 +116,7 @@ export default {
"_trackEvent", "_trackEvent",
"分享", "分享",
"商品页好友分享", "商品页好友分享",
`id${that.shopId}`, `id${that.shopId}`
that.invite_code
]); //百度统计 ]); //百度统计
}, },
cancel: function() { cancel: function() {
...@@ -144,8 +135,7 @@ export default { ...@@ -144,8 +135,7 @@ export default {
"_trackEvent", "_trackEvent",
"分享", "分享",
"商品页朋友圈分享", "商品页朋友圈分享",
`id${that.shopId}`, `id${that.shopId}`
that.invite_code
]); //百度统计 ]); //百度统计
}, },
cancel: function() {} cancel: function() {}
...@@ -153,25 +143,12 @@ export default { ...@@ -153,25 +143,12 @@ export default {
}); });
}); });
}, },
onShare: function(type) {
let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`;
if (type === 1) {
URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`;
}
// this.enableShare({
// product_title: this.groupDetail.share_desc.title,
// desc: this.groupDetail.share_desc.content,
// shareIcon:this.groupDetail.share_desc.img[0].url,
// shareUrl:URL
// })
},
lookMyInviteRecords() { lookMyInviteRecords() {
this.$refs.inviteRecord.scrollIntoView(); this.$refs.inviteRecord.scrollIntoView();
}, },
lookMoreRecord() {}, lookMoreRecord() {},
getInviteResult() { getInviteResult() {
let id = this.$route.query.shopId; getInviteResultApi({}, this.shopId).then(res => {
getInviteResultApi({}, id).then(res => {
this.earnings = res.earnings; this.earnings = res.earnings;
this.userNum = res.user_num; this.userNum = res.user_num;
}); });
...@@ -181,8 +158,9 @@ export default { ...@@ -181,8 +158,9 @@ export default {
page: 1, page: 1,
limit: 6 limit: 6
}; };
let id = this.$route.query.shopId; let shopId = this.$route.query.shopId;
getInviteListApi(json, id).then(res => { this.shopId = shopId;
getInviteListApi(json, shopId).then(res => {
if (res) { if (res) {
if (res.list && res.list.length > 0) { if (res.list && res.list.length > 0) {
this.records = res.list; this.records = res.list;
......
src/components/buy/inviteRecordList.vue
View file @ 5bbc20ff
...@@ -36,12 +36,7 @@ export default { ...@@ -36,12 +36,7 @@ export default {
page: 1, page: 1,
loading: true, loading: true,
finished: false, finished: false,
list: [ list: []
{
nickname: "test111111111111",
pay_at: "2019.7.5"
}
]
}; };
}, },
mounted() { mounted() {
......
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