Skip to content

M
mayi-mp-shop
Commit 2981c5e4 by 李嘉林
Options

微信分享

parent b3200e6d
Showing with 250 additions and 10 deletions
src/components/livedModel/livedControls.vue
......@@ -28,6 +28,8 @@
v-if="list"
@changeStatus="changeStatus"
></livedGoodsDia>
<!-- 分享弹层 -->
<livedShareDia :showShareDia="showShareDia" @closeShareDia="closeShareDia" :info="info"></livedShareDia>
<!-- 底部控制层 -->
<div class="control flex">
<template v-if="!isSend">
......@@ -36,7 +38,7 @@
<p class="goodsNum" v-if="list.length>0">{{list.length}}</p>
</div>
<div class="iptCopy" @click="isLogin">跟主播说点什么...</div>
<div class="shareIcon">
<div class="shareIcon" @click="showShare">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADwElEQVR4Xu2aS6hNURjH//+RgYGRKAMDr1tmFJGBSxmIjGTgKq/rUURi5qKQkhKlLt1IHkl05VUG7r3lkW4MPMIVRXkNFMqAqL++2len45y99mPtc/bu7FWnc2qv9X3f/7fX41trHaLFC1tcP0oAZQ9ocQLlEGjxDlBOguUQKIdAixPI1RCQ1EbyZSPfSW4ASHoGYCqABwC2kBxsBIhcAJB0CsDKCsGfAKwleTNrCHkB0A9gbpXY3wDWkDyTJYQ8AxjWvY3k4awgFAGAad9PcmcWEIoCwLQfJ7nBN4QiATDtl22yJPnDF4iiATDdAwGEdz4gFBGA6bacwXrCo7QQmg5A0iQAJ2osgy5tliusInnLVTHsecMBSBoHYAaAmcG3/R6ZUITlCgbhXML2jTsPkDQdwLrgkzTeeu22kjySxGjmPSBj4ZWa95HsigshMwCSxgDYHnzixpW0fjfJjXEaZwJAkiUsJn5CnGA81b0EoIPkryj2vAKQNA3AAQALojjPsI5trlaQ/ODy4Q2ApIUAzgMY5XLaoOdPAwiPM18GJa0H0N0gYXHcWK5gPeF2vUape4CkGwDs7ee1WK6wjGRvrQBTAZB0BcCSvCqviOsNyYleAUg6CmBzAcRbiAMk270BkGTCDUBRSjtJ20X+V2IPAUnzANSdVHJIZArJV14mQUkjAPQBmJ1DodUhfQcwluRPb8ugpIMAdhRA/BDJtihxRh4CkhYDuBrFaJPr9JGcHzWGOADs4KHZKa5L12mSlRcsrvrRzgMkLQdw1mmtuRX2ktwVN4RIPUDSfQCz4hpvYP1Okj1J/DkBSOoA4Pt66huA5wCeADC4qxOcCZrePwAWpTkXjALgguXSSegGbT4HS6cJfQFgsPpcX1Ktu0GXy/c2J5E0m4lLKIDgAHMowaGlTZj3APSTvOuKLgGAhwAsu0t9QeICEGeba/tu2xz1kgzdg1cDiQngOklbkr0UF4BrNsYcnu4AOEQycY4QA0APyU4vygMjdQFIGg/gbYizj4Hw1FfXEQEkOvV1wQoDEDb7HwvEhwFy+f73PAKATSTNp/cSBuAigKU1PNq/Nk76jCQEwFe7SCFpJ72ZlDAANvtPrvI6h6TN7l5LHQC2vJl45yqSJpgwAMP/2hq2P5rklzTO6rWVtAfA7ornlheY+NdZ+Ku0GQbAgrIZ18a5HSpa4pFZkWSriN0f2tDr8rHGRwnWmQlGMVLkOiWAIr89H7GXPcAHxSLbKHtAkd+ej9jLHuCDYpFtlD2gyG/PR+wt3wP+AsW7I1AzjlUOAAAAAElFTkSuQmCC" alt="">
</div>
<div class="heardIcon">
......@@ -79,6 +81,7 @@ import livedAnnouncement from "@/components/livedModel/livedAnnouncement";
import livedIsMsg from "@/components/livedModel/livedIsMsg";
import livedExplainingCommodities from "@/components/livedModel/livedExplainingCommodities";
import livedGoodsDia from "@/components/livedModel/livedGoodsDia";
import livedShareDia from "@/components/livedModel/livedShareDia";
import live from "@/api/live";
export default {
props: [
......@@ -106,6 +109,7 @@ export default {
num: 0,
userComing: false,
showDia: false, //显示商品列表弹窗
showShareDia: false, //显示分享弹窗
isSend: false, //显示评论输入框
sendVal: "", //输入内容
getFocus: false, //获取焦点
......@@ -117,7 +121,8 @@ export default {
livedAnnouncement,
livedIsMsg,
livedExplainingCommodities,
livedGoodsDia
livedGoodsDia,
livedShareDia
},
computed: {
likeNumCopy() {
......@@ -209,6 +214,12 @@ export default {
changeStatus() {
this.showDia = false;
},
showShare() {
this.showShareDia = true;
},
closeShareDia() {
this.showShareDia = false;
},
// 是否登录
isLogin() {
let _this = this;
......
src/components/livedModel/livedShareDia.vue 0 → 100644
<template>
<div class="livedShareDia">
<van-popup
:show="showShareDia"
position="bottom"
:close-on-click-overlay="true"
@close="closeDia"
>
<div class="share flex">
<div class="wxShare">
<button data-name="shareBtn" open-type="share" plain="true">
<img
src="data:image/png;base64,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"
alt
/>
<p class="tit">微信分享</p>
</button>
</div>
<div class="createPoster">
<img
src="data:image/png;base64,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"
alt
/>
<p class="tit">生成海报</p>
</div>
</div>
<div class="cancel" @click="closeDia">取消</div>
</van-popup>
</div>
</template>
<script type="text/ecmascript-6">
import { DFSImg } from "@/utils/index";
export default {
props: ["showShareDia"],
name: "",
data() {
return {
liveId:"",
shopName: "",
shopLogo: "",
backPath: "",
};
},
components: {},
computed: {},
created() {},
onLoad(options) {
let params = JSON.parse(options.params);
this.liveId = params.liveId;
this.shopName = params.shopName;
this.backPath = params.fromPagePath || "/";
this.shopLogo = DFSImg(params.shopLogo, 40, 40);
this.init();
},
onUnload() {},
mounted() {},
methods: {
// 初始化信息
init() {},
initShare() {},
// 关闭
closeDia() {
this.$emit("closeShareDia");
}
}
};
</script>
<style lang="scss" scoped>
.flex {
display: flex;
}
img {
display: block;
}
.livedShareDia {
width: 100vw;
.share {
box-sizing: border-box;
width: 100%;
justify-content: space-around;
align-items: center;
padding: 20px;
& > div {
display: flex;
flex-direction: column;
align-items: center;
line-height: 30px;
img {
width: 60px;
height: 60px;
}
.tit {
font-size: 18px;
}
}
.wxShare {
button{
display: flex;
flex-direction: column;
align-items: center;
line-height: 30px;
}
button[plain] {
border: 0;
}
}
}
.cancel {
border-top: 10px solid #e5e4e9;
text-align: center;
height: 60px;
line-height: 60px;
font-size: 18px;
}
}
</style>
src/pages/lived/index.vue
......@@ -73,11 +73,13 @@
</template>
<script type="text/ecmascript-6">
import { DFSImg } from "@/utils/index";
import { serialize, getQueryVariable, DFSImg } from "@/utils/index";
import live from "@/api/live";
import notStarted from "@/components/livedModel/notStarted";
import livedControls from "@/components/livedModel/livedControls";
import livedIsEnded from "@/components/livedModel/livedIsEnded";
import spokesman from "@/api/spokesman";
import shop from "@/api/shop";
export default {
name: "",
data() {
......@@ -103,7 +105,11 @@ export default {
infoTiming: null, //全局定时器
goodTiming: null, //商品定时器
endInfo: {}, //直播结束详情
firstComing: true // 首次进入
firstComing: true, // 首次进入
params: {},
userId: "",
hasInvitationStatus: 0, // 邀请资格：0-不能够邀请下级，1-能够邀请下级
spokesmanObj: {} //分销员信息
};
},
components: {
......@@ -129,17 +135,61 @@ export default {
}
}
});
let params = JSON.parse(options.params);
this.$store.commit("setOfflineShopCode", params.offlineShopCode);
this.liveId = params.liveId;
this.shopName = params.shopName;
this.backPath = params.fromPagePath || "/";
this.shopLogo = DFSImg(params.shopLogo, 40, 40);
this.params = JSON.parse(options.params);
console.log(this.params, "-----------------133");
this.$store.commit("setOfflineShopCode", this.params.offlineShopCode);
this.liveId = this.params.liveId;
this.shopName = this.params.shopName;
this.backPath = this.params.fromPagePath || "/";
this.shopLogo = DFSImg(this.params.shopLogo, 40, 40);
// 是否有分销员信息
if(params.spokesmanGroupId){
this.$store.commit("setSpokesman", {
spokesmanGroupId: params.spokesmanGroupId,
spokesmanShopId: params.spokesmanShopId,
spokesmanRelId: params.spokesmanRelId
})
}
this.init();
this.infoTiming = setInterval(() => {
this.timingGetInfo();
}, 5000);
this.userEntry("IN");
// 通过分享进入直播间重新查询订阅消息配置
this.getMsgConfig();
this.isLogin();
},
onShareAppMessage(options) {
let _this = this;
if(this.hasInvitationStatus==1){
Object.assign(this.params,this.params,this.spokesmanObj);
}
console.log(this.params,'--------------161')
let shareObj = {
title: this.liveNoticeInfo.title,
path: `/pages/lived/main?params=${JSON.stringify(this.params)}`,
imageUrl: this.liveNoticeInfo.coverUrl,
success: function(res) {
console.log("-----------success");
// 转发成功之后的回调
if (res.errMsg == "shareAppMessage:ok") {
console.log(res, "分享成功");
}
},
fail: function(res) {
console.log("-----------fail");
// 转发失败之后的回调
if (res.errMsg == "shareAppMessage:fail cancel") {
console.log(res, "取消转发");
} else if (res.errMsg == "shareAppMessage:fail") {
console.log(res, "转发失败");
}
}
};
console.log(shareObj, "----------------168");
return shareObj;
},
onUnload() {
this.liveNoticeInfo.liveBroadcastState = -1;
......@@ -194,6 +244,66 @@ export default {
url: `../index/main?from=livedBackShop&backpath=${this.backPath}`
});
},
// 是否登录
isLogin() {
let _this = this;
wx.getStorage({
key: "sessionid",
success(res) {
// 查询分销员信息
_this.getSpokesman();
},
fail(res) {
console.log("未登录------150");
// 跳转登录页
let backUrl = "/lived/main";
let query = {
liveId: _this.liveId,
fromType: "mini"
};
let url = `/pages/login/main?back=${backUrl}&params=${JSON.stringify(
query
)}`;
wx.navigateTo({
url: url
});
}
});
},
getMsgConfig() {
if (!this.$store.state.subscribeMessageObj) {
shop.getWxMiniSubscribeMessageConfig().then(res => {
if (res.data.code == 200) {
const data = res.data.data;
console.log("wx mini subscribe message data: ", data);
if (data != null) {
const subscribeMessageObj = {};
for (var key in data) {
if (data[key] && data[key].template_id) {
subscribeMessageObj[key] = data[key].template_id;
}
}
this.$store.commit("setSubscribeMessageObj", subscribeMessageObj);
}
}
});
}
},
getSpokesman() {
spokesman.getSpokesmanidByShare().then(res => {
if (res.data.code == 200) {
if (res.data.data.hasInvitationStatus == 1) {
this.hasInvitationStatus = 1;
this.spokesmanObj = {
spokesmanGroupId: res.data.data.groupId,
spokesmanShopId: res.data.data.shopId,
spokesmanRelId: res.data.data.spokesmanId
};
}
}
});
},
toShop() {
// 到商城首页
this.backPath = "/";
......
src/pages/lived/main.json
{
"navigationStyle":"custom",
"navigationBarTextStyle": "white",
"disableScroll": true,
"usingComponents": {
"van-button": "/static/vant/button/index",
"van-icon": "/static/vant/icon/index",
......
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