8 Commits

23 changed files with 2173 additions and 1439 deletions

View File

@@ -1,3 +1,4 @@
<script setup> <script setup>
import { import {
useCartsStore useCartsStore

View File

@@ -163,4 +163,13 @@ export const autoBindInviteUser = (data) => {
method: "post", method: "post",
data: data, data: data,
}); });
};
// 全民股东界面-进入过标识
export const distributionEditIn = (data) => {
return request({
url: prveUrl + "/user/distribution/editIn",
method: "get",
data: data,
});
}; };

View File

@@ -0,0 +1,26 @@
// 引入 request 文件
import request from "@/common/api/request.js";
import { prveUrl } from "./config.js";
export const carousel = (data) => {
return request({
url: prveUrl + "/user/carousel",
method: "get",
data: data,
});
};
export const shareClaim = (data) => {
return request({
url: prveUrl + "/user/shareClaim",
method: "POST",
data: data,
});
};
export const shareConfig = (data) => {
return request({
url: prveUrl + "/user/share",
method: "get",
data: data,
});
};

View File

@@ -0,0 +1,141 @@
<!-- 私域引流 -->
<template>
<u-popup :show="show" mode="center" :safeAreaInsetBottom="false">
<view class="new_preview">
<view class="header">{{ shopInfo.shopName }}</view>
<view class="content">
<view class="title">{{ group.title }}</view>
<view class="img_wrap">
<image class="img" :show-menu-by-longpress="true" :src="group.groupUrl" @click=""></image>
</view>
<view class="intro">
{{ group.content }}
</view>
<view class="foot">
如果长按不能识别可截图或保存二维码图片至相册通过微信扫码入群
</view>
</view>
<view class="close" @click="closeHandle">
<u-icon name="close" color="#fff" size="14"></u-icon>
</view>
</view>
</u-popup>
</template>
<script setup>
import dayjs from 'dayjs';
import { ref, onMounted } from 'vue';
import { centerConfig,distributionEditIn } from '@/common/api/market/distribution.js';
import { checkArrayElementsExist } from '@/utils/util.js';
const shopInfo = defineModel('shopInfo');
const props = defineProps({
type: {
type: String,
default: 'home' // 调用的位置 home首页 order支付成功后
},
group:{
type:Object,
default:()=>{}
}
});
const show = defineModel(false) ;
function closeHandle() {
const shopUserInfo=uni.cache.get('shopUserInfo')
distributionEditIn({
shopUserId:shopUserInfo.id
})
show.value = false;
}
onMounted(() => {
shopInfo.value = uni.cache.get('shopInfo');
});
</script>
<style scoped lang="scss">
.new_preview {
--bg: #3f3b37;
--color: #f6dfc4;
--borderColor: #f6dfc45b;
width: 90vw;
background-color: var(--bg);
border-radius: 4px;
position: relative;
.close {
--size: 70upx;
width: var(--size);
height: var(--size);
border-radius: 50%;
background-color: var(--bg);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: calc(var(--size) * -1 - 20upx);
left: 50%;
margin-left: calc(var(--size) / 2 * -1);
}
.header {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: var(--color);
height: 50px;
border-bottom: 1px dashed var(--borderColor);
}
.content {
padding-bottom: 14px;
.title {
font-size: 14px;
color: var(--color);
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.img_wrap {
display: flex;
justify-content: center;
.img {
--size: 220px;
width: var(--size);
height: var(--size);
border-radius: 4px;
}
}
.intro {
height: 40px;
font-size: 14px;
color: var(--color);
display: flex;
align-items: center;
justify-content: center;
padding: 0 14px;
}
.foot {
height: 40px;
color: var(--borderColor);
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 14px;
text-align: center;
}
}
}
</style>

View File

@@ -0,0 +1,224 @@
<template>
<view class="ynf-share">
<up-popup :show="show" mode="center" bg-color="transparent">
<view >
<view class="bg" v-if="config.sharerCoupon" :style="returnBg('bg')">
<view class="title">邀请奖励</view>
<view class="desc">邀请1人即可得超值优惠券{{config.sharerCouponNum}}</view>
<view class="u-flex u-row-center">
<view class="coupon" :style="returnBg('coupon')">
<template v-if="config.sharerCoupon.couponType==1">
<view class="font-bold text-center color">
<text class="fuhao">¥</text>
<text>{{config.sharerCoupon.fullAmount}}-{{config.sharerCoupon.discountAmount}}</text>
</view>
</template>
<template v-if="config.sharerCoupon.couponType==2">
<view class="font-bold text-center color">
<text>{{config.sharerCoupon.discountNum}}</text>
</view>
</template>
<template v-if="config.sharerCoupon.couponType==3">
<view class="font-bold text-center color">
<text>{{config.sharerCoupon.discountRate/10}}</text>
</view>
</template>
<template v-if="config.sharerCoupon.couponType==3">
<view class="font-bold text-center color">
<text>{{config.sharerCoupon.discountRate/10}}</text>
</view>
</template>
<template v-if="config.sharerCoupon.couponType==4">
<view class="font-bold text-center color">
<text>第二件半价</text>
</view>
</template>
<template v-if="config.sharerCoupon.couponType==6">
<view class="font-bold text-center color">
<text>买一送一</text>
</view>
</template>
<view class="font-bold name">{{config.sharerCoupon.title}}</view>
</view>
</view>
<view class="u-flex u-row-center u-m-t-44">
<ymf-share>
<view class="share-btn" :style="returnBg('btn')"></view>
</ymf-share>
</view>
</view>
<view class="u-flex u-row-center u-m-t-30">
<view class="close-box u-flex u-col-center u-row-center" @click="close">
<up-icon name="close" size="36rpx" color="#000" :bold="true"></up-icon>
</view>
</view>
</view>
</up-popup>
</view>
</template>
<script setup>
import {
shareConfig,
} from '@/common/api/market/share.js'
import {returnPageTags} from '@/utils/share.js'
import {
productStore
} from '@/stores/user.js';
const userStore = productStore();
const show = defineModel(false)
const imgs = {
btn: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/14ca8d88516b4739b4020b10d95a33c2.png',
coupon: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/4ccffb7cf8414cd19f0a10c6cf45b45b.png',
bg: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/1ac6490c4efd4290abe7ca7f6d8e6eb2.png'
}
function returnBg(key) {
return {
backgroundImage: 'url(' + imgs[key] + ')'
}
}
// watch(() => show.value, (newval)=>{
// if(newval){
// getData()
// }
// })
function close() {
show.value = false
}
const config = reactive({})
async function getData(id) {
const pages = getCurrentPages();
const currentPage = pages[pages.length - 1];
const currentPath = currentPage.route;
const currentOptions = currentPage.options;
const path = `/${currentPath}`;
const shopId = id||currentOptions.shopId||uni.cache.get('shopId')
// console.log('分享组件挂载完毕:shopId',shopId);
if (!shopId) {
return
}
shareConfig({
shopId
}).then(res => {
// console.log('分享组件挂载完毕:shareConfig',res);
// console.log('分享组件挂载完毕:currentOptions',currentOptions);
if(res&& typeof res==='object'){
Object.assign(config,res)
const rewardSharePages=res.rewardSharePages.split(',')
const pTag = returnPageTags(path)
if( pTag&&rewardSharePages.includes(pTag)&&currentOptions.fromUserId&&res.isSharedUserPopup&&res.isEnabled){
show.value=true
}
// if(res.sharedUserCouponId&&res.sharedUserCouponNum){
// }
}
})
}
watch(()=>userStore.shopInfo.id,(newval)=>{
if(newval){
// getData()
shareConfig({
shopId:newval
}).then(res => {
if(res){
Object.assign(config,res)
}
})
}
})
onMounted(() => {
console.log('分享组件挂载完毕!');
getData()
})
</script>
<style lang="scss">
.bg {
width: 710rpx;
background-size: cover;
min-height: 820rpx;
padding-top: 260rpx;
background-color: transparent;
padding-left: 26rpx;
.title {
font-weight: 700;
font-size: 74rpx;
text-align: center;
background-image: linear-gradient(to bottom, #FF7E2D, #FF270E);
/* 定义渐变色 */
-webkit-background-clip: text;
/* Webkit 浏览器前缀 */
background-clip: text;
/* 标准属性 */
color: transparent;
/* 使文本透明,显示背景渐变 */
}
.desc {
margin-top: 20rpx;
font-size: 28rpx;
font-weight: 700;
text-align: center;
color: #FF280F;
}
}
.coupon {
margin-top: 30rpx;
width: 436rpx;
height: 182rpx;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 54rpx;
text-align: center;
.color {
background-image: linear-gradient(to bottom, #FFFFFB, #FFEBB0);
/* 定义渐变色 */
-webkit-background-clip: text;
/* Webkit 浏览器前缀 */
background-clip: text;
/* 标准属性 */
color: transparent;
/* 使文本透明,显示背景渐变 */
}
.fuhao {
font-size: 32rpx;
}
.name {
font-size: 36rpx;
color: #FFFFFB;
}
}
.close-box {
width: 74rpx;
height: 74rpx;
opacity: 0.82;
border-radius: 50%;
background: #fff;
}
.share-btn {
width: 262rpx;
height: 72rpx;
background-size: cover;
}
</style>

View File

@@ -3,7 +3,7 @@
<slot v-if="$slots.default" name="default"></slot> <slot v-if="$slots.default" name="default"></slot>
<up-icon v-else name="share-square" bold :color="color" :size="size"></up-icon> <up-icon v-else name="share-square" bold :color="color" :size="size"></up-icon>
<view class="absolute share-box"> <view class="absolute share-box">
<button open-type="share" @click="shareClick">分享</button> <button open-type="share" @click.stop="shareClick">分享</button>
</view> </view>
</view> </view>
</template> </template>

View File

@@ -2,7 +2,7 @@
<view> <view>
<up-navbar <up-navbar
bg-color="transparent" bg-color="transparent"
title="分销中心" title="全民股东"
@leftClick="back" @leftClick="back"
:fixed="true" :fixed="true"
></up-navbar> ></up-navbar>
@@ -102,7 +102,7 @@
</view> </view>
</view> </view>
<view <view
v-if="state.activates.totalRow > 0" v-if="state.activates.totalRow*1 > 0"
class="u-flex justify-center font-12 color-666" class="u-flex justify-center font-12 color-666"
style="align-items: baseline" style="align-items: baseline"
@click="toShopList('activates')" @click="toShopList('activates')"
@@ -159,7 +159,7 @@
</view> </view>
</view> </view>
<view <view
v-if="state.activates.totalRow > 0" v-if="state.unActivates.totalRow*1 > 0"
class="u-flex justify-center font-12 color-666" class="u-flex justify-center font-12 color-666"
style="align-items: baseline" style="align-items: baseline"
@click="toShopList('unActivates')" @click="toShopList('unActivates')"

View File

@@ -19,7 +19,7 @@
<view class="u-m-l-32 u-flex-1 border"> <view class="u-m-l-32 u-flex-1 border">
<input placeholder="请输入上级邀请码" v-model="code" /> <input placeholder="请输入上级邀请码" v-model="code" />
</view> </view>
<image src="/distribution/static/scan.svg" class="u-m-l-10" style="width: 60rpx; height: 60rpx;" @click="saoma"></image> <!-- <image src="/distribution/static/scan.svg" class="u-m-l-10" style="width: 60rpx; height: 60rpx;" @click="saoma"></image> -->
</view> </view>
<view class="u-m-t-32 u-flex u-col-center" style="gap: 54rpx"> <view class="u-m-t-32 u-flex u-col-center" style="gap: 54rpx">

View File

@@ -3,7 +3,8 @@
<view class="w-qrcode"> <view class="w-qrcode">
<w-qrcode :options="codeOptions" :opacity="0" ref="wQrcode" @generate="(e) => qrcodeResult(e)"></w-qrcode> <w-qrcode :options="codeOptions" :opacity="0" ref="wQrcode" @generate="(e) => qrcodeResult(e)"></w-qrcode>
</view> </view>
<up-popup :show="show" bgColor="transparent" :safeAreaInsetBottom="false" :closeOnClickOverlay="true" @close="close" mode="center"> <up-popup :duration="0" :show="show" bgColor="transparent" :safeAreaInsetBottom="false"
:closeOnClickOverlay="true" @close="close" mode="center">
<view class="box"> <view class="box">
<view class="info"> <view class="info">
<view class="u-flex justify-center"> <view class="u-flex justify-center">
@@ -25,12 +26,15 @@
ref="wQrcode" ref="wQrcode"
@generate="(e) => qrcodeResult(e)" @generate="(e) => qrcodeResult(e)"
></w-qrcode> --> ></w-qrcode> -->
<up-image width="322rpx" height="322rpx" :src="code"></up-image> <image :src="code" class="code"></image>
<!-- <up-image width="322rpx" mode="scaleToFill" height="322rpx" :src="code"></up-image> -->
</view> </view>
</view> </view>
<view class="footer-wrap"> <view class="footer-wrap">
<view class="confirm line" @click="save">保存图片</view> <view class="confirm line" @click="save">保存图片</view>
<ymf-share><view class="confirm">微信分享</view></ymf-share> <ymf-share>
<view class="confirm">微信分享</view>
</ymf-share>
</view> </view>
</view> </view>
</up-popup> </up-popup>
@@ -38,223 +42,252 @@
</template> </template>
<script setup> <script setup>
import { shareMixin, handleMixinOnLoad, returnQuery } from '@/utils/share.js'; import {
import ymfShare from '@/components/ymf-components/ymf-share.vue'; shareMixin,
import wQrcode from '@/uni_modules/wmf-code/components/w-qrcode/w-qrcode.vue'; handleMixinOnLoad,
import { desensitizePhone } from '@/utils/util.js'; returnQuery
import { ref, onMounted, nextTick } from 'vue'; } from '@/utils/share.js';
import ymfShare from '@/components/ymf-components/ymf-share.vue';
import wQrcode from '@/uni_modules/wmf-code/components/w-qrcode/w-qrcode.vue';
import {
desensitizePhone
} from '@/utils/util.js';
import {
ref,
onMounted,
nextTick
} from 'vue';
onMounted(async () => { onMounted(async () => {
setTimeout(async () => { setTimeout(async () => {
await nextTick(); await nextTick();
const query = await returnQuery(); const query = await returnQuery();
codeOptions.value.code = `https://cashier.sxczgkj.com/invite?${removeQAndAfter(query)}`; codeOptions.value.code =
console.log('codeOptions.value', codeOptions.value); `https://cashier.sxczgkj.com/invite?${removeQAndAfter(query)}`;
}, 500); console.log('codeOptions.value', codeOptions.value);
}); }, 500);
});
/** /**
* 截取字符串,移除 &q 及后面的所有内容 * 截取字符串,移除 &q 及后面的所有内容
* @param {string} str - 原始字符串 * @param {string} str - 原始字符串
* @returns {string} 处理后的字符串 * @returns {string} 处理后的字符串
*/ */
function removeQAndAfter(str) { function removeQAndAfter(str) {
// 检查是否为空字符串 // 检查是否为空字符串
if (!str || typeof str !== 'string') { if (!str || typeof str !== 'string') {
return str || ''; return str || '';
}
// 找到 &q 的起始位置
const qIndex = str.indexOf('&q');
// 如果找到 &q截取前面的部分否则返回原字符串
return qIndex !== -1 ? str.slice(0, qIndex) : str;
} }
// 找到 &q 的起始位置 const props = defineProps({
const qIndex = str.indexOf('&q'); inviteCode: {
type: String,
// 如果找到 &q截取前面的部分否则返回原字符串 default: ''
return qIndex !== -1 ? str.slice(0, qIndex) : str; },
} shopUserInfo: {
type: Object,
const props = defineProps({ default: () => {}
inviteCode: {
type: String,
default: ''
},
shopUserInfo: {
type: Object,
default: () => {}
}
});
const codeOptions = ref({
padding: 10,
size: 200,
code: ''
});
function copyCode() {
uni.setClipboardData({
data: props.inviteCode,
success: function () {
console.log('success');
} }
}); });
}
const code = ref('');
function qrcodeResult(e) { const codeOptions = ref({
console.log('qrcodeResult', e); padding: 10,
code.value = e.img.tempFilePath; size: 200,
console.log('code', code.value); code: ''
} });
const show = defineModel({ function copyCode() {
type: Boolean, uni.setClipboardData({
default: false data: props.inviteCode,
}); success: function() {
const emits = defineEmits(['cancel', 'confirm']); console.log('success');
function close() { }
show.value = false; });
emits('cancel'); }
} const code = ref('');
function save() {
show.value = false;
// 保存图片到相册 function qrcodeResult(e) {
uni.saveImageToPhotosAlbum({ console.log('qrcodeResult', e);
filePath: code.value, code.value = e.img.tempFilePath;
success: function () { console.log('code', code.value);
uni.showToast({ }
title: '保存成功',
icon: 'none' const show = defineModel({
}); type: Boolean,
}, default: false
fail: function (err) { });
console.log('保存失败原因:', err); const emits = defineEmits(['cancel', 'confirm']);
// 判断是否为授权拒绝(微信小程序授权拒绝的特征)
if (err.errMsg.includes('auth deny') || err.errMsg.includes('authorize fail')) { function close() {
// 弹出提示引导用户去设置页开启授权 show.value = false;
uni.showModal({ emits('cancel');
title: '授权提示', }
content: '保存图片需要授权访问相册,请前往设置开启授权',
showCancel: true, function save() {
cancelText: '取消', show.value = false;
confirmText: '去设置',
success: function (res) { // 保存图片到相册
if (res.confirm) { uni.saveImageToPhotosAlbum({
// 跳转到微信小程序的授权设置页 filePath: code.value,
uni.openSetting({ success: function() {
success: function (settingRes) { uni.showToast({
// 检查用户是否开启了相册授权 title: '保存成功',
if (settingRes.authSetting['scope.writePhotosAlbum']) { icon: 'none'
});
},
fail: function(err) {
console.log('保存失败原因:', err);
// 判断是否为授权拒绝(微信小程序授权拒绝的特征)
if (err.errMsg.includes('auth deny') || err.errMsg.includes('authorize fail')) {
// 弹出提示引导用户去设置页开启授权
uni.showModal({
title: '授权提示',
content: '保存图片需要授权访问相册,请前往设置开启授权',
showCancel: true,
cancelText: '取消',
confirmText: '去设置',
success: function(res) {
if (res.confirm) {
// 跳转到微信小程序的授权设置页
uni.openSetting({
success: function(settingRes) {
// 检查用户是否开启了相册授权
if (settingRes.authSetting[
'scope.writePhotosAlbum']) {
uni.showToast({
title: '授权成功,可重新保存',
icon: 'none'
});
} else {
uni.showToast({
title: '未开启授权,保存失败',
icon: 'none'
});
}
},
fail: function() {
uni.showToast({ uni.showToast({
title: '授权成功,可重新保存', title: '打开设置失败',
icon: 'none'
});
} else {
uni.showToast({
title: '未开启授权,保存失败',
icon: 'none' icon: 'none'
}); });
} }
}, });
fail: function () { }
uni.showToast({
title: '打开设置失败',
icon: 'none'
});
}
});
} }
} });
}); } else {
} else { // 非授权问题的保存失败(如文件路径错误、系统问题等)
// 非授权问题的保存失败(如文件路径错误、系统问题等) uni.showToast({
uni.showToast({ title: '保存失败',
title: '保存失败', icon: 'none'
icon: 'none' });
}); }
} }
} });
});
emits('confirm', code.value); emits('confirm', code.value);
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.info .canvas) { :deep(.info .canvas) {
opacity: 1; opacity: 1;
}
.border {
border: 2rpx solid #d9d9d9;
padding: 18rpx;
border-radius: 4rpx;
}
.box {
width: 638rpx;
background-color: #fff;
border-radius: 16rpx;
// overflow: hidden;
position: relative;
.title {
color: #000000;
font-size: 32rpx;
font-weight: 700;
} }
.top {
border-bottom: 2rpx solid #ededed;
}
.info {
padding: 96rpx 40rpx 96rpx 40rpx;
font-size: 28rpx;
}
.small-title {
min-width: 84rpx;
text-align: right;
}
.footer-wrap {
width: 100%;
position: absolute;
left: 0;
bottom: -100upx;
display: flex;
gap: 28upx;
}
}
.cancel { .border {
padding: 14rpx 76rpx; border: 2rpx solid #d9d9d9;
border-radius: 36rpx; padding: 18rpx;
border: 2rpx solid #e8ad7b; border-radius: 4rpx;
color: #e8ad7b;
font-size: 32rpx;
font-weight: 400;
white-space: nowrap;
line-height: 48rpx;
}
.confirm {
$color: #e8ad7b;
flex: 1;
padding: 14rpx 76rpx;
border-radius: 16rpx;
background-color: $color;
border: 2rpx solid $color;
color: #fff;
font-size: 32rpx;
font-weight: 400;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
&.line {
background-color: #fff;
color: $color;
} }
}
.line-height-54 { .box {
line-height: 54rpx; width: 638rpx;
} background-color: #fff;
.w-qrcode { border-radius: 16rpx;
position: fixed; // overflow: hidden;
left: -9999px; position: relative;
top: -9999px;
z-index: -1; .title {
} color: #000000;
</style> font-size: 32rpx;
font-weight: 700;
}
.top {
border-bottom: 2rpx solid #ededed;
}
.info {
padding: 96rpx 40rpx 96rpx 40rpx;
font-size: 28rpx;
}
.small-title {
min-width: 84rpx;
text-align: right;
}
.footer-wrap {
width: 100%;
position: absolute;
left: 0;
bottom: -100upx;
display: flex;
gap: 28upx;
}
}
.cancel {
padding: 14rpx 76rpx;
border-radius: 36rpx;
border: 2rpx solid #e8ad7b;
color: #e8ad7b;
font-size: 32rpx;
font-weight: 400;
white-space: nowrap;
line-height: 48rpx;
}
.confirm {
$color: #e8ad7b;
flex: 1;
padding: 14rpx 76rpx;
border-radius: 16rpx;
background-color: $color;
border: 2rpx solid $color;
color: #fff;
font-size: 32rpx;
font-weight: 400;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
&.line {
background-color: #fff;
color: $color;
}
}
.line-height-54 {
line-height: 54rpx;
}
.w-qrcode {
position: fixed;
left: -9999px;
top: -9999px;
z-index: -1;
}
.code{
width: 322rpx;
height: 322rpx;
}
</style>

File diff suppressed because it is too large Load Diff

View File

@@ -123,6 +123,9 @@
</view> </view>
</up-popup> </up-popup>
<!-- 兑换确认弹窗end --> <!-- 兑换确认弹窗end -->
<ymf-share-popup ></ymf-share-popup>
</view> </view>
</template> </template>
<script setup> <script setup>
@@ -408,7 +411,7 @@ onShareAppMessage(async () => {
query query
}; };
console.log('onShareAppMessage===', options); console.log('onShareAppMessage===', options);
return options; return wxShare(options);
}); });
onLoad(async (opt) => { onLoad(async (opt) => {

View File

@@ -121,6 +121,7 @@
</view> </view>
<LookQrcode v-model="modalData.show" :qrcode="qrcode"></LookQrcode> <LookQrcode v-model="modalData.show" :qrcode="qrcode"></LookQrcode>
<ymf-share-popup ></ymf-share-popup>
</view> </view>
</template> </template>

View File

@@ -2,7 +2,7 @@
"easycom": { "easycom": {
"autoscan": true, "autoscan": true,
"custom": { "custom": {
"^my-(.*)": "@/components/ymf-components/ymf-$1.vue", "^ymf-(.*)": "@/components/ymf-components/ymf-$1.vue",
"^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue", "^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
"^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue", "^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
"^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue" "^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"
@@ -258,7 +258,7 @@
"pages": [{ "pages": [{
"path": "index", "path": "index",
"style": { "style": {
"navigationBarTitleText": "分销中心", "navigationBarTitleText": "全民股东",
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },
@@ -278,7 +278,7 @@
{ {
"path": "shop-detail/index", "path": "shop-detail/index",
"style": { "style": {
"navigationBarTitleText": "分销中心", "navigationBarTitleText": "全民股东",
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },

View File

@@ -130,6 +130,7 @@
<!-- <CouponModal></CouponModal> --> <!-- <CouponModal></CouponModal> -->
<!-- 页面加载动画 --> <!-- 页面加载动画 -->
<pageLoading v-if="showPageLoading" /> <pageLoading v-if="showPageLoading" />
</view> </view>
</template> </template>

View File

@@ -90,7 +90,7 @@
</view> </view>
<view class="item" @click="toFenxiao"> <view class="item" @click="toFenxiao">
<image :src="imgs.share" class="img"></image> <image :src="imgs.share" class="img"></image>
<view class="title">股东共享</view> <view class="title">全民股东</view>
<view class="desc">邀请好友获得佣金</view> <view class="desc">邀请好友获得佣金</view>
</view> </view>
</view> </view>
@@ -116,6 +116,8 @@
</u-popup> </u-popup>
<!-- 私域引流弹窗 --> <!-- 私域引流弹窗 -->
<attractPopup type="home" ref="attractPopupRef" /> <attractPopup type="home" ref="attractPopupRef" />
<ymf-share-popup ></ymf-share-popup>
</view> </view>
</template> </template>

View File

@@ -192,6 +192,29 @@
</scroll-view> </scroll-view>
</view> </view>
<view class="main"> <view class="main">
<view class="u-p-r-32" v-if="carouselList.length">
<up-swiper indicator indicatorMode="line" height="188rpx" :list="carouselList"
keyName="imageUrl">
<template #default="scope">
<view class="relative">
<image :src="scope.item.imageUrl" mode="aspectFill"
style="width:600rpx;height: 188rpx;"></image>
<view class="absolute swiper-mask" @click.stop="swiperClick(scope.item)">
<view class="share-btn-box" v-if="showShare(scope.item)">
<ymf-share
@shareClick="shareBtnClick(scope.item)"
>
<view class="share-btn">分享</view>
</ymf-share>
</view>
</view>
</view>
</template>
</up-swiper>
</view>
<view> <view>
<view class="item main-item" v-for="(item, index) in shopProductList.productInfo" :key="index" <view class="item main-item" v-for="(item, index) in shopProductList.productInfo" :key="index"
:id="'item-' + index"> :id="'item-' + index">
@@ -616,6 +639,8 @@
</view> </view>
</view> </view>
</u-popup> </u-popup>
<ymf-share-popup ></ymf-share-popup>
</view> </view>
</template> </template>
@@ -649,6 +674,11 @@
import { import {
APIproductqueryShop APIproductqueryShop
} from '@/common/api/member.js'; } from '@/common/api/member.js';
import {
carousel
} from '@/common/api/market/share.js'
/** /**
* api合集 end * api合集 end
*/ */
@@ -990,6 +1020,79 @@
uni.$u.debounce(mainScroll(res), 500); uni.$u.debounce(mainScroll(res), 500);
}); });
/*商品区域轮播图 start*/
const shareSwiperItem=ref(null)
function swiperClick(item) {
console.log('swiperClick',item);
shareSwiperItem.value=item
const pTag=returnPageTags(item.jumpPagePath)
if(pTag==='pp-list'){
return uni.navigateTo({
url:item.jumpPagePath+'&shopId='+uni.cache.get('shopId')
})
}
if(pTag==='pp-detail'){
const url=item.jumpPagePath+'&shopId='+uni.cache.get('shopId')+'&'+item.extendParam
return uni.navigateTo({
url:url.replace('goodsId','id')
})
}
if(pTag==='gb-list'){
return uni.navigateTo({
url:item.jumpPagePath+'&shopId='+uni.cache.get('shopId')
})
}
if(pTag==='gb-detail'){
const url=item.jumpPagePath+'&shopId='+uni.cache.get('shopId')+'&'+item.extendParam
return uni.navigateTo({
url:url.replace('goodsId','wareId')
})
}
if(pTag==='dis'){
return uni.navigateTo({
url:item.jumpPagePath+'&shopId='+uni.cache.get('shopId')
})
}
if(pTag==='index'){
return uni.switchTab({
url:item.jumpPagePath+'&shopId='+uni.cache.get('shopId')
})
}
if(pTag==='eat'){
if (item.extendParam) {
const id=item.extendParam.split('=')[1]
const item = allGoodsArr.value.find(v => v.id == id)
if (item) {
clickspecifications(item)
}
}
}
if(pTag==='point'){
return uni.navigateTo({
url:item.jumpPagePath+'&shopId='+uni.cache.get('shopId')
})
}
if(pTag==='point-detail'){
const url=item.jumpPagePath+'&shopId='+uni.cache.get('shopId')+'&'+item.extendParam
return uni.navigateTo({
url:url.replace('goodsId','id')
})
}
}
function showShare(item){
if(item.isShareable&&item.isEnabled){
return true
}
return false
}
/*商品区域轮播图 end*/
// 点击详情 // 点击详情
const showShopsku = ref(false); const showShopsku = ref(false);
@@ -1450,6 +1553,9 @@
}; };
// 判断商品是否在可售时间内 // 判断商品是否在可售时间内
const isProductAvailable = async (sellDaysStr, startTimeStr, endTimeStr) => { const isProductAvailable = async (sellDaysStr, startTimeStr, endTimeStr) => {
if(!sellDaysStr){
return false
}
// 将后端返回的字符串转换为数组 // 将后端返回的字符串转换为数组
const sellDays = sellDaysStr.split(','); const sellDays = sellDaysStr.split(',');
const now = dayjs(); const now = dayjs();
@@ -2398,7 +2504,7 @@
console.log('options.initMessage', options.initMessage) console.log('options.initMessage', options.initMessage)
const newTableCode = userStore.getQueryString(res.result, 'code'); const newTableCode = userStore.getQueryString(res.result, 'code');
console.log('newTableCode',newTableCode);
const shopInfoRes = await APIproductqueryShop({ const shopInfoRes = await APIproductqueryShop({
tableCode: newTableCode tableCode: newTableCode
}); });
@@ -2456,7 +2562,7 @@
handleMixinOnLoad, handleMixinOnLoad,
returnQuery, returnQuery,
jsonToUrl, jsonToUrl,
wxShare, wxShare,returnPageTags,
returnCommonQuery returnCommonQuery
} from '@/utils/share.js' } from '@/utils/share.js'
// defineOptions({ // defineOptions({
@@ -2469,9 +2575,50 @@
function shareClick() { function shareClick() {
isGoodsShare.value = true isGoodsShare.value = true
} }
function getPage(pageStr){
}
function shareBtnClick(item){
console.log('shareBtnClick',item);
shareSwiperItem.value=item
}
function swiperShare(queryJson){
console.log('shareSwiperItem',shareSwiperItem.value);
const pTag=returnPageTags(shareSwiperItem.value.jumpPagePath)
let query = jsonToUrl(queryJson)
query +=('&'+shareSwiperItem.value.extendParam)
const shopName = uni.cache.get('shopInfo').shopName || ''
const path=shareSwiperItem.value.jumpPagePath?shareSwiperItem.value.jumpPagePath:'/pages/product/index?type=beforehand'
console.log('path',path);
const json={
imageUrl:shareSwiperItem.value.imageUrl,
path: path+'&'+query,
title:shareSwiperItem.value.name+ (shopName ? `-${shopName}` : ''),
}
if(pTag==='pp-detail'){
json.path=json.path.replace('goodsId','id')
}
if(pTag==='gb-detail'){
json.path=json.path.replace('goodsId','wareId')
}
if(pTag==='point-detail'){
json.path=json.path.replace('goodsId','id')
}
if(pTag.includes('eat')){
if(shareSwiperItem.value.extendParam){
json.path=json.path.replace('goodsId','showGoodsId')
}
}
return wxShare(json)
}
async function onShare() { async function onShare() {
const queryJson = await returnCommonQuery() const queryJson = await returnCommonQuery()
if(shareSwiperItem.value){
return swiperShare(queryJson)
}
let query = jsonToUrl(queryJson) let query = jsonToUrl(queryJson)
query += '&type=beforehand' query += '&type=beforehand'
let json = {} let json = {}
@@ -2486,11 +2633,7 @@
json.title = shopName json.title = shopName
json.imageUrl = uni.cache.get('shopInfo').logo || '' json.imageUrl = uni.cache.get('shopInfo').logo || ''
} }
console.log('onShareAppMessage', {
query,
...json,
path: '/pages/product/index' + '?' + query
});
return wxShare({ return wxShare({
query, query,
...json, ...json,
@@ -2503,6 +2646,8 @@
onShareTimeline(onShare) onShareTimeline(onShare)
const pageOptions = reactive({}) const pageOptions = reactive({})
const carouselList = ref([])
onLoad(async (e) => { onLoad(async (e) => {
Object.assign(pageOptions, e) Object.assign(pageOptions, e)
if (e.type) { if (e.type) {
@@ -2513,9 +2658,10 @@
...e, ...e,
shopId: e.shopId || uni.cache.get('shopId') shopId: e.shopId || uni.cache.get('shopId')
}) })
if(userStore.shopUserInfo.shopExtendList){ if (userStore.shopUserInfo.shopExtendList) {
shopExtend.value=userStore.shopUserInfo.shopExtendList.find(v=>v.autoKey=='shopinfo_bg')||'' shopExtend.value = userStore.shopUserInfo.shopExtendList.find(v => v.autoKey == 'shopinfo_bg') ||
''
} }
// //获取用户信息 // //获取用户信息
@@ -2566,6 +2712,13 @@
// 满减活动 // 满减活动
getDiscountActivity(); getDiscountActivity();
//分享轮播
carousel({
shopId: uni.cache.get('shopId')
}).then(res => {
carouselList.value = res
})
let res = await APIhistoryOrder({ let res = await APIhistoryOrder({
tableCode: uni.cache.get('tableCode') tableCode: uni.cache.get('tableCode')
}); });
@@ -2671,6 +2824,7 @@
} }
onHide(() => { onHide(() => {
isGoodsShare.value = false isGoodsShare.value = false
shareSwiperItem.value=null
closeSocket(); closeSocket();
}); });
onUnload(() => { onUnload(() => {
@@ -3911,4 +4065,26 @@
} }
} }
} }
.swiper-mask {
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 32rpx 28rpx;
}
.share-btn-box{
position: absolute;
right: 8rpx;
bottom: 14rpx;
}
.share-btn {
padding: 10rpx 32rpx;
border-radius: 50rpx;
background: #E3AD7F;
font-size: 24rpx;
color: #ffffff;
}
</style> </style>

View File

@@ -232,7 +232,7 @@ const myFunList = ref([
icon: 'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/my_coupon.png' icon: 'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/my_coupon.png'
}, },
{ {
name: '分销', name: '全民股东',
type: 'fenxiao', type: 'fenxiao',
icon: '/static/icon/fenxiao.svg' icon: '/static/icon/fenxiao.svg'
}, },

View File

@@ -116,6 +116,8 @@
</view> </view>
</up-popup> </up-popup>
<!-- 兑换确认弹窗end --> <!-- 兑换确认弹窗end -->
<ymf-share-popup ></ymf-share-popup>
</view> </view>
</template> </template>
<script setup> <script setup>

View File

@@ -45,6 +45,8 @@
<up-loadmore :status="isEnd?'nomore':'loadmore'"></up-loadmore> <up-loadmore :status="isEnd?'nomore':'loadmore'"></up-loadmore>
</view> </view>
</view> </view>
<ymf-share-popup ></ymf-share-popup>
</view> </view>
</template> </template>
<script setup> <script setup>

File diff suppressed because it is too large Load Diff

View File

@@ -167,6 +167,7 @@
<LookQrcode v-model="modalData.show" :qrcode="qrcode"></LookQrcode> <LookQrcode v-model="modalData.show" :qrcode="qrcode"></LookQrcode>
<ymf-share-popup ></ymf-share-popup>
</view> </view>
</template> </template>
@@ -513,9 +514,9 @@
}) })
}) })
onLoad(() => { onLoad((opt) => {
APIusershopInfodetail({ APIusershopInfodetail({
shopId: uni.cache.get('shopId') shopId: uni.cache.get('shopId')||opt.shopId
}).then(res => { }).then(res => {
console.log(res); console.log(res);
shopInfo.value = res.shopInfo shopInfo.value = res.shopInfo

View File

@@ -538,7 +538,7 @@ onShareAppMessage(async () => {
query query
}; };
console.log('onShareAppMessage===', options); console.log('onShareAppMessage===', options);
return options; return wxShare(options);
}); });
onLoad(async (opt) => { onLoad(async (opt) => {

View File

@@ -2,6 +2,10 @@ import {
autoBindInviteUser, autoBindInviteUser,
autoGetInviteCode autoGetInviteCode
} from '@/common/api/market/distribution.js' } from '@/common/api/market/distribution.js'
import {
shareClaim
} from '@/common/api/market/share.js'
import { import {
APIshopUserInfo, APIshopUserInfo,
APIusershopInfodetail APIusershopInfodetail
@@ -10,8 +14,17 @@ import {
productStore productStore
} from '@/stores/user.js'; } from '@/stores/user.js';
const accountStore = productStore(); const accountStore = productStore();
// #ifdef MP-WEIXIN
const accountInfo = wx.getAccountInfoSync(); const accountInfo = wx.getAccountInfoSync();
export const envVersion = accountInfo.miniProgram.envVersion; export const envVersion = accountInfo.miniProgram.envVersion;
// #endif
// #ifdef H5
const accountInfo = {};
export const envVersion = 'release'
// #endif
let type = 3; let type = 3;
if (envVersion === 'trial') { if (envVersion === 'trial') {
console.log('当前环境是体验版'); console.log('当前环境是体验版');
@@ -24,39 +37,78 @@ if (envVersion === 'trial') {
console.log('当前环境是开发版或其他'); console.log('当前环境是开发版或其他');
} }
export const pageTags = {
'/userPackage/index/index': 'pp-list', //套餐推广列表页
'/userPackage/goodsDetail/goodsDetail': 'pp-detail', //套餐推广商品详情页
'/groupBuying/index/index': 'gb-list', //商品拼团列表页
'/groupBuying/goodsDetail/goodsDetail': 'gb-detail', //商品拼团详情页
'/distribution/shop-detail/index': 'dis', //全民股东页面
'/pages/index/index': 'index', //店铺首页
'/pages/product/index': 'eat', //点餐页
'/pages/product/index?pTag=eat-detail': 'eat-detail', //点餐商品详情弹窗页
'/scoreShop/index/index':'point' ,//积分商品
'/scoreShop/detail/index':'point-detail' ,//积分商品详情
}
export function returnPageTags(page) {
for (let key in pageTags) {
if (page.includes(key)) {
if (page.includes('/pages/product/index')) {
if (page.includes('showGoodsId=')||page.includes('goodsId=')) {
return 'eat-detail'
} else {
return 'eat'
}
} else {
return pageTags[key]
}
}
}
return ''
}
/** /**
* 绑定用户邀请关系(核心函数) * 绑定用户邀请关系(核心函数)
* 功能说明:校验邀请码有效性,有效则调用自动绑定接口完成邀请关系绑定 * 功能说明:校验邀请码有效性,有效则调用自动绑定接口完成邀请关系绑定
* @param {Object} args - 绑定邀请关系的入参对象 * @param {Object} args - 绑定邀请关系的入参对象
* @param {number} [args.shopUserId] - 需要绑定邀请人的用户IDinteger <int64>可选 * @param {number} args.fromUserId - 需要绑定邀请人的用户IDinteger <int64>必填
* @param {number} [args.shopId] - 店铺IDinteger <int64>可选 * @param {number} args.shopId - 店铺IDinteger <int64>必填
* @param {string} args.inviteCode - 邀请人的邀请码(必填,非空校验通过后才会执行绑定逻辑) * @param {string} args.pTag - 来源页面类型
* @returns {void} 无返回值 * @returns {void} 无返回值
*/ */
export async function bindInvite(args) { export async function bindInvite(args) {
// 解构入参对象,获取需要的核心参数 // 解构入参对象,获取需要的核心参数
const { const {
shopUserId, fromUserId,
shopId, shopId,
inviteCode pTag,
} = args; } = args;
console.log('bindInvite',args);
// 校验邀请码有效性若邀请码为空、null、undefined则直接返回不执行后续绑定逻辑 if (!fromUserId || !shopId) {
if (!inviteCode || inviteCode === null || inviteCode === undefined) {
return; return;
} }
const shopUserInfo = uni.cache.get('shopUserInfo') const shopUserInfo = uni.cache.get('shopUserInfo')
// 邀请码有效,调用自动绑定邀请人接口,传递绑定所需参数 // 邀请码有效,调用自动绑定邀请人接口,传递绑定所需参数
return await autoBindInviteUser({ return await shareClaim({
id: shopUserInfo.id, tagType: pTag || '',
shopId, shopId,
inviteCode fromUserId: fromUserId,
toUserId: shopUserInfo.id
}); });
} }
export function wxShare(par) { export function wxShare(par) {
const path = par.path
const pTag = returnPageTags(path)
if (pTag) {
par.path += '&pTag=' + pTag
par.query += '&pTag=' + pTag
}
console.log('pTag', pTag);
console.log('wxShare', {
...par,
type
});
return { return {
...par, ...par,
type type
@@ -67,15 +119,15 @@ export async function returnCommonQuery() {
const shopId = uni.cache.get('shopId') const shopId = uni.cache.get('shopId')
const shopUserInfo = uni.cache.get('shopUserInfo') const shopUserInfo = uni.cache.get('shopUserInfo')
const shopInfo = uni.cache.get('shopInfo') const shopInfo = uni.cache.get('shopInfo')
const inviteCode = await autoGetInviteCode({ // const inviteCode = await autoGetInviteCode({
shopId: shopId, // shopId: shopId,
shopUserId: shopUserInfo.id // fromUserId: shopUserInfo.id
}) // })
const queryJson = { const queryJson = {
inviteCode: (inviteCode && inviteCode !== true) ? inviteCode : null, // inviteCode: (inviteCode && inviteCode !== true) ? inviteCode : null,
shopId, shopId,
shopUserId: shopUserInfo.id, fromUserId: shopUserInfo.id,
} }
return Promise.resolve(queryJson) return Promise.resolve(queryJson)
} }
@@ -104,10 +156,10 @@ export async function returnQuery(query, showkeys) {
const shopId = uni.cache.get('shopId') const shopId = uni.cache.get('shopId')
const shopUserInfo = uni.cache.get('shopUserInfo') const shopUserInfo = uni.cache.get('shopUserInfo')
const shopInfo = uni.cache.get('shopInfo') const shopInfo = uni.cache.get('shopInfo')
const inviteCode = await autoGetInviteCode({ // const inviteCode = await autoGetInviteCode({
shopId: shopId, // shopId: shopId,
shopUserId: shopUserInfo.id // fromUserId: shopUserInfo.id
}) // })
const pages = getCurrentPages(); const pages = getCurrentPages();
const currentPage = pages[pages.length - 1]; const currentPage = pages[pages.length - 1];
@@ -117,9 +169,9 @@ export async function returnQuery(query, showkeys) {
let sharePath = `/${currentPath}`; let sharePath = `/${currentPath}`;
const queryJson = { const queryJson = {
inviteCode: (inviteCode && inviteCode !== true) ? inviteCode : null, // inviteCode: (inviteCode && inviteCode !== true) ? inviteCode : null,
shopId, shopId,
shopUserId: shopUserInfo.id, fromUserId: shopUserInfo.id,
...query ...query
} }
for (const key in currentOptions) { for (const key in currentOptions) {
@@ -132,8 +184,8 @@ export async function returnQuery(query, showkeys) {
} }
} }
queryJson.shopId = shopId queryJson.shopId = shopId
queryJson.inviteCode = (inviteCode && inviteCode !== true) ? inviteCode : null // queryJson.inviteCode = (inviteCode && inviteCode !== true) ? inviteCode : null
queryJson.shopUserId = shopUserInfo.id queryJson.fromUserId = shopUserInfo.id
let result = '' let result = ''
for (let key in queryJson) { for (let key in queryJson) {
@@ -178,14 +230,8 @@ export async function handleMixinOnLoad(opt, vm) {
await accountStore.pageOnload() await accountStore.pageOnload()
} }
uni.setStorageSync('loadFinsh', true) uni.setStorageSync('loadFinsh', true)
// const shopId = uni.cache.get('shopId')
// const shopUserInfo = uni.cache.get('shopUserInfo') if (options.shopId) {
// const shopInfo = uni.cache.get('shopInfo')
// const inviteCode = await autoGetInviteCode({
// shopId: shopId,
// shopUserId: shopUserInfo.id
// })
if (options.inviteCode) {
return await bindInvite(options) return await bindInvite(options)
} }
} }
@@ -220,36 +266,7 @@ export function returnIndexBg() {
// utils/share.js // utils/share.js
export const shareMixin = { export const shareMixin = {
// async onLoad(opt) {
// console.log('onLoad');
// const options = {}
// if (opt.q) {
// const q = decodeURIComponent(opt.q);
// const params = parseQueryString(q.split("?")[1]);
// Object.assign(options, params);
// } else {
// Object.assign(options, opt);
// }
// console.log('options', options);
// if (options.shopId) {
// uni.cache.set('shopId', options.shopId)
// }
// const shopId = uni.cache.get('shopId')
// const shopUserInfo = uni.cache.get('shopUserInfo')
// const shopInfo = uni.cache.get('shopInfo')
// const inviteCode = await autoGetInviteCode({
// shopId: shopId,
// shopUserId: shopUserInfo.id
// })
// uni.setStorageSync('loadFinsh',true)
// if (options.inviteCode) {
// bindInvite(options)
// }
// },
async onShareAppMessage(res) { async onShareAppMessage(res) {
const shopInfo = uni.cache.get('shopInfo') const shopInfo = uni.cache.get('shopInfo')
@@ -261,10 +278,11 @@ export const shareMixin = {
let sharePath = `/${currentPath}`; let sharePath = `/${currentPath}`;
const query = await returnQuery() let query = await returnQuery()
const indexBg = returnIndexBg() const indexBg = returnIndexBg()
console.log('indexBg', indexBg); console.log('indexBg', indexBg);
const imageUrl = indexBg || shopInfo.logo const imageUrl = indexBg || shopInfo.logo
// 全局默认配置(可被页面覆盖) // 全局默认配置(可被页面覆盖)
const defaultShareConfig = { const defaultShareConfig = {
title: shopInfo.shopName, title: shopInfo.shopName,
@@ -311,9 +329,11 @@ export const shareMixin = {
let sharePath = `/${currentPath}`; let sharePath = `/${currentPath}`;
const query = await returnQuery() let query = await returnQuery()
const indexBg = returnIndexBg() const indexBg = returnIndexBg()
const imageUrl = indexBg || shopInfo.logo const imageUrl = indexBg || shopInfo.logo
const defaultTimelineConfig = { const defaultTimelineConfig = {
title: shopInfo.shopName, title: shopInfo.shopName,
path: sharePath + '?' + query, path: sharePath + '?' + query,