269 lines
6.3 KiB
Vue
269 lines
6.3 KiB
Vue
<template>
|
||
<view>
|
||
<view class='password-window' :class='window==true?"on":""'>
|
||
<view class='passwordCount'>
|
||
<view class="title1 acea-row row-between-wrapper">
|
||
<image :src="userInfo.avatar" class="picture"></image>
|
||
<text class="name line1">{{userInfo.nickname}}</text>
|
||
给你分享了宝贝
|
||
</view>
|
||
<view class="banner">
|
||
<image :src="storeInfo.image"></image>
|
||
</view>
|
||
<view class="pro-info">
|
||
<view class="price acea-row">¥<text class="money">{{storeInfo.price}}</text>
|
||
<text v-if="storeInfo.product_type == 0" class="pro_type">普通商品</text>
|
||
</view>
|
||
<view class="name line1">{{storeInfo.store_name}}</view>
|
||
</view>
|
||
<button v-if="storeInfo.product_type != 3" class="go_btn" @click="goDetail(storeInfo)">查看详情</button>
|
||
<button v-if="storeInfo.product_type == 3" class="go_btn btn1" @click="goDetail(storeInfo)">帮他助力</button>
|
||
</view>
|
||
<view class='lid'>
|
||
<view class='iconfont icon-guanbi3' @click="close"></view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class='mask' catchtouchmove="true" :hidden="window==false" style="z-index: 999;"></view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
// +----------------------------------------------------------------------
|
||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||
// +----------------------------------------------------------------------
|
||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||
// +----------------------------------------------------------------------
|
||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||
// +----------------------------------------------------------------------
|
||
// | Author: CRMEB Team <admin@crmeb.com>
|
||
// +----------------------------------------------------------------------
|
||
|
||
import { pwdResolution } from '@/api/user.js'
|
||
import { mapGetters } from "vuex";
|
||
import {toLogin} from '@/libs/login.js';
|
||
import { goShopDetail } from '@/libs/order.js'
|
||
import {initiateAssistApi} from '@/api/activity.js';
|
||
export default {
|
||
props: {
|
||
isLogin:{
|
||
type: Boolean,
|
||
default: false
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
window: false,
|
||
couponList: [],
|
||
userInfo: {
|
||
|
||
},
|
||
storeInfo: {
|
||
|
||
},
|
||
pwdInfo: {}
|
||
};
|
||
},
|
||
computed: mapGetters(["copyPwd", "uid"]),
|
||
watch: {
|
||
copyPwd:{
|
||
handler(nVal,oVal){
|
||
if(nVal)this.resolution(nVal)
|
||
},
|
||
immediate: true,
|
||
deep:true
|
||
}
|
||
},
|
||
mounted(){
|
||
},
|
||
beforeDestroy(){
|
||
|
||
},
|
||
methods: {
|
||
close:function(){
|
||
this.window = false
|
||
},
|
||
resolution(data){
|
||
let com = uni.getStorageSync('pwdKey')
|
||
pwdResolution(data).then(res => {
|
||
if(res.data.user && res.data.user.uid != this.uid && com !=res.data.com){
|
||
this.window = true;
|
||
this.pwdInfo = res.data;
|
||
this.userInfo = res.data.user;
|
||
this.storeInfo = res.data.data;
|
||
if(res.data.activity_id )this.storeInfo.activity_id = res.data.activity_id
|
||
if(res.data.product_type )this.storeInfo.product_type = res.data.product_type
|
||
this.$store.commit("PARSE_PWD", null)
|
||
uni.setStorageSync('pwdKey', res.data.com);
|
||
}
|
||
})
|
||
},
|
||
goDetail(item){
|
||
goShopDetail(item, this.uid).then(res => {
|
||
this.$store.commit("PARSE_PWD", null)
|
||
if (this.isLogin) {
|
||
initiateAssistApi(item.activity_id).then(res => {
|
||
let id = res.data.product_assist_set_id;
|
||
uni.hideLoading();
|
||
uni.navigateTo({
|
||
url: '/pages/activity/assist_detail/index?id=' + id
|
||
});
|
||
}).catch((err) => {
|
||
uni.showToast({
|
||
title: err,
|
||
icon: 'none'
|
||
})
|
||
});
|
||
} else {
|
||
// #ifdef H5 || APP-PLUS
|
||
toLogin();
|
||
// #endif
|
||
// #ifdef MP
|
||
this.$emit('isShowAuth', true);
|
||
this.$emit('isAuto', true);
|
||
// #endif
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.password-window {
|
||
background-image: url('/static/images/passwordPop.png');
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 100%;
|
||
background-color: #fff;
|
||
width: 580rpx;
|
||
height: 910rpx;
|
||
position: fixed;
|
||
top: 50%;
|
||
z-index: 1000;
|
||
left: 50%;
|
||
margin-left: -290rpx;
|
||
margin-top: -455rpx;
|
||
transform: translate3d(0, -200%, 0);
|
||
transition: all .3s cubic-bezier(.25, .5, .5, .9);
|
||
border-radius: 24rpx;
|
||
padding: 25rpx 30rpx 40rpx;
|
||
}
|
||
|
||
.password-window.on {
|
||
transform: translate3d(0, 0, 0);
|
||
}
|
||
.passwordCount .title1{
|
||
width: 350rpx;
|
||
margin: 0 auto;
|
||
height: 42rpx;
|
||
background: #F1F1F1;
|
||
border-radius: 23rpx;
|
||
padding: 0 15rpx;
|
||
color: #666666;
|
||
font-size: 24rpx;
|
||
.picture{
|
||
width: 36rpx;
|
||
height: 36rpx;
|
||
border-radius: 100%;
|
||
image{
|
||
width: 36rpx;
|
||
height: 36rpx;
|
||
}
|
||
}
|
||
.name{
|
||
color: #282828;
|
||
font-weight: bold;
|
||
max-width: 100rpx;
|
||
margin: 0 10rpx;
|
||
}
|
||
}
|
||
.password-window .banner{
|
||
width: 520rpx;
|
||
height: 520rpx;
|
||
margin-top: 25rpx;
|
||
image{
|
||
width: 520rpx;
|
||
height: 520rpx;
|
||
border-radius: 16rpx;
|
||
}
|
||
}
|
||
.password-window .pro-info{
|
||
margin-top: 15rpx;
|
||
.price{
|
||
color: #E93323;
|
||
font-size: 26rpx;
|
||
justify-content: left;
|
||
align-items: center;
|
||
.money{
|
||
font-size: 42rpx;
|
||
}
|
||
}
|
||
.pro_type{
|
||
display: inline-block;
|
||
width: 100rpx;
|
||
height: 28rpx;
|
||
text-align: center;
|
||
line-height: 28rpx;
|
||
background: #FDEAE8;
|
||
margin-left: 30rpx;
|
||
font-size: 18rpx;
|
||
position: relative;
|
||
&::before{
|
||
content: "";
|
||
display: inline-block;
|
||
width: 0;
|
||
height: 0;
|
||
border-width: 15rpx 15rpx 15rpx 0;
|
||
border-style: solid;
|
||
border-color: transparent #FDEAE8 transparent transparent;
|
||
position: absolute;
|
||
left: -16rpx;
|
||
}
|
||
&::after{
|
||
content: "";
|
||
display: inline-block;
|
||
width: 6rpx;
|
||
height: 6rpx;
|
||
background: #fff;
|
||
border-radius: 100%;
|
||
position: absolute;
|
||
top: 12.5rpx;
|
||
left: -4rpx;
|
||
z-index: 10;
|
||
}
|
||
}
|
||
.name{
|
||
margin-top: 15rpx;
|
||
color: #282828;
|
||
font-size: 30rpx;
|
||
}
|
||
}
|
||
.password-window .lid {
|
||
position: absolute;
|
||
bottom: -100rpx;
|
||
left: 0;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.go_btn{
|
||
margin-top: 50rpx;
|
||
width: 520rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
text-align: center;
|
||
background: #E93323;
|
||
color: #ffffff;
|
||
border-radius: 40rpx;
|
||
font-size: 28rpx;
|
||
&.btn1{
|
||
background: #FC8327
|
||
}
|
||
}
|
||
.password-window .lid .iconfont {
|
||
color: #fff;
|
||
font-size: 60rpx;
|
||
text-align: center;
|
||
margin-left: -30rpx;
|
||
}
|
||
</style>
|