|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="curPage">
|
|
|
- <div v-show="!isWx" @click="isWxEnv()">
|
|
|
+ <div v-show="!isWx">
|
|
|
<p>请在微信中打开</p>
|
|
|
</div>
|
|
|
<div class="userInfo" v-show="isWx">
|
|
@@ -13,7 +13,7 @@
|
|
|
<div class="userImage">
|
|
|
<userImage
|
|
|
class="about-me__avatar"
|
|
|
- :img_url="user_info.img_url"
|
|
|
+ :img_url="user_info.imgUrl"
|
|
|
:user_name="user_info.name"
|
|
|
width="1.12rem"
|
|
|
height="1.12rem"
|
|
@@ -38,11 +38,11 @@
|
|
|
</div>
|
|
|
<div class="user_leave">
|
|
|
<van-icon name="gem-o" color="#a66666" />
|
|
|
- {{ user_info.site_count_max ? "经销商" : "学员" }}
|
|
|
+ {{ user_info.marketable ? "经销商" : "学员" }}
|
|
|
</div>
|
|
|
</van-row>
|
|
|
</div>
|
|
|
- <div class="user_tabs">
|
|
|
+ <div class="user_tabs" v-if="user_info.marketable">
|
|
|
<div class="tabs_content">
|
|
|
<div class="tabsLi" @click="toUrl('/courseTeam')">
|
|
|
<van-icon name="friends-o" />
|
|
@@ -56,7 +56,7 @@
|
|
|
</div>
|
|
|
<div class="courScroll">
|
|
|
<scroller ref="scroller" :on-refresh="refresh" :isInitRefresh="false">
|
|
|
- <div class="myCourseList">
|
|
|
+ <div class="myCourseList" v-if="user_info.marketable">
|
|
|
<courseList
|
|
|
:dataList="courseClass.proCourse.courseList"
|
|
|
:showNum="1"
|
|
@@ -88,14 +88,18 @@ import { getWxToken, setWxToken, openError } from "@/utils/auth";
|
|
|
import { isWxEnv } from "./utils";
|
|
|
import courseList from "./components/courseList.vue";
|
|
|
import { Overlay } from "vant";
|
|
|
-
|
|
|
+import {
|
|
|
+ getWxApiToken,
|
|
|
+ getUSerInfo,
|
|
|
+ getDealerCourseList,
|
|
|
+ getUserCourseList
|
|
|
+} from "./api";
|
|
|
Vue.use(Overlay);
|
|
|
export default {
|
|
|
- name: "",
|
|
|
+ name: "courseHome",
|
|
|
components: {
|
|
|
courseList
|
|
|
},
|
|
|
- props: [],
|
|
|
data() {
|
|
|
return {
|
|
|
qrVisible: false,
|
|
@@ -104,70 +108,59 @@ export default {
|
|
|
isWx: true,
|
|
|
isAndroid: this.$getCache("isAndroid"),
|
|
|
user_info: {
|
|
|
- img_url: "",
|
|
|
- id: "wx15451154555",
|
|
|
- name: "新人",
|
|
|
- tel: "15270803986",
|
|
|
- site_count_max: false
|
|
|
+ imgUrl: "",
|
|
|
+ id: "0",
|
|
|
+ name: "用户名",
|
|
|
+ mobile: "0",
|
|
|
+ marketable: false
|
|
|
+ },
|
|
|
+ page: {
|
|
|
+ cur: 1,
|
|
|
+ size: 10,
|
|
|
+ total: 0
|
|
|
},
|
|
|
courseClass: {
|
|
|
proCourse: {
|
|
|
title: "我推广的课程",
|
|
|
+ total:0,
|
|
|
courseList: [
|
|
|
{
|
|
|
- id: 123,
|
|
|
- surplus: 120,
|
|
|
- sale: 341,
|
|
|
- title:
|
|
|
- "大撒大声地大萨达大萨达撒大声地的撒旦撒旦撒打算打算大萨达萨达大萨达",
|
|
|
- price: 598,
|
|
|
- courseNum: 14,
|
|
|
- url: "/static/img/course.f1777cf.jpg"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 124,
|
|
|
- surplus: 120,
|
|
|
- sale: 341,
|
|
|
- title:
|
|
|
- "大撒大声地大萨达大萨达撒大声地的撒旦撒旦撒打算打算大萨达萨达大萨达",
|
|
|
- price: 598,
|
|
|
- courseNum: 14,
|
|
|
- url: "/static/img/course.f1777cf.jpg"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 125,
|
|
|
- surplus: 120,
|
|
|
- sale: 341,
|
|
|
- title:
|
|
|
- "大撒大声地大萨达大萨达撒大声地的撒旦撒旦撒打算打算大萨达萨达大萨达",
|
|
|
- price: 598,
|
|
|
- courseNum: 14,
|
|
|
- url: "/static/img/course.f1777cf.jpg"
|
|
|
+ id: 123,//资产id
|
|
|
+ userId:133333,//用户id
|
|
|
+ subjectId:123333333,//课程id
|
|
|
+ subjectName:"大撒大声",
|
|
|
+ subjectThumb:"/static/img/course.f1777cf.jpg",//缩略图
|
|
|
+ subjectPrice:550,//课程价格
|
|
|
+ sectionsNum:13,//章节数
|
|
|
+ subjectEnable:1,//是否上架
|
|
|
+ amount:12,//剩余名额
|
|
|
+ statistics:{
|
|
|
+ saleAmount:133,//已卖出
|
|
|
+ transferOutAmount:1222,//已转入
|
|
|
+ transferInAmount:233,//已转出
|
|
|
+ },
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
learnCourse: {
|
|
|
title: "我学习的课程",
|
|
|
+ total:0,
|
|
|
courseList: [
|
|
|
- {
|
|
|
- id: 126,
|
|
|
- surplus: 120,
|
|
|
- sale: 341,
|
|
|
- title:
|
|
|
- "大撒大声地大萨达大萨达撒大声地的撒旦撒旦撒打算打算大萨达萨达大萨达",
|
|
|
- price: 598,
|
|
|
- courseNum: 14,
|
|
|
- url: "/static/img/course.f1777cf.jpg"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 127,
|
|
|
- surplus: 120,
|
|
|
- sale: 341,
|
|
|
- title:
|
|
|
- "大撒大声地大萨达大萨达撒大声地的撒旦撒旦撒打算打算大萨达萨达大萨达",
|
|
|
- price: 598,
|
|
|
- courseNum: 14,
|
|
|
- url: "/static/img/course.f1777cf.jpg"
|
|
|
+ {
|
|
|
+ id: 123,//资产id
|
|
|
+ userId:133333,//用户id
|
|
|
+ subjectId:123333333,//课程id
|
|
|
+ subjectName:"大撒大声",
|
|
|
+ subjectThumb:"/static/img/course.f1777cf.jpg",//缩略图
|
|
|
+ subjectPrice:598,//课程价格
|
|
|
+ sectionsNum:13,//章节数
|
|
|
+ subjectEnable:1,//是否上架
|
|
|
+ amount:12,//剩余名额
|
|
|
+ statistics:{
|
|
|
+ saleAmount:133,//已卖出
|
|
|
+ transferOutAmount:1222,//已转入
|
|
|
+ transferInAmount:233,//已转出
|
|
|
+ },
|
|
|
}
|
|
|
]
|
|
|
}
|
|
@@ -179,16 +172,96 @@ export default {
|
|
|
this.init();
|
|
|
},
|
|
|
methods: {
|
|
|
+ //获取用户数据
|
|
|
+ init() {
|
|
|
+ if (this.$route.query && this.$route.query.pid) {
|
|
|
+ this.$router.push(`/courseLogin?pid=${this.$route.query.pid}`);
|
|
|
+ } else {
|
|
|
+ isWxEnv()
|
|
|
+ .then(() => {
|
|
|
+ if (getWxToken()) {
|
|
|
+ this.user_info = JSON.parse(localStorage.getItem("wx_user_info"));
|
|
|
+ if (this.user_info.marketable) {
|
|
|
+ this.getDealerCourseList();
|
|
|
+ }
|
|
|
+ this.getUserCourseList();
|
|
|
+ } else {
|
|
|
+ getWxApiToken(7).then(token => {
|
|
|
+ getUSerInfo(token).then(res => {
|
|
|
+ this.user_info = JSON.parse(
|
|
|
+ localStorage.getItem("wx_user_info")
|
|
|
+ );
|
|
|
+ if (this.user_info.marketable) {
|
|
|
+ getDealerCourseList();
|
|
|
+ }
|
|
|
+ getUserCourseList();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ if (getWxToken()) {
|
|
|
+ this.user_info = JSON.parse(localStorage.getItem("wx_user_info"));
|
|
|
+ if (this.user_info.marketable) {
|
|
|
+ this.getDealerCourseList();
|
|
|
+ }
|
|
|
+ this.getUserCourseList();
|
|
|
+ } else {
|
|
|
+ getWxApiToken(7).then(token => {
|
|
|
+ getUSerInfo(token).then(res => {
|
|
|
+ this.user_info = JSON.parse(
|
|
|
+ localStorage.getItem("wx_user_info")
|
|
|
+ );
|
|
|
+ if (this.user_info.marketable) {
|
|
|
+ this.getDealerCourseList();
|
|
|
+ }
|
|
|
+ this.getUserCourseList();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //获取经销推广课程列表
|
|
|
+ getDealerCourseList() {
|
|
|
+ getDealerCourseList().then(res => {
|
|
|
+ this.courseClass.proCourse.total = res.total
|
|
|
+ this.courseClass.proCourse.courseList = res.list
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //获取用户消费的课程列表
|
|
|
+ getUserCourseList() {
|
|
|
+ getUserCourseList().then(res => {
|
|
|
+ this.courseClass.learnCourse.total = res.total
|
|
|
+ let list = []
|
|
|
+ res.list.forEach(item=>{
|
|
|
+ let data = {
|
|
|
+ subjectName:item.name,
|
|
|
+ subjectId:item.id,
|
|
|
+ subjectPrice:item.price,
|
|
|
+ subjectThumb:item.thumb,
|
|
|
+ subjectEnable:item.enable,
|
|
|
+ sectionsNum:item.sectionsNum
|
|
|
+ }
|
|
|
+ list.push(data)
|
|
|
+ })
|
|
|
+ this.courseClass.learnCourse.courseList = list
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 打开二维码
|
|
|
qropen() {
|
|
|
this.qrVisible = true;
|
|
|
this.$nextTick(() => {
|
|
|
this.creatQrCode();
|
|
|
});
|
|
|
},
|
|
|
+ // 创建二维码
|
|
|
creatQrCode() {
|
|
|
if (!this.qrcodeStatus) {
|
|
|
this.qrcode = new QRCode(this.$refs.qrCodeUrl, {
|
|
|
- text: "https://www.baidu.com/", // 需要转换为二维码的内容
|
|
|
+ text: `https://3i98944q41.goho.co/#/courseLogin&pid=${
|
|
|
+ JSON.parse(localStorage.getItem("wx_user_info")).id
|
|
|
+ }`, // 需要转换为二维码的内容
|
|
|
width: 200,
|
|
|
height: 200,
|
|
|
colorDark: "#000000",
|
|
@@ -198,6 +271,7 @@ export default {
|
|
|
this.qrcodeStatus = true;
|
|
|
}
|
|
|
},
|
|
|
+ //复制剪切板
|
|
|
copyLink(event) {
|
|
|
let that = this;
|
|
|
//这里是复制目标的类名
|
|
@@ -208,7 +282,7 @@ export default {
|
|
|
});
|
|
|
clipboard.on("success", function(e) {
|
|
|
e.clearSelection(); //清除选中的文字的选择状态
|
|
|
- that.$toast("身份ID复制成功~");
|
|
|
+ that.$toast.success("ID复制成功~");
|
|
|
});
|
|
|
|
|
|
clipboard.on("error", function(e) {
|
|
@@ -228,18 +302,6 @@ export default {
|
|
|
}, 1000);
|
|
|
// this.getInitData(done);
|
|
|
},
|
|
|
- //获取用户数据
|
|
|
- init() {
|
|
|
- isWxEnv()
|
|
|
- .then(() => {
|
|
|
- this.user_info = JSON.parse(
|
|
|
- localStorage.getItem("wx_user_info")
|
|
|
- ).account;
|
|
|
- })
|
|
|
- .catch(err => {
|
|
|
- console.log(err);
|
|
|
- });
|
|
|
- },
|
|
|
//请求微信授权
|
|
|
doWeixinLogin() {
|
|
|
if (this.isAndroid) {
|
|
@@ -248,8 +310,7 @@ export default {
|
|
|
window.location.href = `${process.env.VUE_APP_WXURL}?marketing=1`;
|
|
|
}
|
|
|
}
|
|
|
- },
|
|
|
- computed: {}
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
<style scoped lang="scss">
|