czg_team/cashier_wx
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

merge into: czg_team:prod
Branches Tags
czg_team:master czg_team:test czg_team:prod czg_team:gyq czg_team:ymf-zhifubao-first czg_team:ymf czg_team:ymf-chonggou-youhua
...
pull from: czg_team:test
Branches Tags
czg_team:test czg_team:prod czg_team:gyq czg_team:ymf-zhifubao-first czg_team:ymf czg_team:ymf-chonggou-youhua czg_team:master

19 Commits
prod ... test

Author SHA1 Message Date
gyq
ee34d94ca0 修复分销中心绑定成功后不刷新的问题 2026-01-22 18:24:08 +08:00
gyq
cb139acf13 优化分销中心分享进来后的返回 2026-01-22 15:32:30 +08:00
YeMingfei666
4eb9eb27e3 Merge branch 'test' of https://newgitea.sxczgkj.cn/czg_team/cashier_wx into test 2026-01-22 15:02:09 +08:00
YeMingfei666
8810c218b3 点餐页问题修复 2026-01-22 15:02:06 +08:00
gyq
dc3174ef13 增加分销二维码邀请 2026-01-22 14:50:28 +08:00
gyq
94be2739af 优化充值中心返回 2026-01-22 13:40:43 +08:00
YeMingfei666
9037e205a0 修复分享问题 2026-01-22 11:36:49 +08:00
YeMingfei666
2afc2f9fab 修改点餐页分享 2026-01-21 17:19:04 +08:00
YeMingfei666
46105da573 Merge branch 'test' of https://newgitea.sxczgkj.cn/czg_team/cashier_wx into test 2026-01-21 16:42:23 +08:00
YeMingfei666
20a54c3bd9 增加积分商城分享 2026-01-21 16:42:18 +08:00
gyq
a0cc43e118 优化套餐、拼团、分销、积分分享功能 2026-01-21 16:41:49 +08:00
YeMingfei666
8f1b21bf00 调整分享部分方法，修改点餐页分享 2026-01-21 15:11:01 +08:00
YeMingfei666
654ed39854 增加公共分享组件 2026-01-21 10:26:20 +08:00
YeMingfei666
67ae138033 Merge branch 'test' of https://newgitea.sxczgkj.cn/czg_team/cashier_wx into test 2026-01-21 09:40:41 +08:00
YeMingfei666
c60a2115ea 封装分享功能 2026-01-21 09:40:31 +08:00
gyq
1ed28e2913 更改为本地请求连接 2026-01-20 15:03:14 +08:00
YeMingfei666
a125995808 增加分销员中心-无感-绑定邀请人统一封装处理 2026-01-20 10:16:35 +08:00
YeMingfei666
0444b68cb2 Merge branch 'prod' of https://newgitea.sxczgkj.cn/czg_team/cashier_wx into test 2026-01-20 10:08:51 +08:00
YeMingfei666
7c143efe30 修复样式层级问题 2025-12-29 15:40:00 +08:00
30 changed files with 6309 additions and 5662 deletions
Expand all files Collapse all files

17
common/api/market/distribution.js
View File

@@ -136,6 +136,15 @@ export const getInviteCode = (data) => {
data: data,
});
};
export const autoGetInviteCode = (data) => {
return request({
url: prveUrl + "/user/distribution/autoGetInviteCode",
method: "get",
data: data,
});
};
// 获取配置
export const getConfig = (data) => {
@@ -147,3 +156,11 @@ export const getConfig = (data) => {
};
// 分销员中心-无感-绑定邀请人
export const autoBindInviteUser = (data) => {
return request({
url: prveUrl + "/user/distribution/autoBindInviteUser",
method: "post",
data: data,
});
};

12
common/api/market/index.js
View File

@@ -1,6 +1,8 @@
// 引入 request 文件
import request from '@/common/api/request.js'
import {prveUrl} from './config.js'
import {
prveUrl
} from './config.js'
export const consumeDiscount = (data) => {
return request({
@@ -16,3 +18,11 @@ export const homeData = (data) => {
data: data
})
}
// 清除所有分销绑定关系
export const distributionClear = (data) => {
return request({
url: prveUrl + '/user/distribution/clean',
method: 'get'
})
}

6
common/api/order/pointGoods.js
View File

@@ -20,6 +20,12 @@ export const pointGoodsPage = (data) => {
data: data
})
}
export const pointsGoods = (data) => {
return request({
url: url + '/user/pointGoods/'+data.id,
method: 'get',
})
}
export const exchange = (data) => {

4
common/api/request.js
View File

@@ -52,7 +52,7 @@ export default async (params) => {
//获取成功
if (res.code == 200) {
uni.hideLoading();
uni.hideToast();
// uni.hideToast();
resolve(res.data ? res.data : true);
} else {
switch (res.code) {
@@ -135,7 +135,7 @@ export default async (params) => {
// 不管成功还是失败都会执行
setTimeout((res) => {
uni.hideLoading();
uni.hideToast();
// uni.hideToast();
}, 10000);
},
});

5
common/config.js
View File

@@ -1,12 +1,9 @@
// const debug = process.env.NODE_ENV == 'development' ? true : false;
// const debug = false; // false线上 true本地
const debug = false; // false线上 true本地
const debug = true; // false线上 true本地
let baseUrl = ''
let baseUrlwws = ''
const version = "100";
const autoRemoveCache = {
count: 100000,

3
common/css/common.scss
View File

@@ -44,6 +44,9 @@ page,
image {
display: block;
}
.relative{
position: relative;
}
.absolute{
position: absolute;
}

38
components/ymf-components/ymf-share.vue Normal file
View File

@@ -0,0 +1,38 @@
<template>
<view class="relative">
<slot v-if="$slots.default" name="default"></slot>
<up-icon v-else name="share-square" bold :color="color" :size="size"></up-icon>
<view class="absolute share-box">
<button open-type="share" @click="shareClick">分享</button>
</view>
</view>
</template>
<script setup>
const emits = defineEmits(['shareClick'])
const props = defineProps({
size: {
type: String,
default: '36rpx'
},
color:{
type: String,
default: '#333'
}
})
function shareClick() {
emits('shareClick')
}
</script>
<style lang="scss">
.share-box {
left: 0;
right: 0;
bottom: 0;
top: 0;
opacity: 0;
overflow: hidden;
}
</style>

132
distribution/shop-detail/components/share-popup.vue
View File

@@ -1,38 +1,21 @@
<template>
<view class="">
<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>
<up-popup
:show="show"
bgColor="transparent"
:safeAreaInsetBottom="false"
:closeOnClickOverlay="true"
@close="close"
mode="center"
>
<up-popup :show="show" bgColor="transparent" :safeAreaInsetBottom="false" :closeOnClickOverlay="true" @close="close" mode="center">
<view class="box">
<view class="info">
<view class="u-flex justify-center">
<up-avatar size="214rpx" :src="shopUserInfo.headImg"></up-avatar>
</view>
<view
class="u-m-t-48 font-14 font-700 color-333 text-center line-height-54"
>
<view>{{ shopUserInfo.nickName }} </view>
<view class="u-m-t-48 font-14 font-700 color-333 text-center line-height-54">
<view>{{ shopUserInfo.nickName }}</view>
<view>{{ desensitizePhone(shopUserInfo.phone) }}</view>
</view>
<view class="u-m-t-16 font-14 line-height-54 text-center">
<text class="color-666">邀请码</text>
<text class="u-m-l-16 u-m-r-16 color-333 font-16 font-700">{{
inviteCode
}}</text>
<text class="u-m-l-16 u-m-r-16 color-333 font-16 font-700">{{ inviteCode }}</text>
<text class="" style="color: #fe6d11" @click="copyCode">复制</text>
</view>
<view class="u-flex justify-center" style="margin-top: 90rpx">
@@ -44,58 +27,91 @@
></w-qrcode> -->
<up-image width="322rpx" height="322rpx" :src="code"></up-image>
</view>
<view class="u-m-t-60 u-flex u-col-center justify-center">
<view class="confirm" @click="save">保存图片</view>
</view>
<view class="footer-wrap">
<view class="confirm line" @click="save">保存图片</view>
<ymf-share><view class="confirm">微信分享</view></ymf-share>
</view>
</view>
</up-popup>
</view>
</template>
<script setup>
import wQrcode from "@/uni_modules/wmf-code/components/w-qrcode/w-qrcode.vue";
import {desensitizePhone} from "@/utils/util.js";
import { ref } from "vue";
<script setup>
import { shareMixin, handleMixinOnLoad, returnQuery } 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 () => {
setTimeout(async () => {
await nextTick();
const query = await returnQuery();
codeOptions.value.code = `https://cashier.sxczgkj.com/invite?${removeQAndAfter(query)}`;
console.log('codeOptions.value', codeOptions.value);
}, 500);
});
/**
* 截取字符串，移除 &q 及后面的所有内容
* @param {string} str - 原始字符串
* @returns {string} 处理后的字符串
*/
function removeQAndAfter(str) {
// 检查是否为空字符串
if (!str || typeof str !== 'string') {
return str || '';
}
// 找到 &q 的起始位置
const qIndex = str.indexOf('&q');
// 如果找到 &q，截取前面的部分；否则返回原字符串
return qIndex !== -1 ? str.slice(0, qIndex) : str;
}
const props = defineProps({
inviteCode: {
type: String,
default: "",
default: ''
},
shopUserInfo: {
type: Object,
default: () => {},
},
default: () => {}
}
});
const codeOptions = ref({
padding: 10,
size: 200,
code: props.inviteCode,
code: ''
});
function copyCode() {
uni.setClipboardData({
data: props.inviteCode,
success: function () {
console.log("success");
},
console.log('success');
}
});
}
const code = ref("");
const code = ref('');
function qrcodeResult(e) {
console.log("qrcodeResult", e);
console.log('qrcodeResult', e);
code.value = e.img.tempFilePath;
console.log("code", code.value);
console.log('code', code.value);
}
const show = defineModel({
type: Boolean,
default: false,
default: false
});
const emits = defineEmits(["cancel", "confirm"]);
const emits = defineEmits(['cancel', 'confirm']);
function close() {
show.value = false;
emits("cancel");
emits('cancel');
}
function save() {
show.value = false;
@@ -105,7 +121,7 @@ function save() {
filePath: code.value,
success: function () {
uni.showToast({
title: "保存成功",
title: '保存成功',
icon: 'none'
});
},
@@ -151,14 +167,14 @@ function save() {
} else {
// 非授权问题的保存失败（如文件路径错误、系统问题等）
uni.showToast({
title: "保存失败",
title: '保存失败',
icon: 'none'
});
}
},
}
});
emits("confirm", code.value);
emits('confirm', code.value);
}
</script>
@@ -175,7 +191,8 @@ function save() {
width: 638rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
// overflow: hidden;
position: relative;
.title {
color: #000000;
font-size: 32rpx;
@@ -192,6 +209,14 @@ function save() {
min-width: 84rpx;
text-align: right;
}
.footer-wrap {
width: 100%;
position: absolute;
left: 0;
bottom: -100upx;
display: flex;
gap: 28upx;
}
}
.cancel {
@@ -205,15 +230,23 @@ function save() {
line-height: 48rpx;
}
.confirm {
$color: #e8ad7b;
flex: 1;
padding: 14rpx 76rpx;
border-radius: 16rpx;
background-color: #e8ad7b;
border: 2rpx solid #e8ad7b;
background-color: $color;
border: 2rpx solid $color;
color: #fff;
font-size: 32rpx;
font-weight: 400;
line-height: 48rpx;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
&.line {
background-color: #fff;
color: $color;
}
}
.line-height-54 {
line-height: 54rpx;
@@ -225,4 +258,3 @@ function save() {
z-index: -1;
}
</style>

539
distribution/shop-detail/index.vue
View File

File diff suppressed because it is too large Load Diff

481
groupBuying/goodsDetail/goodsDetail.vue
View File

@@ -10,30 +10,30 @@
<view class="sku">
<view class="u-flex u-col-center">
<text class="price">¥{{item.groupPrice}}</text>
<text class="old-price">¥{{item.originalPrice}}</text>
<text class="price">¥{{ item.groupPrice }}</text>
<text class="old-price">¥{{ item.originalPrice }}</text>
</view>
<view>
<view class="u-m-t-16 text" v-if="item.limitBuyNum&&item.limitBuyNum!='-10086'"> 限购{{item.limitBuyNum}}份 </view>
<view class="text u-m-t-10">已团：{{item.groupedNum||0}}</view>
<view class="u-m-t-16 text" v-if="item.limitBuyNum && item.limitBuyNum != '-10086'">限购{{ item.limitBuyNum }}份</view>
<view class="text u-m-t-10">已团：{{ item.groupedNum || 0 }}</view>
</view>
</view>
<view class="goods">
<view class="goods-name">{{item.wareName}}</view>
<view class="goods-name">{{ item.wareName }}</view>
<view class="u-m-t-20 color-666">
{{item.wareDetail}}
{{ item.wareDetail }}
</view>
</view>
<view class="bg-f7" style="height: 32rpx"></view>
<view class="desc">
<view class="u-flex">
<view class="color-666 no-wrap" style="min-width: 180rpx;">可核销门店：</view>
<view class="">{{item.shopName}}</view>
<view class="color-666 no-wrap" style="min-width: 180rpx">可核销门店：</view>
<view class="">{{ item.shopName }}</view>
</view>
<view class="u-flex u-m-t-16 u-col-baseline">
<view class="color-666 no-wrap" style="min-width: 180rpx;">门店地址：</view>
<view class="">{{item.shopAddress}}</view>
<view class="color-666 no-wrap" style="min-width: 180rpx">门店地址：</view>
<view class="">{{ item.shopAddress }}</view>
</view>
</view>
@@ -41,55 +41,46 @@
<view class="bg-f7" style="height: 32rpx"></view>
<view class="groups">
<view class="color-000 u-m-b-28 u-font-32 font-700">立即拼团</view>
<view class="item u-flex" v-for="(item,index) in item.gbOrderList" :key="index">
<view class="item u-flex" v-for="(item, index) in item.gbOrderList" :key="index">
<up-avatar size="76rpx" :src="item.avatar"></up-avatar>
<view class="u-flex u-flex-1 u-p-l-22 u-col-center u-row-between">
<view>立即购买购
<view class="color-000 u-line-1" style="max-width: 180rpx;">{{item.nickName}}</view>
<view class="main-color u-m-t-2">差{{returnNeedPerpole(item)}}人拼成</view>
<view>
立即购买购
<view class="color-000 u-line-1" style="max-width: 180rpx">{{ item.nickName }}</view>
<view class="main-color u-m-t-2">差{{ returnNeedPerpole(item) }}人拼成</view>
</view>
<view class="u-m-t-22">
<text class="color-666">剩余：</text>
<text class="main-color">{{getRemainingHMS(item)}}</text>
<text class="main-color">{{ getRemainingHMS(item) }}</text>
</view>
<view class="btn" @click="fastBuy(item)">快速拼成</view>
</view>
</view>
</view>
</template>
<view class="bg-f7" style="height: 24rpx"></view>
<view class="goods-detail" v-if="item.goodsCategory!='优惠券'">
<view class="goods-detail" v-if="item.goodsCategory != '优惠券'">
<view class="u-flex u-row-center">
<view class="title">商品详情</view>
</view>
<view class="u-m-t-32">
<image class="w-full" v-for="(item,index) in item.wareCommentImgs" :key="index" mode="widthFix"
:src="item">
</image>
<image class="w-full" v-for="(item, index) in item.wareCommentImgs" :key="index" mode="widthFix" :src="item"></image>
</view>
</view>
<view style="height: 140px"></view>
<view class="fixed-bottom u-flex u-row-center">
<view v-if="isCanExchange" class="btn" @click="exchangeClick">
{{returnBtmText}}
{{ returnBtmText }}
</view>
<view class="btn gray" v-else>
{{returnBtmText}}
{{ returnBtmText }}
</view>
</view>
<!-- 需要支付的弹窗 -->
<up-popup :show="popupData.show" mode="bottom" closeOnClickOverlay @close="popupData.show = false">
<view class="popup-content">
@@ -101,31 +92,29 @@
<image class="cover" :src="coverImgs[0]"></image>
<view class="u-flex u-flex-1 u-row-between u-p-l-16 u-col-center">
<view>
<view class="u-font-32 font-bold">{{item.wareName}}</view>
<view class="u-font-32 font-bold">{{ item.wareName }}</view>
<view class="u-m-t-12 color-666 u-line-2">{{item.wareDetail}}</view>
<view class="u-m-t-12 color-666 u-line-2">{{ item.wareDetail }}</view>
</view>
<view>
<view class="price">¥{{item.groupPrice}}</view>
<view class="old-price">¥{{item.originalPrice}}</view>
<view class="limitBuyNum" v-if="item.limitBuyNum&&item.limitBuyNum!=-10086"> 限购{{item.limitBuyNum}} </view>
<view class="price">¥{{ item.groupPrice }}</view>
<view class="old-price">¥{{ item.originalPrice }}</view>
<view class="limitBuyNum" v-if="item.limitBuyNum && item.limitBuyNum != -10086">限购{{ item.limitBuyNum }}</view>
</view>
</view>
</view>
</view>
<view class="bottom u-flex u-row-between u-col-center">
<view class="u-flex u-col-baseline">
<text class="color-666">合计：</text>
<text class=" price">{{totalPrice}}</text>
<text class="price">{{ totalPrice }}</text>
</view>
<view class="u-flex">
<up-icon name="minus-circle" size="20" color="#666" @click="changeNumber('-')"></up-icon>
<text class="u-m-l-20 u-m-r-20">{{number}}</text>
<text class="u-m-l-20 u-m-r-20">{{ number }}</text>
<up-icon name="plus-circle-fill" size="20" color="#ED5A2E" @click="changeNumber('+')"></up-icon>
</view>
</view>
<view class="u-m-t-42 u-flex u-row-center">
@@ -137,128 +126,115 @@
</view>
</template>
<script setup>
import {
computed,
reactive,
watch
} from "vue";
import dayjs from "dayjs";
import {wxShare} from '@/utils/share.js'
import {
getOpenId
} from '@/utils/uniapp.js'
import modal from "@/groupBuying/components/modal.vue";
import * as Api from '@/common/api/order/gbOrder.js'
import {
pay
} from '@/utils/pay.js'
import {
Storelogin
} from '@/stores/user.js';
const storelogin = Storelogin();
import { shareMixin, handleMixinOnLoad, returnQuery } from '@/utils/share.js';
import { computed, reactive, watch } from 'vue';
import dayjs from 'dayjs';
import { wxShare } from '@/utils/share.js';
import { getOpenId } from '@/utils/uniapp.js';
import modal from '@/groupBuying/components/modal.vue';
import * as Api from '@/common/api/order/gbOrder.js';
import { pay } from '@/utils/pay.js';
import { Storelogin } from '@/stores/user.js';
const storelogin = Storelogin();
const imgs = {
bg: "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/9fd6a3ad2b384f6cb4e88ed6b77bd334.png",
};
const number = ref(1)
const imgs = {
bg: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/9fd6a3ad2b384f6cb4e88ed6b77bd334.png'
};
const number = ref(1);
import {
BigNumber
} from "bignumber.js";
const totalPrice = computed(() => {
import { BigNumber } from 'bignumber.js';
const totalPrice = computed(() => {
if (!item.groupPrice) {
return 0;
}
return BigNumber(number.value).times(item.groupPrice).toNumber()
})
return BigNumber(number.value).times(item.groupPrice).toNumber();
});
function changeNumber(step) {
function changeNumber(step) {
if (step === '-') {
if (number.value == 1) {
return
return;
}
number.value--
return
number.value--;
return;
}
if (step === '+') {
if(item.limitBuyNum==-10086){
number.value++
return
if (item.limitBuyNum == -10086) {
number.value++;
return;
}
if(number.value>=item.limitBuyNum){
if (number.value >= item.limitBuyNum) {
return uni.showToast({
title:'最多可购买'+item.limitBuyNum+'份',
icon:'none'
})
}
number.value++
return
}
}
const modalData = reactive({
show: false,
title: '最多可购买' + item.limitBuyNum + '份',
icon: 'none'
});
}
number.value++;
return;
}
}
const modalData = reactive({
show: false
});
function prveImg(index) {
function prveImg(index) {
uni.previewImage({
urls: coverImgs.value,
current: index
})
}
});
}
const popupData = reactive({
const popupData = reactive({
show: false,
item: null
});
});
function exchangeClick() {
popupData.show = true
function exchangeClick() {
popupData.show = true;
}
}
function fastBuy(item) {
function fastBuy(item) {
popupData.item = item;
popupData.show = true
}
watch(() => popupData.show, (newval) => {
popupData.show = true;
}
watch(
() => popupData.show,
(newval) => {
if (!newval) {
popupData.item = null
popupData.item = null;
}
})
}
);
function dingyue() {
function dingyue() {
return new Promise((revlove, reject) => {
uni.requestSubscribeMessage({
tmplIds: ['JGPAGmqcPEgWB6mvAl0SC5cMqr5H5Qjcim8JCpHAZd0',
'F4OyUhe_ZQ9BR731jlkaN2QXAUaA3HBZuUeVPfraSz0'
],
tmplIds: ['JGPAGmqcPEgWB6mvAl0SC5cMqr5H5Qjcim8JCpHAZd0', 'F4OyUhe_ZQ9BR731jlkaN2QXAUaA3HBZuUeVPfraSz0'],
success(res) {},
complete() {
revlove()
revlove();
}
})
})
});
});
}
}
async function payExchange() {
async function payExchange() {
uni.setStorageSync('group_buying_order', {
...item,
number: number.value,
groupOrderNo: popupData.item ? popupData.item.groupOrderNo : '',
})
groupOrderNo: popupData.item ? popupData.item.groupOrderNo : ''
});
uni.navigateTo({
url: '/groupBuying/confirm-order/confirm-order'
})
return
});
return;
await dingyue();
uni.showLoading({
title: '支付中……'
})
const openId = await getOpenId()
uni.hideLoading()
});
const openId = await getOpenId();
uni.hideLoading();
if (openId) {
Api.exchange({
paramId: item.id,
@@ -266,132 +242,124 @@
number: number.value,
groupOrderNo: popupData.item ? popupData.item.groupOrderNo : '',
openId
}).then(orderRes => {
}).then((orderRes) => {
popupData.show = false;
pay(orderRes.payInfo).then(res => {
console.log(res)
pay(orderRes.payInfo).then((res) => {
console.log(res);
if (res) {
uni.redirectTo({
url: '/groupBuying/success/index?detailId=' + orderRes.record
.id
})
url: '/groupBuying/success/index?detailId=' + orderRes.record.id
});
} else {
uni.showToast({
title: '开团失败',
icon: 'none'
})
});
}
})
})
});
});
} else {
uni.showToast({
title: '鉴权失败，兑换失败',
icon: 'none'
})
}
});
}
}
const item = reactive({
const item = reactive({
goodsDescription: []
})
const isCanExchange = computed(() => {
});
const isCanExchange = computed(() => {
if (item.quantity <= 0) {
return false
return false;
}
if (item.limitQuota && item.boughtCount >= item.limitQuota) {
return false
return false;
}
return true
})
return true;
});
const returnBtmText = computed(() => {
const returnBtmText = computed(() => {
if (isCanExchange.value) {
return '立即开团'
return '立即开团';
}
if (pointsUser.pointBalance < item.requiredPoints) {
const num = item.requiredPoints - pointsUser.pointBalance
return `积分不足，还差${num}积分`
const num = item.requiredPoints - pointsUser.pointBalance;
return `积分不足，还差${num}积分`;
}
if (item.quantity <= 0) {
return `库存不足`
return `库存不足`;
}
if (item.limitQuota && item.boughtCount >= item.limitQuota) {
return `单人兑换已达上限`
return `单人兑换已达上限`;
}
})
});
const query = reactive({
const query = reactive({
shopId: '',
wareId: '',
groupOrderNo: ''
})
});
const coverImgs = ref([]);
const coverImgs = ref([])
async function init(opt) {
async function init(opt) {
// 获取小程序进入场景和参数
const launchOptions = uni.getLaunchOptionsSync();
console.log(launchOptions);
// 获取链接上的参数
const launchOptionsQuery = launchOptions.query;
console.log('launchOptionsQuery', launchOptionsQuery);
Object.assign(query, launchOptionsQuery)
console.log(opt)
Object.assign(query, opt)
console.log(query)
await storelogin.actionslogin()
getDetail()
}
Object.assign(query, launchOptionsQuery);
console.log(opt);
Object.assign(query, opt);
console.log(query);
await storelogin.actionslogin();
getDetail();
}
function getDetail() {
Api.wareDetail(query).then(res => {
console.log('res',res)
if(!res){
function getDetail() {
Api.wareDetail(query).then((res) => {
console.log('res', res);
if (!res) {
uni.showModal({
title:'提示',
content:'当前商品已下架',
showCancel:false,
title: '提示',
content: '当前商品已下架',
showCancel: false,
success() {
uni.redirectTo({
url:'/groupBuying/index/index'
})
url: '/groupBuying/index/index'
});
}
})
});
}
res.wareCommentImgs = res.wareCommentImgs.split(',').filter(v => v)
Object.assign(item, res)
console.log(item)
coverImgs.value = res.wareImgs.split(',')
uni.cache.set('shopId',item.shopId)
})
}
res.wareCommentImgs = res.wareCommentImgs.split(',').filter((v) => v);
Object.assign(item, res);
console.log(item);
coverImgs.value = res.wareImgs.split(',');
uni.cache.set('shopId', item.shopId);
});
}
/**
/**
* 计算剩余时间差（毫秒）
* @param {Object} item - 包含groupEndTime的订单/拼团对象
* @returns {number} 剩余时间（毫秒）
*/
function returnRemainingTime(item) {
function returnRemainingTime(item) {
if (!item?.groupEndTime) return 0; // 容错：无结束时间则返回0
return dayjs(item.groupEndTime).valueOf() - dayjs().valueOf();
}
}
/**
/**
* 将毫秒差格式化为 HH:MM:SS（最多72小时）
* @param {number} ms - 时间差（毫秒）
* @returns {string} 格式化后的时分秒（如 09:09:09、72:00:00、00:00:00）
*/
function formatTimeToHMS(ms) {
function formatTimeToHMS(ms) {
// 边界1：已过期/无剩余时间 → 显示00:00:00
if (ms <= 0) return '00:00:00';
@@ -411,53 +379,65 @@
// 补零（确保两位数，如 9 → 09）
const pad = (num) => String(num).padStart(2, '0');
return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
}
}
let timer = null;
let nowTime = ref(Date.now());
timer = setInterval(() => {
nowTime.value = Date.now();
}, 1000);
let timer = null
let nowTime = ref(Date.now())
timer = setInterval(() => {
nowTime.value = Date.now()
}, 1000)
// 组合使用：获取格式化后的剩余时间
function getRemainingHMS(item) {
nowTime.value
// 组合使用：获取格式化后的剩余时间
function getRemainingHMS(item) {
nowTime.value;
const ms = returnRemainingTime(item);
return formatTimeToHMS(ms);
}
}
function returnNeedPerpole(data) {
return data.groupPeopleNum - data.currentPeopleNum;
}
function returnNeedPerpole(data) {
return data.groupPeopleNum - data.currentPeopleNum
}
onLoad(init)
// #ifdef MP-WEIXIN
uni.showShareMenu()
// #endif
onShareAppMessage(() => {
const query = `wareId=${item.id}&shopId=${item.shopId}`
return wxShare({
onShareAppMessage(async () => {
let query = await returnQuery();
// query += `&wareId=${item.id}&shopId=${item.shopId}`;
const options = {
title: item.wareName,
imageUrl: coverImgs.value[0],
path: '/groupBuying/goodsDetail/goodsDetail' + '?' + query,
query,
})
})
path: '/groupBuying/goodsDetail/goodsDetail' + '?' + decodeURIComponent(query),
query
};
console.log('onShareAppMessage===', options);
return options;
});
onLoad(async (opt) => {
await handleMixinOnLoad(opt);
init(opt);
});
// #ifdef MP-WEIXIN
uni.showShareMenu();
// #endif
// onShareAppMessage(() => {
// const query = `wareId=${item.id}&shopId=${item.shopId}`;
// return wxShare({
// title: item.wareName,
// imageUrl: coverImgs.value[0],
// path: '/groupBuying/goodsDetail/goodsDetail' + '?' + query,
// query
// });
// });
</script>
<style lang="scss" scoped>
$topHeight: 350rpx;
$topHeight: 350rpx;
.top-img {
.top-img {
width: 750rpx;
height: $topHeight;
}
}
.top {
.top {
margin: 14rpx 18rpx;
background-size: cover;
height: $topHeight;
@@ -477,9 +457,9 @@
font-weight: 700;
margin-top: 62rpx;
}
}
}
.sku {
.sku {
display: flex;
justify-content: space-between;
padding: 20rpx 36rpx;
@@ -494,8 +474,8 @@
.old-price {
margin-left: 16rpx;
color: #E7E7E7;
opacity: .85;
color: #e7e7e7;
opacity: 0.85;
font-weight: 700;
text-decoration: line-through;
}
@@ -504,9 +484,9 @@
color: #fff;
font-size: 28rpx;
}
}
}
.goods {
.goods {
padding: 20rpx 28rpx;
background: #fff;
@@ -515,16 +495,14 @@
font-weight: 700;
color: #333;
}
}
}
.desc {
.desc {
padding: 32rpx 28rpx;
background-color: #fff;
}
}
.goods-detail {
.goods-detail {
padding: 32rpx;
.title {
@@ -532,7 +510,7 @@
padding: 0 22rpx;
&::before {
content: "";
content: '';
display: block;
position: absolute;
right: 100%;
@@ -545,7 +523,7 @@
&::after {
left: 100%;
content: "";
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
@@ -555,9 +533,9 @@
background: linear-gradient(90deg, #c9cbcc 0%, #f7f8f9 100%);
}
}
}
}
.fixed-bottom {
.fixed-bottom {
position: fixed;
background-color: #fff;
left: 0;
@@ -568,7 +546,6 @@
bottom: 0;
z-index: 10;
.btn {
padding: 22rpx;
border-radius: 200rpx;
@@ -576,22 +553,22 @@
color: #fff;
width: 556rpx;
text-align: center;
background-color: #E8AD7B;
background-color: #e8ad7b;
&.gray {
background: #9999992b;
color: #999999;
}
}
}
}
.waring {
.waring {
background-color: rgba(255, 204, 0, 0.09);
padding: 32rpx 24rpx;
color: #ff8d28;
}
}
.popup-content {
.popup-content {
font-size: 28rpx;
min-height: 300px;
@@ -633,7 +610,6 @@
color: #666;
line-height: 42rpx;
}
}
.bottom {
@@ -658,19 +634,19 @@
color: #fff;
font-size: 700;
}
}
}
.w-full {
.w-full {
width: 100%;
}
}
.groups {
.groups {
padding: 28rpx 22rpx;
background-color: #fff;
.item {
padding: 28rpx 0;
border-bottom: 2rpx solid #EDEDED;
border-bottom: 2rpx solid #ededed;
&:last-child {
border-bottom: none;
@@ -683,28 +659,29 @@
.btn {
padding: 8rpx 26rpx;
border-radius: 36rpx;
background: #E8AD7B;
background: #e8ad7b;
font-weight: 700;
color: #fff;
}
}
}
.share-box{
}
.share-box {
top: 0;
position: absolute;
right: 0;
padding: 4rpx 30rpx;
border-radius: 0 0 0 24rpx;
color: #ed5a2e; font-weight: 700;
background: #FFF;
color: #ed5a2e;
font-weight: 700;
background: #fff;
overflow: hidden;
.share{
.share {
position: absolute;
left:0;
left: 0;
right: 0;
top:0;
top: 0;
bottom: 0;
opacity: 0;
}
}
}
</style>

510
groupBuying/index/index.vue
View File

@@ -2,71 +2,63 @@
<view class="min-page bg-f7 u-font-28">
<up-sticky :offsetTop="0" :customNavHeight="0">
<view class="top" :style="topStyle">
<up-navbar bg-color="transparent" :fixed="false" :placeholder="false" title="拼团特惠" @leftClick="back()"
left-icon-color="#fff" title-color="#fff"></up-navbar>
<up-navbar bg-color="transparent" :fixed="false" :placeholder="false" title="拼团特惠" @leftClick="back()" left-icon-color="#fff" title-color="#fff"></up-navbar>
<view class="u-flex info u-col-center">
<image :src="imgs.map" class="map"></image>
<view class="u-line-1 u-m-l-20">{{shopInfo.shopName||''}}</view>
<view class="u-line-1 u-m-l-20">{{ shopInfo.shopName || '' }}</view>
</view>
</view>
<view class="translateY20">
<view class="steps">
<view class="step" v-for="(item,index) in steps" :key="index">
<text class="index">{{index+1}}</text>
<text class="text">{{item}}</text>
<template v-if="index<steps.length-1">
<view class="step" v-for="(item, index) in steps" :key="index">
<text class="index">{{ index + 1 }}</text>
<text class="text">{{ item }}</text>
<template v-if="index < steps.length - 1">
<text class="icon">
{{'>'}}
{{ '>' }}
</text>
<text class="icon icon1">
{{'>'}}
{{ '>' }}
</text>
</template>
</view>
</view>
<view class="filters ">
<view class="filters">
<view class="u-flex tabs">
<view class="tab" v-for="(item,index) in tabs.list" :class="{'active':tabs.sel==index}"
@click="tabs.sel=index">{{item}}</view>
<view class="tab" v-for="(item, index) in tabs.list" :class="{ active: tabs.sel == index }" @click="tabs.sel = index">{{ item }}</view>
</view>
<view class="u-flex u-col-center" v-if="tabs.sel==0">
<up-search v-model="query.wareName" @search="refresh" @clear="refresh"
@custom="refresh"></up-search>
<view class="u-flex u-col-center" v-if="tabs.sel == 0">
<up-search v-model="query.wareName" @search="refresh" @clear="refresh" @custom="refresh"></up-search>
<!-- <perpoleNumber v-model="query.groupPeopleNum"></perpoleNumber> -->
</view>
<view class="u-flex orderStatus" v-if="tabs.sel==1">
<view class="orderState" :class="{'active':orders.sel==index}"
v-for="(item,index) in orders.list" :key="index" @click="orders.sel=index">
{{item.name}}
<view class="u-flex orderStatus" v-if="tabs.sel == 1">
<view class="orderState" :class="{ active: orders.sel == index }" v-for="(item, index) in orders.list" :key="index" @click="orders.sel = index">
{{ item.name }}
</view>
</view>
</view>
</view>
</up-sticky>
<view class="lists" v-if="tabs.sel==0">
<view class="item" v-for="(item,index) in list" :key="index" @click="toDetail(item)">
<view class="lists" v-if="tabs.sel == 0">
<view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)">
<up-image width="218rpx" radius="16rpx" height="218rpx" :src="returnCoverImg(item)"></up-image>
<view class="u-flex-1 u-p-l-16">
<view class="u-flex u-col-center">
<text class="numbers">{{item.groupPeopleNum}}人团</text>
<text class="u-line-1 font-bold u-m-l-18 name">{{item.wareName}}</text>
<text class="numbers">{{ item.groupPeopleNum }}人团</text>
<text class="u-line-1 font-bold u-m-l-18 name">{{ item.wareName }}</text>
</view>
<view class="members">已团：{{item.groupedNum}}</view>
<view class="members">已团：{{ item.groupedNum }}</view>
<view class="info">
<view class="left">
<view class="">
<text class="u-font-24">拼团到手</text>
<text class="u-font-32 font-bold"> ¥{{item.groupPrice}}</text>
<text class="u-font-32 font-bold">¥{{ item.groupPrice }}</text>
</view>
<view style="opacity: 0.84;">
<view style="opacity: 0.84">
<text class="u-font-24">原价</text>
<text class=""> ¥{{item.originalPrice}}</text>
<text class="">¥{{ item.originalPrice }}</text>
</view>
</view>
<view class="right">
@@ -77,132 +69,112 @@
</view>
</view>
<view class="orders" v-else-if="tabs.sel==1">
<view class="item" v-for="(item,index) in list" :key="index" @click="toOrderDetail(item)">
<view class="orders" v-else-if="tabs.sel == 1">
<view class="item" v-for="(item, index) in list" :key="index" @click="toOrderDetail(item)">
<view class="u-flex u-col-center u-row-between">
<text class="numbers">{{item.groupPeopleNum}}人团</text>
<text class="numbers">{{ item.groupPeopleNum }}人团</text>
<statusVue :status="item.status"></statusVue>
</view>
<view class="u-m-t-32 u-flex">
<up-image width="154rpx" height="154rpx" :src="item.goodsImg"></up-image>
<view class="u-flex-1 u-flex u-p-l-30 u-col-center u-row-between">
<view>
<view class="">{{item.wareJson.wareName}}</view>
<view class="u-m-t-34 price">¥{{item.payAmount}}</view>
<view class="" v-if="item.wareJson">{{ item.wareJson.wareName }}</view>
<view class="u-m-t-34 price">¥{{ item.payAmount }}</view>
</view>
<text class="u-font-40 font-bold">x{{item.num}}</text>
<text class="u-font-40 font-bold">x{{ item.num }}</text>
</view>
</view>
<view class="u-m-t-32 info">
<view class="u-flex u-col-center">
<text class="title">可核销门店：</text>
<text class="stitle">{{item.shopName}}</text>
<text class="stitle">{{ item.shopName }}</text>
</view>
<view class="u-flex u-m-t-32 u-col-center">
<text class="title ">门店地址：</text>
<text class="stitle">{{item.shopAddress}}</text>
<text class="title">门店地址：</text>
<text class="stitle">{{ item.shopAddress }}</text>
</view>
<view class="u-flex u-m-t-32 u-col-center" v-if="item.groupEndTime&&item.wareGroupStatus=='success'">
<view class="u-flex u-m-t-32 u-col-center" v-if="item.groupEndTime && item.wareGroupStatus == 'success'">
<text class="title">成团时间：</text>
<text class="stitle ">{{item.groupEndTime}}</text>
<text class="stitle">{{ item.groupEndTime }}</text>
</view>
<view class="u-flex u-m-t-32 u-col-center" v-if="showTime(item)">
<text class="title">剩余成团时间：</text>
<text class="stitle price">{{returnTime(item)}}</text>
<text class="stitle price">{{ returnTime(item) }}</text>
</view>
</view>
<view class="btns" v-if="showBtns(item)">
<template v-if="item.status=='待核销'">
<view class="btn " @click.stop="lookCode(item)">查看券码</view>
<template v-if="item.status == '待核销'">
<view class="btn" @click.stop="lookCode(item)">查看券码</view>
<button class="btn black" @click.stop="refund(item)">申请退款</button>
</template>
<template v-else-if="item.status=='退款中'">
<view class="btn " @click.stop="lookCode(item)">查看券码</view>
<template v-else-if="item.status == '退款中'">
<view class="btn" @click.stop="lookCode(item)">查看券码</view>
<view class="btn black" @click.stop="cancelRefund(item)">取消退款</view>
</template>
<template v-else>
<view class="btn " @click.stop="refund(item)" v-if="canRefund(item)">申请退款</view>
<button open-type="share" class="btn black" @click.stop="share(item)"
v-if="showShare(item)">邀请好友</button>
<view class="btn" @click.stop="refund(item)" v-if="canRefund(item)">申请退款</view>
<button open-type="share" class="btn black" @click.stop="share(item)" v-if="showShare(item)">邀请好友</button>
</template>
</view>
</view>
</view>
<LookQrcode v-model="modalData.show" :qrcode="qrcode"></LookQrcode>
</view>
</template>
<script setup>
import {
APIusershopInfodetail
} from '@/common/api/member.js'
import {
back
} from '@/utils/uniapp.js'
import LookQrcode from "@/components/look-qrcode/look-qrcode.vue";
import {
wxShare
} from '@/utils/share.js'
import {
getRemainingHMS
} from '@/utils/countdown.js'
import {
onShow
} from '@dcloudio/uni-app'
import * as Api from '@/common/api/order/gbOrder.js'
import perpoleNumber from './components/perpole-number.vue'
import statusVue from '@/groupBuying/components/status.vue'
import {
computed,
reactive,
watch
} from 'vue'
import { APIusershopInfodetail } from '@/common/api/member.js';
import { back } from '@/utils/uniapp.js';
import LookQrcode from '@/components/look-qrcode/look-qrcode.vue';
import { wxShare } from '@/utils/share.js';
import { getRemainingHMS } from '@/utils/countdown.js';
import { onShow } from '@dcloudio/uni-app';
import * as Api from '@/common/api/order/gbOrder.js';
import perpoleNumber from './components/perpole-number.vue';
import statusVue from '@/groupBuying/components/status.vue';
import { computed, reactive, watch } from 'vue';
const canRefundStatus = ['待成团', '待核销']
const canRefundStatus = ['待成团', '待核销'];
function canRefund(item) {
function canRefund(item) {
if (canRefundStatus.includes(item.status)) {
return true
return true;
}
return false
}
const modalData = reactive({
show: false,
});
const qrcode = ref("");
return false;
}
const modalData = reactive({
show: false
});
const qrcode = ref('');
function lookCode(item) {
qrcode.value = item.verifyCode
function lookCode(item) {
qrcode.value = item.verifyCode;
modalData.show = true;
}
}
const imgs = {
const imgs = {
bg: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/1/d21f2dfd7bec44618f2d5e4b88372b08.png',
bg1: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/1/604c3f917daa41af9239145196c6d3f3.png',
map: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/1/0a293f6e1a6a4e7b956379a5b6701104.png',
pin: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/3/4bcce5bdfa074f2a838a0209fac24241.png'
}
};
const shopInfo = ref({})
const shopInfo = ref({});
const steps = ['发起拼团', '邀请好友', '成团优惠']
const steps = ['发起拼团', '邀请好友', '成团优惠'];
const topStyle = {
const topStyle = {
backgroundImage: 'url(' + imgs.bg + ')'
}
const tabs = reactive({
};
const tabs = reactive({
list: ['活动列表', '我的拼团'],
sel: 0
})
const orders = reactive({
list: [{
});
const orders = reactive({
list: [
{
name: '全部',
value: ''
},
@@ -221,105 +193,103 @@
{
name: '退款',
value: '退款'
},
}
],
sel: 0
})
});
const query = reactive({
const query = reactive({
page: 1,
size: 10,
wareName: '',
groupPeopleNum: '',
shopId: uni.cache.get('shopId'),
})
shopId: uni.cache.get('shopId')
});
const list = ref([])
const isEnd = ref(false)
const list = ref([]);
const isEnd = ref(false);
const status = computed(() => {
return orders.list[orders.sel].value
})
const status = computed(() => {
return orders.list[orders.sel].value;
});
watch(() => status.value, () => {
refresh()
})
function getData() {
if (tabs.sel == 0) {
Api.warePage(query).then(res => {
const newArr = res.records || []
if (query.page == 1) {
list.value = newArr
} else {
list.value.push(...newArr)
watch(
() => status.value,
() => {
refresh();
}
isEnd.value = query.page >= res.totalPage * 1 ? true : false
})
return
);
function getData() {
if (tabs.sel == 0) {
Api.warePage(query).then((res) => {
const newArr = res.records || [];
if (query.page == 1) {
list.value = newArr;
} else {
list.value.push(...newArr);
}
isEnd.value = query.page >= res.totalPage * 1 ? true : false;
});
return;
}
if (tabs.sel == 1) {
const {
page,
size,
shopId
} = query
const { page, size, shopId } = query;
Api.record({
page,
size,
shopId,
status: status.value,
}).then(res => {
const newArr = (res.records || []).map(v => {
const wareJson = JSON.parse(v.wareJson)
wareJson.wareImgs = wareJson.wareImgs.split(',').filter(v => v)
status: status.value
}).then((res) => {
const newArr = (res.records || []).map((v) => {
const wareJson = JSON.parse(v.wareJson);
wareJson.wareImgs = wareJson.wareImgs.split(',').filter((v) => v);
return {
...v,
goodsImg: wareJson.wareImgs[0],
wareJson,
}
})
wareJson
};
});
if (query.page == 1) {
list.value = newArr
list.value = newArr;
} else {
list.value.push(...newArr)
}
console.log(list.value)
isEnd.value = query.page >= res.totalPage * 1 ? true : false
})
return
list.value.push(...newArr);
}
console.log(list.value);
isEnd.value = query.page >= res.totalPage * 1 ? true : false;
});
return;
}
}
function toDetail(item) {
function toDetail(item) {
uni.navigateTo({
url: '/groupBuying/goodsDetail/goodsDetail?wareId=' + item.id + '&shopId=' + item.shopId
})
}
});
}
function toOrderDetail(item) {
function toOrderDetail(item) {
uni.navigateTo({
url: '/groupBuying/detail/index?detailId=' + item.id + '&shopId=' + item.shopId
})
}
});
}
function returnCoverImg(item) {
function returnCoverImg(item) {
if (!item.wareImgs) {
return ''
}
const arr = item.wareImgs.split(',')
return arr[0]
return '';
}
const arr = item.wareImgs.split(',');
return arr[0];
}
function refresh() {
query.page = 1
isEnd.value = false
getData()
}
function refresh() {
query.page = 1;
isEnd.value = false;
getData();
}
function refund(item) {
function refund(item) {
uni.showModal({
title: '提示',
content: '是否申请退款？',
@@ -328,23 +298,23 @@
if (res.confirm) {
Api.applyRefund({
recordId: item.id,
orderNo: item.orderNo,
}).then(res => {
orderNo: item.orderNo
}).then((res) => {
if (res) {
uni.showToast({
title: '申请成功'
})
});
setTimeout(() => {
refresh()
}, 1000)
refresh();
}, 1000);
}
})
});
}
}
})
}
});
}
function cancelRefund(item) {
function cancelRefund(item) {
uni.showModal({
title: '提示',
content: '是否取消退款？',
@@ -353,95 +323,97 @@
if (res.confirm) {
Api.cancelRefund({
recordId: item.id,
orderNo: item.orderNo,
}).then(res => {
orderNo: item.orderNo
}).then((res) => {
if (res) {
uni.showToast({
title: '取消成功'
})
});
setTimeout(() => {
refresh()
}, 1000)
refresh();
}, 1000);
}
})
});
}
}
})
});
}
watch(
() => tabs.sel,
(newval) => {
orders.sel = 0;
refresh();
}
watch(() => tabs.sel, (newval) => {
orders.sel = 0
refresh()
})
);
function showBtns(item) {
function showBtns(item) {
if (item.status == '已退款') {
return false
}
return true
return false;
}
return true;
}
function showShare(item) {
function showShare(item) {
if (item.status == '待成团') {
return true
}
return false
return true;
}
return false;
}
function showTime(item) {
function showTime(item) {
if (item.status == '待成团') {
return true
}
return false
return true;
}
return false;
}
let shareItem = null;
let shareItem = null
function share(item) {
shareItem = item;
}
function share(item) {
shareItem = item
}
onShareAppMessage(() => {
console.log('onShareAppMessage')
console.log(shareItem)
const query = `groupOrderNo=${shareItem.groupOrderNo}&shopId=${shareItem.shopId}`
onShareAppMessage(() => {
console.log('onShareAppMessage');
console.log(shareItem);
const query = `groupOrderNo=${shareItem.groupOrderNo}&shopId=${shareItem.shopId}`;
return wxShare({
title: shareItem.wareJson.wareName,
imageUrl: shareItem.goodsImg,
path: '/groupBuying/detail/index' + '?' + query,
query,
})
})
onShow(getData)
onLoad((opt) => {
const shopId=opt.shopId||uni.cache.get('shopId')
query.shopId=shopId
uni.cache.set('shopId',query.shopId)
console.log('opt',opt);
query
});
});
onShow(getData);
onLoad((opt) => {
const shopId = opt.shopId || uni.cache.get('shopId');
query.shopId = shopId;
uni.cache.set('shopId', query.shopId);
console.log('opt', opt);
APIusershopInfodetail({
shopId: shopId
}).then(res => {
}).then((res) => {
console.log(res);
shopInfo.value = res.shopInfo
uni.cache.set('shopInfo', res.shopInfo)
uni.cache.set('shopId', res.shopInfo.id)
})
})
shopInfo.value = res.shopInfo;
uni.cache.set('shopInfo', res.shopInfo);
uni.cache.set('shopId', res.shopInfo.id);
});
});
let timer = null
let nowTime = ref(Date.now())
timer = setInterval(() => {
nowTime.value = Date.now()
}, 1000)
let timer = null;
let nowTime = ref(Date.now());
timer = setInterval(() => {
nowTime.value = Date.now();
}, 1000);
function returnTime(item) {
nowTime.value
return getRemainingHMS(item)
}
function returnTime(item) {
nowTime.value;
return getRemainingHMS(item);
}
</script>
<style lang="scss" scoped>
.top {
.top {
height: 422rpx;
background-size: cover;
@@ -456,14 +428,14 @@
width: 48rpx;
height: 48rpx;
}
}
}
.steps {
.steps {
display: flex;
padding: 20rpx 20rpx;
gap: 20rpx;
border-radius: 14rpx 14rpx 0 0;
background: linear-gradient(90deg, #FFF5E6 0%, #FFD2CA 100%);
background: linear-gradient(90deg, #fff5e6 0%, #ffd2ca 100%);
align-items: center;
.step {
@@ -478,11 +450,11 @@
height: 44rpx;
line-height: 44rpx;
text-align: center;
background: #E55626;
background: #e55626;
}
.text {
color: #5A352F;
color: #5a352f;
margin-left: 10rpx;
margin-right: 22rpx;
white-space: nowrap;
@@ -493,26 +465,26 @@
}
.icon1 {
color: #5A352F;
}
color: #5a352f;
}
}
.lists {
.lists {
padding: 18rpx 10rpx;
.item {
display: flex;
padding: 32rpx 16rpx;
border-radius: 32rpx;
background: #FFF;
background: #fff;
margin-bottom: 14rpx;
.numbers {
background: #4C2828;
background: #4c2828;
padding: 8rpx 18rpx;
border-radius: 10rpx;
font-weight: 700;
color: #FAEAC6;
color: #faeac6;
white-space: nowrap;
}
@@ -522,13 +494,13 @@
.members {
margin-top: 26rpx;
background: #FDF1CB;
background: #fdf1cb;
padding: 4rpx 18rpx;
border-radius: 10rpx 10rpx 10rpx 0;
width: fit-content;
font-size: 24rpx;
font-weight: 700;
color: #ED5A2E;
color: #ed5a2e;
}
.info {
@@ -556,15 +528,15 @@
}
}
}
}
}
.filters {
.filters {
padding: 16rpx 28rpx;
border-radius: 6rpx 6rpx 16rpx 16rpx;
background: #FFF;
}
background: #fff;
}
.tabs {
.tabs {
display: flex;
justify-content: space-between;
font-size: 24rpx;
@@ -572,29 +544,29 @@
padding: 32rpx 88rpx;
.tabs {
transition: all .3s linear;
transition: all 0.3s linear;
}
.active {
color: #ED5A2E;
color: #ed5a2e;
font-size: 32rpx;
font-weight: 700;
font-weight: 700;
}
}
}
.translateY20 {
.translateY20 {
transform: translateY(-20rpx);
}
}
.orderStatus {
.orderStatus {
padding: 26rpx 28rpx;
justify-content: space-between;
height: 100rpx;
.orderState {
color: #999;
transition: all .3s linear;
transition: all 0.3s linear;
&.active {
color: #000;
@@ -602,19 +574,19 @@
font-weight: 700;
}
}
}
}
.orders {
.orders {
padding: 0 26rpx 36rpx;
.item {
padding: 32rpx 24rpx;
border-radius: 16rpx;
background: #FFF;
background: #fff;
margin-bottom: 32rpx;
.numbers {
background-color: #ED5A2E;
background-color: #ed5a2e;
padding: 16rpx 30rpx;
border-radius: 12rpx;
font-size: 32rpx;
@@ -623,10 +595,8 @@
line-height: 36rpx;
}
.price {
color: #ED5A2E;
color: #ed5a2e;
font-weight: 700;
line-height: 36rpx;
font-size: 40rpx;
@@ -637,7 +607,7 @@
flex-direction: column;
align-items: flex-start;
border-radius: 8rpx;
background: #F8F8F8;
background: #f8f8f8;
.title {
min-width: 208rpx;
@@ -654,7 +624,6 @@
font-weight: 700;
}
}
}
.btns {
@@ -668,8 +637,8 @@
margin: 0;
padding: 12rpx 14rpx;
border-radius: 10rpx;
border: 2rpx solid #D9D9D9;
background: #FFF;
border: 2rpx solid #d9d9d9;
background: #fff;
font-size: 28rpx;
&.black {
@@ -680,11 +649,10 @@
}
}
}
}
}
.copy {
.copy {
width: 28rpx;
height: 28rpx;
}
}
</style>

488
groupBuying/success/index.vue
View File

@@ -1,10 +1,8 @@
<template>
<view>
<template v-if="item.status=='待核销'">
<template v-if="item.status == '待核销'">
<view class="min-page bg-f7 color-333 u-font-28 relative">
<up-navbar bg-color="#F8F8F8" :fixed="true" :placeholder="true" title="支付成功"
@leftClick="uni.navigateBack()"></up-navbar>
<up-navbar bg-color="#F8F8F8" :fixed="true" :placeholder="true" title="支付成功" @leftClick="uni.navigateBack()"></up-navbar>
<view class="bottom">
<view class="u-p-32 u-flex u-row-center u-col-center u-flex-col bg-fff">
@@ -12,64 +10,57 @@
<view class="u-font-36 font-bold u-m-t-16">拼团成功</view>
</view>
<view class="shop ">
<view class="shop">
<view class="u-flex">
<text style="min-width: 180rpx;" class="color-666">可核销门店：</text>
<text>{{item.shopName}}</text>
<text style="min-width: 180rpx" class="color-666">可核销门店：</text>
<text>{{ item.shopName }}</text>
</view>
<view class="u-m-t-32 u-flex">
<text style="min-width: 180rpx;" class="color-666">门店地址：</text>
<text>{{item.shopAddress}}</text>
<text style="min-width: 180rpx" class="color-666">门店地址：</text>
<text>{{ item.shopAddress }}</text>
</view>
</view>
<view class="goods u-flex u-col-center">
<up-image width="158rpx" height="158rpx" radius="14rpx" :src="item.goodsImg"></up-image>
<view class=" u-flex-1 u-p-l-16">
<view class="u-flex-1 u-p-l-16">
<view class="u-flex u-col-center u-row-between">
<view class="u-flex tuan-members">
<image :src="imgs.pin" class="pin" mode=""></image>
<text class="">{{item.groupPeopleNum}}人团</text>
<text class="">{{ item.groupPeopleNum }}人团</text>
</view>
</view>
<view class="u-m-t-16 u-flex u-col-center">
<view style="width: 356rpx;">
<view class="font-bold" v-if="item.wareJson">{{item.wareJson
.wareName}}</view>
<view class="u-flex u-m-t-10 u-col-center ">
<view style="width: 356rpx">
<view class="font-bold" v-if="item.wareJson">{{ item.wareJson.wareName }}</view>
<view class="u-flex u-m-t-10 u-col-center">
<view class="price">
<text class="u-font-30">¥</text>
<text class="u-font-48 font-bold">{{item.wareGroupPrice}} </text>
<text class="u-font-48 font-bold">{{ item.wareGroupPrice }}</text>
</view>
<view class="old-price u-m-l-32">
<text>¥</text>
<text>{{item.wareOriginalPrice}} </text>
<text>{{ item.wareOriginalPrice }}</text>
</view>
</view>
</view>
<view class="u-p-l-16 color-333">
数量：{{item.num}}
<view class="u-p-l-16 color-333">数量：{{ item.num }}</view>
</view>
</view>
</view>
</view>
<view class="members">
<view class="list">
<view class="item" v-for="(user,index) in item.users" :key="index">
<view class="item" v-for="(user, index) in item.users" :key="index">
<view class="box">
<view class="u-flex relative">
<up-avatar size="140rpx" :src="user.userAvatar"></up-avatar>
<view class="u-flex u-row-center absolute">
<text class="tuanzhang" v-if="index==0">团长</text>
<text class="tuanzhang" v-if="index == 0">团长</text>
</view>
</view>
<view class="u-line-1 u-m-t-16 color-000 text-center">{{user.userName}}</view>
<view class="u-line-1 u-m-t-16 color-000 text-center">{{ user.userName }}</view>
</view>
</view>
<view class="item" v-if="false">
@@ -83,22 +74,17 @@
<view class="u-line-1 u-m-t-16 color-000 text-center">等待参团</view>
</view>
</view>
</view>
</view>
</view>
<view class="order">
<view class="u-flex u-row-between">
<view class="font-bold u-font-32">订单信息</view>
<view class="u-flex color-666" @click="showOrder=!showOrder" style="align-items: baseline;">
<text class="u-m-r-18">{{showOrder?'收起':'展开'}}</text>
<view class="guodu" :class="{rotate:!showOrder}">
<view class="u-flex color-666" @click="showOrder = !showOrder" style="align-items: baseline">
<text class="u-m-r-18">{{ showOrder ? '收起' : '展开' }}</text>
<view class="guodu" :class="{ rotate: !showOrder }">
<up-icon name="arrow-down" bold></up-icon>
</view>
</view>
@@ -107,111 +93,109 @@
<view class="u-m-t-16" v-if="showOrder">
<view class="u-flex u-row-between item">
<view class="color-666">商品总额</view>
<view class="">¥{{item.payAmount}}</view>
<view class="">¥{{ item.payAmount }}</view>
</view>
<view class="u-flex u-row-between item">
<view class="color-666">实付金额</view>
<view class="">¥{{item.payAmount}}</view>
<view class="">¥{{ item.payAmount }}</view>
</view>
<view class="u-flex u-row-between item">
<view class="color-666">订单号</view>
<view class="">{{item.orderNo}}</view>
<view class="">{{ item.orderNo }}</view>
</view>
<view class="u-flex u-row-between item">
<view class="color-666">支付时间</view>
<view class="">{{item.payTime}}</view>
<view class="">{{ item.payTime }}</view>
</view>
</view>
</view>
</view>
<view style="height: 100px;"></view>
<view style="height: 100px"></view>
<view class="btns">
<view class="btn" @click="toPinIndex">继续拼团</view>
<button class="btn main" @click="toOrderDetail(item)">查看订单</button>
</view>
</view>
</template>
<template v-if="item.status=='待成团'">
<template v-if="item.status == '待成团'">
<view class="min-page bg-f7 color-333 u-font-28 relative">
<view class="top" :style="topStyle">
<up-navbar bg-color="transparent" :fixed="false" :placeholder="false" title="支付成功"
left-icon-color="#fff" @leftClick="uni.navigateBack()" title-color="#fff"></up-navbar>
<view class="u-flex info u-col-center">
</view>
<up-navbar
bg-color="transparent"
:fixed="false"
:placeholder="false"
title="支付成功"
left-icon-color="#fff"
@leftClick="uni.navigateBack()"
title-color="#fff"
></up-navbar>
<view class="u-flex info u-col-center"></view>
</view>
<view class="bottom bottom1">
<view class="time" v-if="item.status=='待成团'">
<view class="time" v-if="item.status == '待成团'">
<text class="color-666">剩余成团时间：</text>
<view class="u-font-32">
<text class="number">{{returnNum(0)}}</text>
<text class="number">{{ returnNum(0) }}</text>
<text class="gap">：</text>
<text class="number">{{returnNum(1)}}</text>
<text class="number">{{ returnNum(1) }}</text>
<text class="gap">：</text>
<text class="number">{{returnNum(2)}}</text>
<text class="number">{{ returnNum(2) }}</text>
</view>
</view>
<view class="goods u-flex u-col-center">
<up-image width="158rpx" height="158rpx" radius="14rpx" :src="item.goodsImg"></up-image>
<view class=" u-flex-1 u-p-l-16">
<view class="u-flex-1 u-p-l-16">
<view class="u-flex u-col-center u-row-between">
<view class="u-flex tuan-members">
<image :src="imgs.pin" class="pin" mode=""></image>
<text class="">{{item.groupPeopleNum}}人团</text>
<text class="">{{ item.groupPeopleNum }}人团</text>
</view>
<statusVue :status="item.status"></statusVue>
</view>
<view class="u-m-t-16 u-flex u-col-center u-row-between">
<view style="max-width: 356rpx;">
<view class="font-bold u-line-1" v-if="item.wareJson">{{item.wareJson
.wareName}}</view>
<view class="u-flex u-m-t-10 u-col-center ">
<view style="max-width: 356rpx">
<view class="font-bold u-line-1" v-if="item.wareJson">{{ item.wareJson.wareName }}</view>
<view class="u-flex u-m-t-10 u-col-center">
<view class="price">
<text class="u-font-30">¥</text>
<text class="u-font-48 font-bold">{{item.wareGroupPrice}} </text>
<text class="u-font-48 font-bold">{{ item.wareGroupPrice }}</text>
</view>
<view class="old-price u-m-l-32">
<text>¥</text>
<text>{{item.wareOriginalPrice}} </text>
<text>{{ item.wareOriginalPrice }}</text>
</view>
</view>
</view>
<view class="u-p-l-16 color-333 no-wrap">
数量：{{item.num}}
</view>
<view class="u-p-l-16 color-333 no-wrap">数量：{{ item.num }}</view>
</view>
</view>
</view>
<view class="shop-box">
<view class="shop ">
<view class="shop">
<view class="u-flex">
<text style="min-width: 180rpx;" class="color-666">可核销门店：</text>
<text>{{item.shopName}}</text>
<text style="min-width: 180rpx" class="color-666">可核销门店：</text>
<text>{{ item.shopName }}</text>
</view>
<view class="u-m-t-32 u-flex">
<text style="min-width: 180rpx;" class="color-666">门店地址：</text>
<text>{{item.shopAddress}}</text>
<text style="min-width: 180rpx" class="color-666">门店地址：</text>
<text>{{ item.shopAddress }}</text>
</view>
</view>
</view>
<view class="members">
<view class="list">
<view class="item" v-for="(user,index) in item.users" :key="index">
<view class="item" v-for="(user, index) in item.users" :key="index">
<view class="box">
<view class="u-flex relative">
<up-avatar size="140rpx" :src="user.userAvatar"></up-avatar>
<view class="u-flex u-row-center absolute">
<text class="tuanzhang" v-if="index==0">团长</text>
<text class="tuanzhang" v-if="index == 0">团长</text>
</view>
</view>
<view class="u-line-1 u-m-t-16 color-000 text-center">{{user.userName}}</view>
<view class="u-line-1 u-m-t-16 color-000 text-center">{{ user.userName }}</view>
</view>
</view>
<view class="item">
@@ -226,10 +210,10 @@
</view>
</view>
</view>
<view class="u-flex u-row-center" v-if="item.status=='待成团'">
<view class="pin-btn">邀请好友参团
<view class="u-flex u-row-center" v-if="item.status == '待成团'">
<view class="pin-btn">
邀请好友参团
<button open-type="share" class="share">邀请好友参团</button>
</view>
</view>
</view>
@@ -238,9 +222,9 @@
<view class="u-flex u-row-between">
<view class="font-bold u-font-32">订单信息</view>
<view class="u-flex color-666" @click="showOrder=!showOrder" style="align-items: baseline;">
<text class="u-m-r-18">{{showOrder?'收起':'展开'}}</text>
<view class="guodu" :class="{rotate:!showOrder}">
<view class="u-flex color-666" @click="showOrder = !showOrder" style="align-items: baseline">
<text class="u-m-r-18">{{ showOrder ? '收起' : '展开' }}</text>
<view class="guodu" :class="{ rotate: !showOrder }">
<up-icon name="arrow-down" bold></up-icon>
</view>
</view>
@@ -249,101 +233,99 @@
<view class="u-m-t-16" v-if="showOrder">
<view class="u-flex u-row-between item">
<view class="color-666">商品总额</view>
<view class="">¥{{item.payAmount}}</view>
<view class="">¥{{ item.payAmount }}</view>
</view>
<view class="u-flex u-row-between item">
<view class="color-666">实付金额</view>
<view class="">¥{{item.payAmount}}</view>
<view class="">¥{{ item.payAmount }}</view>
</view>
<view class="u-flex u-row-between item">
<view class="color-666">订单号</view>
<view class="">{{item.orderNo}}</view>
<view class="">{{ item.orderNo }}</view>
</view>
<view class="u-flex u-row-between item">
<view class="color-666">支付时间</view>
<view class="">{{item.payTime}}</view>
<view class="">{{ item.payTime }}</view>
</view>
</view>
</view>
</view>
</view>
</template>
<template v-if="item.status=='已退款'">
<template v-if="item.status == '已退款'">
<view class="min-page bg-f7 color-333 u-font-28 relative">
<view class="top" :style="topStyle">
<up-navbar bg-color="transparent" :fixed="false" :placeholder="false" title="订单详情"
left-icon-color="#fff" @leftClick="uni.navigateBack()" title-color="#fff"></up-navbar>
<view class="u-flex info u-col-center">
</view>
<up-navbar
bg-color="transparent"
:fixed="false"
:placeholder="false"
title="订单详情"
left-icon-color="#fff"
@leftClick="uni.navigateBack()"
title-color="#fff"
></up-navbar>
<view class="u-flex info u-col-center"></view>
</view>
<view class="bottom bottom1">
<view class="time" v-if="item.status=='待成团'">
<view class="time" v-if="item.status == '待成团'">
<text class="color-666">剩余成团时间：</text>
<view class="u-font-32">
<text class="number">{{returnNum(0)}}</text>
<text class="number">{{ returnNum(0) }}</text>
<text class="gap">：</text>
<text class="number">{{returnNum(1)}}</text>
<text class="number">{{ returnNum(1) }}</text>
<text class="gap">：</text>
<text class="number">{{returnNum(2)}}</text>
<text class="number">{{ returnNum(2) }}</text>
</view>
</view>
<view class="goods u-flex u-col-center" style="border-radius: 16rpx;">
<view class="goods u-flex u-col-center" style="border-radius: 16rpx">
<up-image width="158rpx" height="158rpx" radius="14rpx" :src="item.goodsImg"></up-image>
<view class=" u-flex-1 u-p-l-16">
<view class="u-flex-1 u-p-l-16">
<view class="u-flex u-col-center u-row-between">
<view class="u-flex tuan-members">
<image :src="imgs.pin" class="pin" mode=""></image>
<text class="">{{item.groupPeopleNum}}人团</text>
<text class="">{{ item.groupPeopleNum }}人团</text>
</view>
<statusVue :status="item.status"></statusVue>
</view>
<view class="u-m-t-16 u-flex u-col-center u-row-between">
<view style="max-width: 356rpx;">
<view class="font-bold u-line-1" v-if="item.wareJson">{{item.wareJson
.wareName}}</view>
<view class="u-flex u-m-t-10 u-col-center ">
<view style="max-width: 356rpx">
<view class="font-bold u-line-1" v-if="item.wareJson">{{ item.wareJson.wareName }}</view>
<view class="u-flex u-m-t-10 u-col-center">
<view class="price">
<text class="u-font-30">¥</text>
<text class="u-font-48 font-bold">{{item.wareGroupPrice}} </text>
<text class="u-font-48 font-bold">{{ item.wareGroupPrice }}</text>
</view>
<view class="old-price u-m-l-32">
<text>¥</text>
<text>{{item.wareOriginalPrice}} </text>
<text>{{ item.wareOriginalPrice }}</text>
</view>
</view>
</view>
<view class="u-p-l-16 color-333 no-wrap">
数量：{{item.num}}
</view>
<view class="u-p-l-16 color-333 no-wrap">数量：{{ item.num }}</view>
</view>
</view>
</view>
<view class="shop-box">
<view class="shop ">
<view class="shop">
<view class="u-flex">
<text style="min-width: 180rpx;" class="color-666">可核销门店：</text>
<text>{{item.shopName}}</text>
<text style="min-width: 180rpx" class="color-666">可核销门店：</text>
<text>{{ item.shopName }}</text>
</view>
<view class="u-m-t-32 u-flex">
<text style="min-width: 180rpx;" class="color-666">门店地址：</text>
<text>{{item.shopAddress}}</text>
<text style="min-width: 180rpx" class="color-666">门店地址：</text>
<text>{{ item.shopAddress }}</text>
</view>
</view>
</view>
<view class="order">
<view class="u-flex u-row-between">
<view class="font-bold u-font-32">订单信息</view>
<view class="u-flex color-666" @click="showOrder=!showOrder" style="align-items: baseline;">
<text class="u-m-r-18">{{showOrder?'收起':'展开'}}</text>
<view class="guodu" :class="{rotate:!showOrder}">
<view class="u-flex color-666" @click="showOrder = !showOrder" style="align-items: baseline">
<text class="u-m-r-18">{{ showOrder ? '收起' : '展开' }}</text>
<view class="guodu" :class="{ rotate: !showOrder }">
<up-icon name="arrow-down" bold></up-icon>
</view>
</view>
@@ -352,85 +334,73 @@
<view class="u-m-t-16" v-if="showOrder">
<view class="u-flex u-row-between item">
<view class="color-666">商品总额</view>
<view class="">¥{{item.payAmount}}</view>
<view class="">¥{{ item.payAmount }}</view>
</view>
<view class="u-flex u-row-between item">
<view class="color-666">实付金额</view>
<view class="">¥{{item.payAmount}}</view>
<view class="">¥{{ item.payAmount }}</view>
</view>
<view class="u-flex u-row-between item">
<view class="color-666">订单号</view>
<view class="">{{item.orderNo}}</view>
<view class="">{{ item.orderNo }}</view>
</view>
<view class="u-flex u-row-between item">
<view class="color-666">支付时间</view>
<view class="">{{item.payTime}}</view>
<view class="">{{ item.payTime }}</view>
</view>
</view>
</view>
</view>
</view>
</template>
</view>
</template>
<script setup>
import statusVue from '@/groupBuying/components/status.vue'
import * as Api from '@/common/api/order/gbOrder.js'
import {
wxShare
} from '@/utils/share.js'
import {
computed,
reactive
} from 'vue'
import {
getRemainingHMS
} from '@/utils/countdown.js'
import { shareMixin, handleMixinOnLoad, returnQuery } from '@/utils/share.js';
import statusVue from '@/groupBuying/components/status.vue';
import * as Api from '@/common/api/order/gbOrder.js';
import { wxShare } from '@/utils/share.js';
import { computed, reactive } from 'vue';
import { getRemainingHMS } from '@/utils/countdown.js';
function toPinIndex() {
function toPinIndex() {
uni.redirectTo({
url: '/groupBuying/index/index'
})
}
const imgs = {
});
}
const imgs = {
bg: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/1/d21f2dfd7bec44618f2d5e4b88372b08.png',
pin: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/3947892924dd481782331513aff00eb3.png',
success: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/3/6a75acd0c0db4bfe9937854b2b2df3f0.png'
}
};
const topStyle = {
const topStyle = {
backgroundImage: 'url(' + imgs.bg + ')'
}
const showOrder = ref(true)
};
const showOrder = ref(true);
function copyText(text) {
function copyText(text) {
uni.setClipboardData({
data: text,
success() {}
})
}
const query = reactive({
});
}
const query = reactive({
shopId: '',
detailId: '',
})
detailId: ''
});
function init(opt) {
console.log(opt)
Object.assign(query, opt)
getDetail()
}
const item = reactive({})
function init(opt) {
console.log(opt);
Object.assign(query, opt);
getDetail();
}
const item = reactive({});
function getDetail() {
function getDetail() {
try {
Api.recordDetail(query).then(res => {
Api.recordDetail(query).then((res) => {
if (!res) {
uni.showModal({
title: '提示',
@@ -439,46 +409,44 @@
success(res) {
uni.redirectTo({
url: '/groupBuying/index/index'
})
});
}
})
return
});
return;
}
console.log(res, 'res')
const wareJson = JSON.parse(res.wareJson)
wareJson.wareImgs = wareJson.wareImgs.split(',').filter(v => v)
console.log(res, 'res');
const wareJson = JSON.parse(res.wareJson);
wareJson.wareImgs = wareJson.wareImgs.split(',').filter((v) => v);
res.wareJson = wareJson;
res.goodsImg = wareJson.wareImgs[0];
Object.assign(item, res)
console.log('item', item)
})
Object.assign(item, res);
console.log('item', item);
});
} catch (err) {
console.log('err', err)
console.log('err', err);
}
}
onLoad(async (opt) => {
await handleMixinOnLoad(opt);
init(opt);
});
let timer = null;
let nowTime = ref(Date.now());
timer = setInterval(() => {
nowTime.value = Date.now();
}, 1000);
}
onLoad(init)
const returnTime = computed(() => {
nowTime.value;
return getRemainingHMS(item);
});
let timer = null
let nowTime = ref(Date.now())
timer = setInterval(() => {
nowTime.value = Date.now()
}, 1000)
function returnNum(index) {
return returnTime.value.split(':')[index];
}
const returnTime = computed(() => {
nowTime.value
return getRemainingHMS(item)
})
function returnNum(index) {
return returnTime.value.split(':')[index]
}
function refund(item) {
function refund(item) {
uni.showModal({
title: '提示',
content: '是否申请退款？',
@@ -487,44 +455,53 @@
if (res.confirm) {
Api.applyRefund({
recordId: item.id,
orderNo: item.orderNo,
}).then(res => {
orderNo: item.orderNo
}).then((res) => {
if (res) {
uni.showToast({
title: '申请成功'
})
});
setTimeout(() => {
getDetail()
}, 1000)
getDetail();
}, 1000);
}
})
});
}
}
})
}
});
}
onShareAppMessage(() => {
console.log('onShareAppMessage')
console.log(item)
const query = `groupOrderNo=${item.groupOrderNo}&shopId=${item.shopId}`
return wxShare({
onShareAppMessage(async (res) => {
let query = await returnQuery();
return {
title: item.wareJson.wareName,
imageUrl: item.goodsImg,
path: '/groupBuying/detail/index' + '?' + query,
query,
})
})
query
};
});
// onShareAppMessage(() => {
// console.log('onShareAppMessage');
// console.log(item);
// const query = `groupOrderNo=${item.groupOrderNo}&shopId=${item.shopId}`;
// return wxShare({
// title: item.wareJson.wareName,
// imageUrl: item.goodsImg,
// path: '/groupBuying/detail/index' + '?' + query,
// query
// });
// });
function toOrderDetail(item) {
function toOrderDetail(item) {
uni.navigateTo({
url: '/groupBuying/detail/index?detailId=' + item.id + '&shopId=' + item.shopId
})
}
});
}
</script>
<style lang="scss" scoped>
.top {
.top {
height: 422rpx;
background-size: cover;
@@ -534,17 +511,15 @@
font-size: 32rpx;
font-weight: 700;
}
}
}
.bottom {
.bottom {
background-color: #fff;
padding: 0 28rpx;
.time {
padding: 18rpx 24rpx;
background: #FFF4E2;
background: #fff4e2;
display: flex;
align-items: center;
border-radius: 16rpx 16rpx 0 0;
@@ -552,7 +527,7 @@
.number {
padding: 6rpx;
border-radius: 16rpx;
background: #ED5A2E;
background: #ed5a2e;
color: #fff;
font-size: 32rpx;
margin-left: 18rpx;
@@ -578,7 +553,7 @@
.tuan-members {
padding: 0 16rpx 0 0;
border-radius: 0 6rpx 6rpx 0;
background: #4C2828;
background: #4c2828;
color: #f5d9ad;
font-weight: 700;
}
@@ -611,7 +586,7 @@
.shop {
border-radius: 8rpx;
background: #F8F8F8;
background: #f8f8f8;
padding: 16rpx 34rpx;
}
@@ -637,7 +612,7 @@
.add-box {
width: 140rpx;
height: 140rpx;
border: 2rpx dashed #D9D9D9;
border: 2rpx dashed #d9d9d9;
border-radius: 50%;
overflow: hidden;
position: relative;
@@ -676,17 +651,15 @@
.tuanzhang {
padding: 8rpx 18rpx;
border-radius: 20rpx;
background: #ED5A2E;
background: #ed5a2e;
color: #fff;
bottom: 0;
}
}
}
}
}
.btns {
.btns {
position: fixed;
left: 87rpx;
right: 87rpx;
@@ -704,29 +677,29 @@
line-height: 1;
margin: 0;
justify-content: center;
border: 2rpx solid #E8AD7B;
background: #FFF;
color: #E8AD7B;
border: 2rpx solid #e8ad7b;
background: #fff;
color: #e8ad7b;
&.main {
background-color: #E8AD7B;
background-color: #e8ad7b;
color: #fff;
}
}
}
}
.guodu {
transition: all .3s;
}
.guodu {
transition: all 0.3s;
}
.pin-btn {
.pin-btn {
padding: 14rpx 60rpx;
border-radius: 200rpx;
text-align: center;
font-size: 32rpx;
justify-content: center;
border: 2rpx solid #E8AD7B;
background: #E8AD7B;
border: 2rpx solid #e8ad7b;
background: #e8ad7b;
color: #fff;
position: relative;
@@ -738,13 +711,13 @@
bottom: 0;
opacity: 0;
}
}
}
.rotate {
.rotate {
transform: rotate(-90deg);
}
}
.order {
.order {
padding: 32rpx 28rpx;
border-radius: 16rpx;
margin: 14rpx 30rpx 30rpx 30rpx;
@@ -753,26 +726,26 @@
.item {
padding: 16rpx 0;
}
}
}
.refund {
.refund {
padding: 18rpx 164rpx;
border-radius: 0 0 16rpx 16rpx;
background: #FFF4E2;
background: #fff4e2;
font-weight: 700;
margin-bottom: 32rpx;
}
}
.success-icon {
.success-icon {
width: 102rpx;
height: 102rpx;
}
}
.bg-fff {
.bg-fff {
background-color: #fff;
}
}
.bottom1 {
.bottom1 {
margin: 0 28rpx;
padding: 0;
transform: translateY(-160rpx);
@@ -780,7 +753,7 @@
.time {
padding: 18rpx 24rpx;
background: #FFF4E2;
background: #fff4e2;
display: flex;
align-items: center;
border-radius: 16rpx 16rpx 0 0;
@@ -788,7 +761,7 @@
.number {
padding: 6rpx;
border-radius: 16rpx;
background: #ED5A2E;
background: #ed5a2e;
color: #fff;
font-size: 32rpx;
margin-left: 18rpx;
@@ -814,7 +787,7 @@
.tuan-members {
padding: 0 16rpx 0 0;
border-radius: 0 6rpx 6rpx 0;
background: #4C2828;
background: #4c2828;
color: #f5d9ad;
font-weight: 700;
}
@@ -846,7 +819,7 @@
.shop {
border-radius: 8rpx;
background: #F8F8F8;
background: #f8f8f8;
padding: 16rpx 34rpx;
}
@@ -869,11 +842,10 @@
width: calc(100% / 3);
display: flex;
.add-box {
width: 140rpx;
height: 140rpx;
border: 2rpx dashed #D9D9D9;
border: 2rpx dashed #d9d9d9;
border-radius: 50%;
overflow: hidden;
position: relative;
@@ -912,7 +884,7 @@
.tuanzhang {
padding: 8rpx 18rpx;
border-radius: 20rpx;
background: #ED5A2E;
background: #ed5a2e;
color: #fff;
bottom: 0;
}
@@ -930,5 +902,5 @@
padding: 16rpx 0;
}
}
}
}
</style>

1
pages.json
View File

@@ -2,6 +2,7 @@
"easycom": {
"autoscan": true,
"custom": {
"^my-(.*)": "@/components/ymf-components/ymf-$1.vue",
"^u--(.*)": "@/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"

271
pages/index/index.vue
View File

@@ -5,7 +5,8 @@
<!-- 轮播图 -->
<swipers :carousel="hometoplist.bannerList"></swipers>
<!-- 广告 -->
<advertisement :bannervo="hometoplist.freeBannerList" :itemStyle="advertisementStyle" ref="refbannervo"></advertisement>
<advertisement :bannervo="hometoplist.freeBannerList" :itemStyle="advertisementStyle" ref="refbannervo">
</advertisement>
<!-- 金刚区 -->
<diamond :district="hometoplist.district"></diamond>
<!-- 今日上线 -->
@@ -133,39 +134,67 @@
</template>
<script setup>
import CouponModal from '@/components/coupon-modal.vue';
import { ref, computed, onMounted, reactive, onBeforeUnmount, watch, getCurrentInstance, nextTick } from 'vue';
import { onLoad, onReady, onShow, onReachBottom, onPageScroll } from '@dcloudio/uni-app';
// 获取全局属性
const { proxy } = getCurrentInstance();
import pageLoading from './components/pageLoading.vue';
import swipers from './components/swiper.vue'; //引入轮播
import advertisement from './components/advertisement.vue'; //广告
import diamond from './components/diamond.vue'; //金刚区
import todaylist from './components/todaylist.vue'; //今日上线
import indexs from './indexs.vue';
import AreaSelect from './components/AreaSelect.vue'; //城市联动
import grouping from './components/grouping.vue'; //其他
import Nav from '@/components/indexnav.vue'; //导航栏
import { APIhomehomePageUp, APIhome } from '@/common/api/index/index.js';
import { APIgeocodelocation } from '@/common/api/api.js';
import { useNavbarStore } from '@/stores/navbarStore';
import { productStore } from '@/stores/user.js';
import { getUnReadCountReq } from '../../common/api/account/message';
const store = useNavbarStore();
const storeuser = productStore();
store.updateNavbarConfig({
import CouponModal from '@/components/coupon-modal.vue';
import {
ref,
computed,
onMounted,
reactive,
onBeforeUnmount,
watch,
getCurrentInstance,
nextTick
} from 'vue';
import {
onLoad,
onReady,
onShow,
onReachBottom,
onPageScroll
} from '@dcloudio/uni-app';
// 获取全局属性
const {
proxy
} = getCurrentInstance();
import pageLoading from './components/pageLoading.vue';
import swipers from './components/swiper.vue'; //引入轮播
import advertisement from './components/advertisement.vue'; //广告
import diamond from './components/diamond.vue'; //金刚区
import todaylist from './components/todaylist.vue'; //今日上线
import indexs from './indexs.vue';
import AreaSelect from './components/AreaSelect.vue'; //城市联动
import grouping from './components/grouping.vue'; //其他
import Nav from '@/components/indexnav.vue'; //导航栏
import {
APIhomehomePageUp,
APIhome
} from '@/common/api/index/index.js';
import {
APIgeocodelocation
} from '@/common/api/api.js';
import {
useNavbarStore
} from '@/stores/navbarStore';
import {
productStore
} from '@/stores/user.js';
import {
getUnReadCountReq
} from '../../common/api/account/message';
const store = useNavbarStore();
const storeuser = productStore();
store.updateNavbarConfig({
showBack: true, //左边返回键
rightText: '', //右边文字
showSearch: true, //true是标题其他事文字
title: '我的页面',
isTransparent: false,
hasPlaceholder: false //是否要占位符
});
// 显示
const showindex = ref('index');
//计算广告图片的重合尺寸是位移
const getStyle = (e) => {
});
// 显示
const showindex = ref('index');
//计算广告图片的重合尺寸是位移
const getStyle = (e) => {
if (e > hometoplist.freeBannerList.length / 2) {
var right = hometoplist.freeBannerList.length - e;
return {
@@ -180,13 +209,13 @@ const getStyle = (e) => {
opacity: 1
};
}
};
const advertisementStyle = ref([]);
const refbannervo = ref(null);
//数据
const hometoplist = reactive({});
// 首页上面数据
const hometop = async () => {
};
const advertisementStyle = ref([]);
const refbannervo = ref(null);
//数据
const hometoplist = reactive({});
// 首页上面数据
const hometop = async () => {
try {
let res = await APIhomehomePageUp();
Object.assign(hometoplist, res);
@@ -205,9 +234,9 @@ const hometop = async () => {
.exec();
}, 500);
} catch (e) {}
};
// 下面初始数据
const formhomelist = reactive({
};
// 下面初始数据
const formhomelist = reactive({
//筛选
address: '', //地址
categoryId: '1', //品类
@@ -218,15 +247,15 @@ const formhomelist = reactive({
status: 'loadmore',
name: '1',
list: []
});
// 使用 reactive 创建响应式对象
const timeData = ref({});
});
// 使用 reactive 创建响应式对象
const timeData = ref({});
// 定义 onChange 方法
const onChange = (e) => {
// 定义 onChange 方法
const onChange = (e) => {
timeData.value = e;
};
const onLoadhome = async () => {
};
const onLoadhome = async () => {
try {
let res = await APIhome(formhomelist);
var dates = new Date().getTime();
@@ -270,9 +299,9 @@ const onLoadhome = async () => {
}
}
} catch (e) {}
};
// /筛选数据处理
const init_fn = async () => {
};
// /筛选数据处理
const init_fn = async () => {
formhomelist.list = [];
Object.assign(formhomelist, {
address: uni.cache.get('getLocationstorage').address, //地址
@@ -286,28 +315,28 @@ const init_fn = async () => {
status: 'loadmore'
});
onLoadhome();
};
};
const orderVIP = ref({
const orderVIP = ref({
shopExtendList: ''
});
});
// 弹出层处理
const showproductlist = ref(false);
// 定义方法
const openproductlist = (e) => {
// 弹出层处理
const showproductlist = ref(false);
// 定义方法
const openproductlist = (e) => {
hometoplist.menuList[viewHistoryindex.value].name = e; //下标更改name
showproductlist.value = !showproductlist.value;
};
};
// 存储每个元素距离顶部的距离
const elementTop = ref(0);
// 存储是否吸顶的状态
const isSticky = ref(true);
//下标
const viewHistoryindex = ref(null);
// 点击滑动元素
const viewHistory = async (item, index) => {
// 存储每个元素距离顶部的距离
const elementTop = ref(0);
// 存储是否吸顶的状态
const isSticky = ref(true);
//下标
const viewHistoryindex = ref(null);
// 点击滑动元素
const viewHistory = async (item, index) => {
if (isSticky) {
uni.pageScrollTo({
scrollTop: elementTop.value,
@@ -316,29 +345,47 @@ const viewHistory = async (item, index) => {
}
// 是否有弹出层
if (item.isChild) {
showproductlist.value = showproductlist.value ? (viewHistoryindex.value == index ? false : true) : !showproductlist.value;
showproductlist.value = showproductlist.value ? (viewHistoryindex.value == index ? false : true) : !
showproductlist.value;
}
viewHistoryindex.value = index;
};
// 滑动
onPageScroll((res) => {
};
// 滑动
onPageScroll((res) => {
isSticky.value = res.scrollTop > elementTop.value ? true : false;
uni.$u.debounce((store.scrollTop = res.scrollTop), 500);
});
});
const indexsRef = ref(null);
const indexsRef = ref(null);
const shopId = ref(null)
const shopInfo = ref(null)
onShow(async () => {
if (!storeuser.isHasLogin) {
await handleMixinOnLoad(options)
console.log('shopInfo', uni.cache.get('shopInfo'));
console.log('【页面】开始处理自身业务逻辑');
onShow(async () => {
onPageShow()
} else {
onPageShow()
}
setTimeout(() => {
showPageLoading.value = false;
getUnReadMsgCount();
}, 800);
});
async function onPageShow() {
try {
await storeuser.getLocation();
proxy.$isResolve();
const shopId = uni.cache.get('shopId');
if (shopId) {
shopId.value = uni.cache.get('shopId');
if (shopId.value) {
indexsRef.value.updateData();
}
} catch (error) {}
await proxy.$onLaunched;
if (uni.cache.get('shopId')) {
if (shopId.value) {
showindex.value = 'shopIndex';
await storeuser.actionsproductqueryProduct();
await nextTick();
@@ -349,11 +396,13 @@ onShow(async () => {
init_fn();
// 获取初始定位高度
}
});
const showPageLoading = ref(true);
shopInfo.value = uni.cache.get('shopInfo');
}
const getUnReadMsgCount = async () => {
const showPageLoading = ref(true);
const getUnReadMsgCount = async () => {
let res = await getUnReadCountReq()
let badge = Number(res)
@@ -367,30 +416,64 @@ const getUnReadMsgCount = async () => {
index: 2
})
}
}
}
onMounted(async () => {
setTimeout(() => {
showPageLoading.value = false;
getUnReadMsgCount();
}, 800);
});
onReachBottom(() => {
onReachBottom(() => {
onLoadhome();
});
});
// 页面离开时清除定时器
// onBeforeUnmount(() => {
// if (refbannervo.value) {
// refbannervo.value.clearTimer();
// }
// });
import {
shareMixin,
handleMixinOnLoad
} from '@/utils/share.js'
watch(() => shopId.value, (newval) => {
if (newval) {
uni.showShareMenu({
withShareTicket: true, // 可选：是否返回分享票据
menus: ['shareAppMessage', 'shareTimeline'] // 显示「分享好友」和「分享朋友圈」
});
} else {
uni.hideShareMenu();
}
}, {
immediate: true
})
defineOptions({
mixins: [shareMixin],
});
const options = reactive({})
onLoad(async (opt) => {
Object.assign(options, opt)
// await handleMixinOnLoad(options)
// console.log('shopInfo', uni.cache.get('shopInfo'));
// console.log('【页面】开始处理自身业务逻辑');
// setTimeout(() => {
// showPageLoading.value = false;
// getUnReadMsgCount();
// }, 800);
})
// 页面离开时清除定时器
// onBeforeUnmount(() => {
// if (refbannervo.value) {
// refbannervo.value.clearTimer();
// }
// });
</script>
<style lang="scss" scoped>
.content {
.content {
background: #f9f9f9;
.fourcontent {
@@ -702,5 +785,5 @@ onReachBottom(() => {
}
}
}
}
}
</style>

193
pages/index/indexs.vue
View File

@@ -2,9 +2,11 @@
<view class="content min-page bg-f7">
<view class="contentbox">
<template v-if="shopExtend.length">
<image class="bg" :src="shopExtend[0].value" mode="aspectFill" v-if="!isJsonArrayString(shopExtend[0].value)"></image>
<image class="bg" :src="shopExtend[0].value" mode="aspectFill"
v-if="!isJsonArrayString(shopExtend[0].value)"></image>
<swiper class="swiper" autoplay circular v-else>
<swiper-item class="swiper-item" v-for="(item, index) in JSON.parse(shopExtend[0].value)" :key="index">
<swiper-item class="swiper-item" v-for="(item, index) in JSON.parse(shopExtend[0].value)"
:key="index">
<image class="swiper-bg" :src="item"></image>
</swiper-item>
</swiper>
@@ -118,15 +120,28 @@
</template>
<script setup>
import attractPopup from '@/components/attract-popup.vue';
import { homeData } from '@/common/api/market/index.js';
import { getMemberConfig, getRechargeConfig } from '@/common/api/index/index.js';
import { ref, reactive, defineProps, defineEmits, onMounted } from 'vue';
import { isJsonArrayString } from '@/utils/util.js';
import attractPopup from '@/components/attract-popup.vue';
import {
homeData
} from '@/common/api/market/index.js';
import {
getMemberConfig,
getRechargeConfig
} from '@/common/api/index/index.js';
import {
ref,
reactive,
defineProps,
defineEmits,
onMounted
} from 'vue';
import {
isJsonArrayString
} from '@/utils/util.js';
const attractPopupRef = ref(null);
const attractPopupRef = ref(null);
const imgs = {
const imgs = {
recharge: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/2f22c0ced494497e8d6f981832b191c9.png',
share: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/bcb8d461e96d445ba40256079da775b3.png',
vip: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/cfc3bf5ba12747c6ada4d5a388aceca3.png',
@@ -138,75 +153,79 @@ const imgs = {
code: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/044dcaf913054f03a9db7983f048b1e6.png',
defaultAvatar: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/b98d2c7110e847f996e8d7ba4342f0a5.png',
taocan: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/1eb9aa9b865b47b39ab9d7ac404601a9.png'
};
// 定义接收的属性
const props = defineProps({
};
// 定义接收的属性
const props = defineProps({
shopExtend: {
type: Array,
default: []
}
});
});
function toGroupBuying() {
function toGroupBuying() {
uni.navigateTo({
url: '/groupBuying/index/index'
});
}
}
function toFenxiao() {
function toFenxiao() {
uni.navigateTo({
url: '/distribution/shop-detail/index?shopId=' + uni.cache.get('shopId')
});
}
}
function toIntegralMall() {
function toIntegralMall() {
uni.navigateTo({
url: '/scoreShop/index/index?shopId=' + uni.cache.get('shopId')
});
}
}
import { productStore } from '@/stores/user.js';
import { onShow } from '@dcloudio/uni-app';
import {
productStore
} from '@/stores/user.js';
import {
onShow
} from '@dcloudio/uni-app';
// 显示弹窗
const popupShow = ref(false);
const scanCodehandle = (i) => {
// 显示弹窗
const popupShow = ref(false);
const scanCodehandle = (i) => {
popupShow.value = true;
};
};
// 预点单
function beforehandOrderHandle() {
// 预点单
function beforehandOrderHandle() {
popupShow.value = false;
uni.cache.set('dinersNum', 1);
uni.cache.set('tableCode', shopUserInfo.id);
uni.navigateTo({
url: '/pages/product/index?type=beforehand'
});
}
}
// 扫码点餐
async function scanOrderHandle() {
// 扫码点餐
async function scanOrderHandle() {
popupShow.value = false;
const store = productStore();
await store.scanCodeactions();
}
}
function toTaocan() {
function toTaocan() {
uni.navigateTo({
url: '/userPackage/index/index'
});
}
}
const memberindex = (url) => {
const memberindex = (url) => {
uni.pro.navigateTo(url, {
shopId: uni.cache.get('shopId'),
type: 'index'
});
};
const shopUserInfo = reactive({});
Object.assign(shopUserInfo, uni.cache.get('shopUserInfo') || {});
};
const shopUserInfo = reactive({});
Object.assign(shopUserInfo, uni.cache.get('shopUserInfo') || {});
function tomember() {
function tomember() {
if (isMember.value) {
const shopId = uni.cache.get('shopId');
if (!shopUserInfo.isVip) {
@@ -224,9 +243,9 @@ function tomember() {
icon: 'none'
});
}
}
}
function toCharge() {
function toCharge() {
if (isCharge.value) {
const shopId = uni.cache.get('shopId');
uni.navigateTo({
@@ -238,8 +257,8 @@ function toCharge() {
icon: 'none'
});
}
}
const getQueryString = (url, name) => {
}
const getQueryString = (url, name) => {
//解码
var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i');
var r = url.substr(1).match(reg);
@@ -247,12 +266,12 @@ const getQueryString = (url, name) => {
return r[2];
}
return null;
};
};
// 获取会员配置
const isMember = ref(0);
const isCharge = ref(0);
async function getVipConfig() {
// 获取会员配置
const isMember = ref(0);
const isCharge = ref(0);
async function getVipConfig() {
try {
const res1 = await getMemberConfig({
shopId: uni.cache.get('shopId')
@@ -266,43 +285,46 @@ async function getVipConfig() {
} catch (error) {
console.log(error);
}
}
}
const allConfig = reactive({
const allConfig = reactive({
takeout: 0,
group: 0,
pointsMall: 0,
distribution: 0,
couponNum: 0,
pointNum: 0
});
});
function getHomeData() {
function getHomeData() {
homeData().then((res) => {
Object.assign(allConfig, res);
imgs.defaultAvatar = res.userAvatar ? res.userAvatar : imgs.defaultAvatar;
});
}
onMounted(() => {
}
onMounted(() => {
updateData();
});
});
function updateData() {
function updateData() {
Object.assign(shopUserInfo, uni.cache.get('shopUserInfo') || {});
getVipConfig();
getHomeData();
}
defineExpose({
}
defineExpose({
updateData
});
});
</script>
<style scoped lang="scss">
page {
page {
background: #f6f8fa;
}
}
.swiper {
.swiper {
width: 100%;
height: 100%;
@@ -315,9 +337,9 @@ page {
height: 100%;
}
}
}
}
.content {
.content {
.contentbox {
position: relative;
width: 100%;
@@ -405,9 +427,9 @@ page {
}
}
}
}
}
.popup-content {
.popup-content {
width: 90vw;
background-color: #fff;
border-radius: 8px;
@@ -446,9 +468,9 @@ page {
width: 248upx;
}
}
}
}
.menus {
.menus {
display: flex;
padding: 32rpx 40rpx;
margin-top: 150rpx;
@@ -462,9 +484,9 @@ page {
box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
flex: 1;
}
}
}
.userInfo {
.userInfo {
display: flex;
padding: 22rpx 24rpx;
margin: 0 4rpx;
@@ -489,9 +511,9 @@ page {
width: 33px;
height: 33px;
}
}
}
.new-menus-box {
.new-menus-box {
margin: 0 16rpx 0 16rpx;
.new-menus {
@@ -523,8 +545,7 @@ page {
background: #ededed;
}
.takeout {
}
.takeout {}
}
&.layout1 {
@@ -549,9 +570,9 @@ page {
}
}
}
}
}
.groupBuying {
.groupBuying {
padding: 16rpx 38rpx;
border-top: 2rpx solid #ededed;
background-color: #fff;
@@ -563,21 +584,21 @@ page {
width: 40px;
height: 40px;
}
}
}
.title {
.title {
color: #333333;
font-size: 36rpx;
font-weight: 700;
}
}
.desc {
.desc {
margin-top: 16rpx;
font-size: 28rpx;
color: #999;
}
}
.points {
.points {
margin-top: 10px;
background-color: #fff;
padding: 16rpx 68rpx;
@@ -590,16 +611,16 @@ page {
width: 98px;
height: 98px;
}
}
}
.taocan {
.taocan {
.img {
width: 117px;
height: 117px;
}
}
}
.bottom_menus {
.bottom_menus {
display: flex;
gap: 14rpx;
margin-top: 10px;
@@ -629,5 +650,5 @@ page {
white-space: nowrap;
}
}
}
}
</style>

4
pages/order/index.vue
View File

@@ -70,7 +70,7 @@
v-else-if="item1.isTemporary &&item1.productName=='签子'"
src="https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/5/b97054debd83486ab7ad8e20ca6a360a.png"
></u-image>
<u-image width="112" height="112" radius="20"
<u-image width="56" height="56" radius="10"
:src="'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/confirmOrder/table.png'"
mode="heightFix" v-else></u-image>
<text class="productName"> {{ item1.productName }} </text>
@@ -151,7 +151,7 @@
uni.cache.set("shopId", item.shopId);
uni.navigateTo({
url: "/pages/product/index?type=beforehand&order_id=" + item.id +
'&one_more_order=1',
'&one_more_order=1&shopId='+item.shopId,
});
}
})

25
pages/product/components/goods-modal.vue
View File

@@ -13,8 +13,10 @@
<up-swiper :list="goods.images" @change="swiperChange" :current="swiperCurrent" radius="6px"
height="250" @click="prveImgs(goods.images, goods.images[swiperCurrent])">
</up-swiper>
<view class="shop_sku_name">{{ goods.name }}</view>
<view class="shop_sku_name u-flex u-row-between">
<view class="u-line-1" style="max-width: 600rpx;">{{ goods.name }}</view>
<ymfShare @shareClick="shareClick" />
</view>
<view class="shop_sku_description" v-if="isSkuGoods">
{{ goods.shortTitle ? goods.shortTitle : '' }}
</view>
@@ -190,7 +192,7 @@
<view class="shop_bottom" style="position: absolute;bottom: 0;">
<view class="shop_bottom" style="position: absolute;bottom: 0;z-index:100;">
<view class="flex-between">
<view class="price price-sku" v-if="goods.type != 'package' && goods.result">
<text class="i">￥</text>
@@ -308,6 +310,7 @@
import {
useNavbarStore
} from '@/stores/navbarStore';
import ymfShare from '@/components/ymf-components/ymf-share.vue'
const store = useNavbarStore();
const {
showBack,
@@ -479,11 +482,11 @@
const swiperCurrent = ref(0);
function returnFirstSku(product) {
console.log('returnFirstSku', product.skuList[0]);
console.log('returnFirstSku', product);
return {
...product.skuList[0],
sku_id: product.skuList[0].id,
id: product.id,
...product.skuList[0]||'',
sku_id: product.skuList[0].id||'',
id: product.id||'',
}
}
//返回是否是多规格商品
@@ -503,8 +506,10 @@
swiperCurrent.value = e.current;
}
const emits = defineEmits(['prveImgs', 'websocketsendMessage', 'close', 'modalAdd'])
const emits = defineEmits(['prveImgs', 'websocketsendMessage', 'close', 'modalAdd','shareClick'])
function shareClick(){
emits('shareClick',props.goods)
}
function prveImgs(images, currentUrl) {
emits('prveImgs', images, currentUrl)
}
@@ -831,7 +836,7 @@
padding: 0 28rpx;
margin-top: 20rpx;
font-weight: bold;
font-size: 32upx;
font-size: 32rpx;
margin-bottom: 16rpx;
}

165
pages/product/index.vue
View File

@@ -574,14 +574,10 @@
<ModalList></ModalList>
<recommendGoodsModal v-if="isDataLoaded" @onBuyClick="onBuyClick"></recommendGoodsModal>
<view
v-for="(item,index) in goodsModalList" :key="index"
>
<goodsModal :key="index" v-model="item.show" :goods="item.goods" @prveImgs="prveImgs" @close="goodsModalClose(index)"
@websocketsendMessage="websocketsendMessage"
@modalAdd="modalAdd"
:GoodsIDInCartNumMap="GoodsIDInCartNumMap"
></goodsModal>
<view v-for="(item,index) in goodsModalList" :key="index">
<goodsModal :key="index" v-model="item.show" :goods="item.goods" @prveImgs="prveImgs"
@shareClick="shareClick" @close="goodsModalClose(index)" @websocketsendMessage="websocketsendMessage"
@modalAdd="modalAdd" :GoodsIDInCartNumMap="GoodsIDInCartNumMap"></goodsModal>
</view>
<xbSwiperPreview :visable="showPrveImg" :imgs="prveImgsList" @update:visable="updateShowPrveImg">
@@ -749,7 +745,9 @@
useCartStore
} from '@/stores/order.js';
import {
computed, provide
computed,
provide,
reactive
} from 'vue';
const cartStore = useCartStore();
/**
@@ -819,11 +817,7 @@
// 分步取值 + 每层兜底，避免某一环不存在导致 undefined
const shopExtendShopTable = uni.cache.get('shopTable') || {}; // 兜底空对象
const shopExtendMap = shopExtendShopTable.shopExtendMap || {}; // 兜底空对象
// 最终声明：即使 shopinfo_bg 不存在，也兜底为空字符串/默认值
const shopExtend = ref(shopExtendMap.shopinfo_bg || '');
const shopExtend = ref('');
/**
* 通用数据合集 end
@@ -874,7 +868,7 @@
* 返回购物车对应的商品数量
*/
function returnGoodsImCartNum(goods) {
if(!goods){
if (!goods) {
return 0
}
if (GoodsIDInCartNumMap.value.hasOwnProperty(goods.id)) {
@@ -1370,12 +1364,13 @@
prveImgs(res.images);
}
const goodsModalList=ref([])
const goodsModalList = ref([])
function goodsModalClose(index){
goodsModalList.value.splice(index,1)
function goodsModalClose(index) {
goodsModalList.value.splice(index, 1)
}
function modalAdd(item){
function modalAdd(item) {
clickspecifications(item)
}
@@ -1395,8 +1390,8 @@
if (item.isSoldStock == 1 || (item.isSaleTime == 0 && !item.isSaleTimeshow)) {
return uni.showToast({
title:'商品已下架或不在可售时间内',
icon:'none'
title: '商品已下架或不在可售时间内',
icon: 'none'
});
}
@@ -1444,8 +1439,13 @@
specifications.item.amountcartNumber = 0;
// showShopsku.value = true;
goodsModalList.value.push({
show:true,
goods:specifications.item
show: true,
goods: {
...specifications.item,
/*过滤掉只有一个规格且下架的商品或者skuList为空的商品*/
relatedRecommendJson: (specifications.item.relatedRecommendJson || []).filter(v => v
.skuList && v.skuList.length)
}
})
};
// 判断商品是否在可售时间内
@@ -1688,13 +1688,13 @@
const goodsSkuList = goods ? goods.skuList : []
const findSku = goodsSkuList.find(sku => sku.id == v.sku_id)
const memberPrice = findSku ? findSku.memberPrice : 0
const is_temporary=v.is_temporary||v.isTemporary
const is_temporary = v.is_temporary || v.isTemporary
const is_time_discount = limitUtils.canUseLimitTimeDiscount({
...v,
memberPrice
}, cartStore.limitTimeDiscount, shopInfo,
shopUserInfo.value, 'product_id');
if (!goods&&!is_temporary) {
if (!goods && !is_temporary) {
console.log('删除未匹配到的商品', {
id: v.id,
operate_type: "del",
@@ -1761,8 +1761,11 @@
if (Message.operate_type == 'init') {
// cartStore.limitTimeDiscount = Message.time_dis_info;
cartInit(Message.data)
try {
uni.hideLoading();
} catch (error) {
//TODO handle the exception
}
isLoading.value = false;
if (!socketInitFinished) {
@@ -2191,7 +2194,7 @@
// 列表请求
const productqueryProduct = async () => {
cartStore.goodsIsloading = false;
allGoodsArr.value=[]
allGoodsArr.value = []
try {
shopProductList.hots = await productminiApphotsquery();
shopProductList.productInfo = await APIgroupquery();
@@ -2234,7 +2237,7 @@
// console.log('allGoodsArr', allGoodsArr);
// console.log('shopProductList', shopProductList);
console.log('cartStore.carts', cartStore.carts)
cartStore.allGoodsArr=allGoodsArr.value
cartStore.allGoodsArr = allGoodsArr.value
if (cartStore.carts.length > 0) {
cartInit(cartStore.carts);
}
@@ -2256,6 +2259,16 @@
}, 1000);
return false;
}
if (pageOptions.showGoodsId) {
const item = allGoodsArr.value.find(v => v.id == pageOptions.showGoodsId)
if (item) {
clickspecifications(item)
}
pageOptions.showGoodsId = null
}
};
provide('cartStore', cartStore);
@@ -2437,28 +2450,90 @@
});
}
import {
shareMixin,
handleMixinOnLoad,
returnQuery,
jsonToUrl,
wxShare,
returnCommonQuery
} from '@/utils/share.js'
// defineOptions({
// mixins: [shareMixin],
// });
let isGoodsShare = ref(false)
function shareClick() {
isGoodsShare.value = true
}
async function onShare() {
const queryJson = await returnCommonQuery()
let query = jsonToUrl(queryJson)
query += '&type=beforehand'
let json = {}
const shopName = uni.cache.get('shopInfo').shopName || ''
if (goodsModalList.value.length && isGoodsShare.value) {
const goods = goodsModalList.value[goodsModalList.value.length - 1].goods
query += '&showGoodsId=' + goods.id
json.title = goods.name + (shopName ? `-${shopName}` : '')
json.imageUrl = goods.coverImg
json.showGoodsId = goods.id
} else {
json.title = shopName
json.imageUrl = uni.cache.get('shopInfo').logo || ''
}
console.log('onShareAppMessage', {
query,
...json,
path: '/pages/product/index' + '?' + query
});
return wxShare({
query,
...json,
path: '/pages/product/index' + '?' + query
})
}
onShareAppMessage(onShare)
onShareTimeline(onShare)
const pageOptions = reactive({})
onLoad(async (e) => {
Object.assign(pageOptions, e)
if (e.type) {
orderType.value = e.type;
}
//获取用户信息
const userInfo = await APIshopUserInfo({
shopId: uni.cache.get('shopId')
await handleMixinOnLoad({
...e,
shopId: e.shopId || uni.cache.get('shopId')
})
//获取店铺信息
const shopInfoRes = await APIusershopInfodetail({
shopId: uni.cache.get('shopId')
});
if (shopInfoRes && shopInfoRes.shopInfo) {
Object.assign(shopInfo, shopInfoRes.shopInfo);
uni.cache.set('shopInfo', shopInfoRes.shopInfo)
if(userStore.shopUserInfo.shopExtendList){
shopExtend.value=userStore.shopUserInfo.shopExtendList.find(v=>v.autoKey=='shopinfo_bg')||''
}
if (userInfo && typeof userInfo === 'object') {
shopUserInfo.value = userInfo
uni.cache.set('shopUserInfo', userInfo)
// //获取用户信息
// const userInfo = await APIshopUserInfo({
// shopId: uni.cache.get('shopId')
// })
// //获取店铺信息
// const shopInfoRes = await APIusershopInfodetail({
// shopId: uni.cache.get('shopId')
// });
Object.assign(shopInfo, userStore.shopInfo);
if (e.type == 'beforehand') {
uni.cache.set("tableCode", userStore.shopUserInfo.id);
options.initMessage.table_code = userStore.shopUserInfo.id
}
options.initMessage.shop_id = userStore.shopInfo.id
shopUserInfo.value = userStore.shopUserInfo
await productqueryProduct();
const extraInitPar = {}
@@ -2470,6 +2545,11 @@
const time_dis_info = await getLimitDiscount()
options.initMessage.time_dis_info = time_dis_info
console.log('options.initMessage', {
...options.initMessage,
...extraInitPar,
})
useSocket.connect({
...options.initMessage,
...extraInitPar,
@@ -2590,6 +2670,7 @@
useSocket.setOnMessage(() => {});
}
onHide(() => {
isGoodsShare.value = false
closeSocket();
});
onUnload(() => {

231
pages/user/member/czzx.vue
View File

@@ -1,23 +1,16 @@
<!-- 充值中心 -->
<template>
<view class="container">
<up-navbar
bgColor="transparent"
title="充值中心"
@leftClick="back"
></up-navbar>
<up-navbar bgColor="transparent" title="充值中心" @leftClick="back"></up-navbar>
<view class="header-wrap">
<image
class="bg"
src="/static/czzx_header_bg.png"
mode="aspectFill"
></image>
<image class="bg" src="/static/czzx_header_bg.png" mode="aspectFill"></image>
<view class="select-shop">
<view class="select-btn">
<up-icon name="map" color="#333"></up-icon>
<text class="t">{{ shopInfo.shopName }}</text>
<up-icon name="arrow-right" color="#333"></up-icon>
</view>
<ymf-share></ymf-share>
</view>
<view class="balance-wrap">
<view class="left">
@@ -31,17 +24,13 @@
</view>
</view>
<view class="btm-wrap">
<view class=""> </view>
<view class=""></view>
</view>
</view>
<view class="bottom">
<view class="u-flex u-flex-between">
<view class="u-flex">
<image
src="/static/vip/money.png"
style="width: 44rpx; height: 44rpx"
mode=""
></image>
<image src="/static/vip/money.png" style="width: 44rpx; height: 44rpx" mode=""></image>
<text class="u-m-l-24 color-333 font-16 font-700">立即充值</text>
</view>
<view class="font-12 color-999">
@@ -50,27 +39,12 @@
</view>
</view>
<view class="list u-m-t-40">
<view
class="item color1"
@click="sel = index"
v-for="(item, index) in list"
:key="index"
:class="{ active: sel == index }"
>
<view class="item color1" @click="sel = index" v-for="(item, index) in list" :key="index" :class="{ active: sel == index }">
<view class="">
<text>￥</text>
<text
class="font-700"
style="font-size: 48 u-flex-1rpx"
:class="{ color2: sel == index }"
>{{ item.amount }}</text
>
<text class="font-700" style="font-size: 48 u-flex-1rpx" :class="{ color2: sel == index }">{{ item.amount }}</text>
</view>
<view
class="font-12"
v-if="item.rewardAmount"
:class="{ color2: sel == index }"
>
<view class="font-12" v-if="item.rewardAmount" :class="{ color2: sel == index }">
<text>赠</text>
<text>￥</text>
<text class="font-14">{{ item.rewardAmount }}</text>
@@ -84,12 +58,7 @@
<text>送</text>
<text>{{ couponNum(item.couponInfoList) }}</text>
<text>张券</text>
<text
class="color2 u-m-l-8"
v-if="sel == index"
@click="lookCoupon(item)"
>查看</text
>
<text class="color2 u-m-l-8" v-if="sel == index" @click="lookCoupon(item)">查看</text>
</view>
<view class="sel u-flex" v-if="sel == index">
@@ -100,24 +69,12 @@
<template v-if="state.isCustom">
<view class="u-flex other flex-center">
<text class="font-14 color-333 font-700 u-m-r-28">其他金额</text>
<up-input
v-model="money"
type="number"
placeholder="请输入充值金额"
border="none"
placeholder-style="font-size:14px;"
></up-input>
<up-input v-model="money" type="number" placeholder="请输入充值金额" border="none" placeholder-style="font-size:14px;"></up-input>
</view>
<view class="color-999 font-12 u-m-t-4"
>自定义金额充值时，不享受任何优惠赠送</view
>
<view class="color-999 font-12 u-m-t-4">自定义金额充值时，不享受任何优惠赠送</view>
</template>
<button
class="buy-btn"
@click="buy"
:class="{ disabled: !state.isEnable }"
>
<button class="buy-btn" @click="buy" :class="{ disabled: !state.isEnable }">
<text class="font-16">￥{{ charge_money }}</text>
<text class="font-14 u-m-l-24">立即充值</text>
</button>
@@ -125,55 +82,52 @@
<view>充值说明</view>
<view class="u-m-t-16">
<text>适用门店</text>
<text class="color2 u-m-l-28" @click="toShopList"
>全国门店通用 {{ ">" }}
</text>
<text class="color2 u-m-l-28" @click="toShopList">全国门店通用 {{ '>' }}</text>
</view>
<view class="u-m-t-16">
<text>有效期限</text>
<text class="u-m-l-28">永久有效 </text>
<text class="u-m-l-28">永久有效</text>
</view>
<view class="u-m-t-16 u-flex u-flex-y-center">
<text class="no-wrap">注意事项</text>
<view class="u-m-l-28">
<view>1.储值完成后不支持自助退款，可联系商家处理</view>
<view> 2.余额不支持转赠，不可提现，长期有效</view>
<view>2.余额不支持转赠，不可提现，长期有效</view>
</view>
</view>
<view class="u-m-t-16 u-flex u-flex-y-center">
<text class="no-wrap">充值说明</text>
<text class="u-m-l-28" style="word-break: break-all">
{{ state.remark || "" }}
{{ state.remark || '' }}
</text>
</view>
</view>
</view>
<CouponList
v-model="couponModel.show"
:list="couponModel.couponInfoList"
></CouponList>
<CouponList v-model="couponModel.show" :list="couponModel.couponInfoList"></CouponList>
</view>
</template>
<script setup>
import { APIusershopInfodetail, APIshopUserInfo } from "@/common/api/member.js";
import CouponList from "@/components/coupon/list.vue";
import * as rechargeApi from "@/common/api/market/recharge.js";
import { recharge } from "@/common/api/order/index.js";
import { joinMember } from "@/common/api/order/index.js";
import { ref, onMounted, computed, reactive, watch } from "vue";
import { onLoad, onShow } from "@dcloudio/uni-app";
import { pay } from "@/utils/pay.js";
import ymfShare from '@/components/ymf-components/ymf-share.vue';
import { shareMixin, handleMixinOnLoad, returnQuery } from '@/utils/share.js';
import { APIusershopInfodetail, APIshopUserInfo } from '@/common/api/member.js';
import CouponList from '@/components/coupon/list.vue';
import * as rechargeApi from '@/common/api/market/recharge.js';
import { recharge } from '@/common/api/order/index.js';
import { joinMember } from '@/common/api/order/index.js';
import { ref, onMounted, computed, reactive, watch } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
import { pay } from '@/utils/pay.js';
function toShopList() {
uni.navigateTo({
url: "/pages/user/member/czzx-shop-list?shopId=" + option.shopId,
url: '/pages/user/member/czzx-shop-list?shopId=' + option.shopId
});
}
function toduihuan() {
uni.navigateTo({
url: "/user/exchange/index",
url: '/user/exchange/index'
});
}
@@ -184,7 +138,7 @@ function couponNum(list) {
}
const couponModel = reactive({
show: false,
couponInfoList: [],
couponInfoList: []
});
function lookCoupon(item) {
@@ -194,19 +148,19 @@ function lookCoupon(item) {
async function buy() {
if (!state.isEnable) {
return uni.showToast({
title: "充值未开启，暂不能充值",
icon: "none",
title: '充值未开启，暂不能充值',
icon: 'none'
});
}
if (!charge_money.value) {
return uni.showToast({
title: "请选择或者输入充值金额",
icon: "none",
title: '请选择或者输入充值金额',
icon: 'none'
});
}
const json = {
shopId: option.shopId,
shopUserId: shopUserInfo.id,
shopUserId: shopUserInfo.id
};
if (sel.value < 0) {
json.amount = `${money.value}`.trim() * 1;
@@ -217,16 +171,16 @@ async function buy() {
const res = await recharge(json);
if (!res) {
return uni.showToast({
title: "充值失败",
icon: "error",
title: '充值失败',
icon: 'error'
});
}
const payRes = await pay(res);
console.log(payRes);
if (payRes) {
uni.showToast({
title: "充值成功",
icon: "none",
title: '充值成功',
icon: 'none'
});
init();
}
@@ -234,43 +188,114 @@ async function buy() {
function toDetail() {
uni.navigateTo({
url: "/pages/user/member/billDetails?type=1&shopId=" + option.shopId,
url: '/pages/user/member/billDetails?type=1&shopId=' + option.shopId
});
}
function toPwd() {
uni.navigateTo({
url: "/pages/user/member/setPassword?type=1&shopId=" + option.shopId,
url: '/pages/user/member/setPassword?type=1&shopId=' + option.shopId
});
}
function back() {
uni.navigateBack();
safeNavigateBack();
}
/**
* 修复版：安全的页面返回方法
* 彻底避免 "cannot navigate back at first page" 报错
* @param {Number} delta 返回的页面数，默认1
* @param {Function} fallback 失败时的降级处理函数
*/
function safeNavigateBack(delta = 1, fallback) {
// 1. 立即获取页面栈，确保拿到最新状态（关键修复点）
const pages = getCurrentPages();
// 2. 严谨判断：页面栈长度必须大于 delta 才能返回
const canNavigateBack = pages.length > delta;
console.log('页面栈信息:', {
pagesLength: pages.length,
delta: delta,
canNavigateBack: canNavigateBack
});
// 3. 如果不能返回，直接执行降级逻辑
if (!canNavigateBack) {
console.warn('当前是首页/页面栈不足，无法返回');
handleFallback(fallback);
return; // 终止后续执行，彻底避免调用 navigateBack
}
// 4. 能返回时才执行 navigateBack
try {
uni.navigateBack({
delta: delta,
success: () => {
console.log('页面返回成功');
},
fail: (err) => {
console.error('navigateBack 执行失败:', err);
handleFallback(fallback);
}
});
} catch (error) {
console.error('页面返回异常:', error);
handleFallback(fallback);
}
}
/**
* 统一处理降级逻辑
* @param {Function} fallback 自定义降级函数
*/
function handleFallback(fallback) {
if (typeof fallback === 'function') {
fallback(); // 执行自定义降级
} else {
// 默认降级：返回首页（请替换为你的首页路径）
uni.showToast({
title: '已到首页，无法返回',
icon: 'none',
duration: 1500
});
// 如果需要强制跳首页，解开下面注释（根据你的业务选择）
uni.switchTab({
url: '/pages/index/index',
fail: () => {
uni.redirectTo({
url: '/pages/index/index'
});
}
});
}
}
const list = ref([]);
const sel = ref(0);
const money = ref(null);
const option = reactive({
shopId: "",
shopId: ''
});
const shopInfo = reactive({});
const shopUserInfo = reactive({});
const state = reactive({});
async function init() {
const shopInfoRes = await APIusershopInfodetail({
shopId: option.shopId,
shopId: option.shopId
});
if (shopInfoRes) {
Object.assign(shopInfo, shopInfoRes.shopInfo);
}
const shopUserInfoRes = await APIshopUserInfo({
shopId: option.shopId,
shopId: option.shopId
});
if (shopUserInfoRes) {
Object.assign(shopUserInfo, shopUserInfoRes);
}
const res = await rechargeApi.config({
shopId: option.shopId,
shopId: option.shopId
});
if (res) {
Object.assign(state, res);
@@ -282,16 +307,28 @@ const charge_money = computed(() => {
if (money.value > 0) {
return money.value;
}
return "";
return '';
}
const item = list.value[sel.value];
if (item) {
return item.amount;
}
return "";
return '';
});
onLoad((opt) => {
onShareAppMessage(async (res) => {
let query = await returnQuery();
return {
title: `充值-${shopInfo.shopName}`,
path: `/pages/user/member/czzx?${query}`,
imageUrl: shopInfo.logo,
query
};
});
onLoad(async (opt) => {
Object.assign(option, opt);
await handleMixinOnLoad(opt);
// init();
});
@@ -325,8 +362,7 @@ onShow(() => {
font-weight: 700;
border-radius: 80rpx;
line-height: 1;
background: linear-gradient(98deg, #fe6d1100 40.64%, #ffd1b4 105.2%),
linear-gradient(259deg, #fe6d11 50.14%, #ffd1b4 114.93%);
background: linear-gradient(98deg, #fe6d1100 40.64%, #ffd1b4 105.2%), linear-gradient(259deg, #fe6d11 50.14%, #ffd1b4 114.93%);
box-shadow: 0 14rpx 30.4rpx 0 #fe8b435e;
&.disabled {
background: #eee;
@@ -359,6 +395,7 @@ onShow(() => {
.select-shop {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;

91
scoreShop/detail/index.vue
View File

@@ -8,7 +8,7 @@
</template>
<template v-else>
<view @click="prveImg(item.goodsImageUrl)">
<image class="top-img" :src="item.goodsImageUrl" mode="aspectFill" ></image>
<image class="top-img" :src="item.goodsImageUrl" mode="aspectFill"></image>
</view>
</template>
<view class="sku">
@@ -27,7 +27,10 @@
</view>
<text class="text">剩余：{{item.quantity}}</text>
</view>
<view class="goods-name">{{item.goodsName}}</view>
<view class="goods-name u-flex u-row-between">
<text class="u-m-r-30" style="word-break: break-all;">{{item.goodsName}}</text>
<ymfShare color="#333" />
</view>
<view class="bg-f7" style="height: 24rpx"></view>
<view class="desc">
<view class="u-flex">
@@ -55,10 +58,10 @@
<view style="height: 140px"></view>
<view class="fixed-bottom u-flex u-row-center">
<view v-if="isCanExchange" class="btn" @click="exchangeClick" >
<view v-if="isCanExchange" class="btn" @click="exchangeClick">
{{returnBtmText}}
</view>
<view class="btn gray" v-else >
<view class="btn gray" v-else>
{{returnBtmText}}
</view>
</view>
@@ -116,6 +119,7 @@
</view>
</template>
<script setup>
import ymfShare from '@/components/ymf-components/ymf-share.vue'
import {
computed,
reactive
@@ -125,6 +129,11 @@
} from '@/utils/uniapp.js'
import modal from "@/scoreShop/components/modal.vue";
import * as pointGoodsApi from "@/common/api/order/pointGoods.js";
import {
userPoints
} from "@/common/api/market/points.js";
import couponIcon from "@/components/coupon-icon/index";
import {
pay
@@ -136,9 +145,9 @@
show: false,
});
function prveImg(url){
function prveImg(url) {
uni.previewImage({
urls:[url]
urls: [url]
})
}
@@ -304,16 +313,64 @@
return `单人兑换已达上限`
}
})
onLoad((opt) => {
const exchange_goods = uni.getStorageSync('exchange_goods')
if (exchange_goods.goodsDescription) {
exchange_goods.goodsDescription = JSON.parse(exchange_goods.goodsDescription)
async function getGoods() {
const res = await pointGoodsApi.pointsGoods({
id: options.id
})
if (res.goodsDescription) {
res.goodsDescription = JSON.parse(res.goodsDescription)
} else {
exchange_goods.goodsDescription = []
res.goodsDescription = []
}
const pointsUserData = uni.getStorageSync('pointsUser')
Object.assign(item, exchange_goods)
Object.assign(pointsUser, pointsUserData)
res.couponInfo=res.couponInfo||{}
Object.assign(item, res)
}
async function getPointUser() {
const res = await userPoints({
shopUserId: uni.cache.get('shopUserInfo').id || ''
})
Object.assign(pointsUser, res.pointsUser)
}
async function init() {
await getGoods()
await getPointUser()
}
import {
shareMixin,
handleMixinOnLoad,wxShare,returnQuery ,returnIndexBg,
} from '@/utils/share.js'
// defineOptions({
// mixins: [shareMixin],
// });
onShareAppMessage(async(res)=>{
const query=await returnQuery()
const shopInfo=uni.cache.get('shopInfo')
return wxShare({
...res,
title:item.goodsName +'-'+shopInfo.shopName,
path:'/scoreShop/detail/index'+'?'+query,
query,
imageUrl:item.goodsImageUrl||returnIndexBg()||''
})
})
const options = reactive({})
onLoad(async (opt) => {
Object.assign(options, opt)
await handleMixinOnLoad(opt)
await init()
// const exchange_goods = uni.getStorageSync('exchange_goods')
// if (exchange_goods.goodsDescription) {
// exchange_goods.goodsDescription = JSON.parse(exchange_goods.goodsDescription)
// } else {
// exchange_goods.goodsDescription = []
// }
// const pointsUserData = uni.getStorageSync('pointsUser')
// Object.assign(item, exchange_goods)
// Object.assign(pointsUser, pointsUserData)
})
</script>
@@ -463,7 +520,8 @@
height: 184rpx;
border-radius: 16rpx;
background: #d9d9d9;
&.bg-fff{
&.bg-fff {
background-color: #fff;
}
}
@@ -487,7 +545,8 @@
font-size: 700;
}
}
.w-full{
.w-full {
width: 100%;
}
</style>

2
scoreShop/index/components/goods-list.vue
View File

@@ -74,7 +74,7 @@
function toDetail(item) {
uni.setStorageSync('exchange_goods', item)
uni.navigateTo({
url: '/scoreShop/detail/index?id=' + item.id,
url: '/scoreShop/detail/index?id=' + item.id+'&shopId='+item.shopId,
})
}

78
scoreShop/index/index.vue
View File

@@ -31,9 +31,13 @@
<view class="tab-item" :class="tabActive === 0 ? 'active' : ''" @click="tabActive = 0">优惠券</view>
<view class="tab-item" :class="tabActive === 1 ? 'active' : ''" @click="tabActive = 1">其它商品</view>
</view>
<view class="u-flex" @click="toggleLayout">
<view class="u-flex gap-20">
<view @click="toggleLayout">
<image :src="layout === 'block' ? imgs.layout_block : imgs.layout" class="layout" />
</view>
<ymfShare size="40rpx" color="#9C571F"></ymfShare>
</view>
</view>
<goodsList :pointsUser="pointsUser" :layout="layout" :list="list" @exchange="exchange"></goodsList>
@@ -44,6 +48,7 @@
</view>
</template>
<script setup>
import ymfShare from '@/components/ymf-components/ymf-share.vue'
import * as pointGoodsApi from "@/common/api/order/pointGoods.js";
import goodsList from "./components/goods-list.vue";
import {
@@ -70,11 +75,20 @@
}
function back() {
const pages = getCurrentPages();
if (pages.length < 2) {
uni.switchTab({
url: '/pages/index/index'
})
} else {
uni.navigateBack({
delta: 1,
});
}
}
// function exchange(item) {
// pointGoodsApi.exchange({
// pointsGoodsId: item.id,
@@ -87,12 +101,13 @@
// }
function toDetail() {
if(!pointsUser.value||!pointsUser.value.id){
if (!pointsUser.value || !pointsUser.value.id) {
return
}
uni.navigateTo({
url: '/pages/user/member/billDetails?type=2&shopId=' + query.shopId + '&id=' + (pointsUser.value?pointsUser.value.id :
url: '/pages/user/member/billDetails?type=2&shopId=' + query.shopId + '&id=' + (pointsUser.value ?
pointsUser.value.id :
'')
})
}
@@ -132,7 +147,41 @@
}
})
}
onLoad((opt) => {
import {
shareMixin,
handleMixinOnLoad,
returnQuery,
jsonToUrl,
wxShare,returnIndexBg ,
returnCommonQuery
} from '@/utils/share.js'
// defineOptions({
// mixins: [shareMixin],
// });
async function onShare() {
const queryJson = await returnCommonQuery()
let query = jsonToUrl(queryJson)
let json = {}
json.title = '积分乐园，好物兑换'
json.imageUrl = returnIndexBg()||uni.cache.get('shopInfo').logo || ''
return wxShare({
query,
...json,
path: '/scoreShop/index/index' + '?' + query
})
}
onShareAppMessage(onShare)
onShareTimeline(onShare)
const options = reactive({
})
onLoad(async (opt) => {
Object.assign(options, opt)
query.shopId = opt.shopId || ''
})
watch(() => tabActive.value, (newval, oldval) => {
@@ -151,8 +200,23 @@
query.page++
getList();
})
onShow(() => {
import {
productStore
} from '@/stores/user.js';
import {
onShareAppMessage
} from '@dcloudio/uni-app';
import { onShareTimeline } from '@dcloudio/uni-app';
const storeuser = productStore();
onShow(async () => {
if (!storeuser.isHasLogin) {
await handleMixinOnLoad(options)
refresh()
} else {
refresh()
}
});
</script>
<style scoped lang="scss">
@@ -164,6 +228,10 @@
justify-content: flex-end;
}
.gap-20 {
gap: 20rpx;
}
.top {
padding: 138rpx 26rpx 48rpx 42rpx;
display: flex;

64
scoreShop/success/index.vue
View File

@@ -1,12 +1,7 @@
<template>
<view class="min-page bg-f7 u-font-28 color-333">
<up-navbar
title="兑换成功"
bgColor="transparent"
leftIconColor="#333"
@leftClick="back()"
titleStyle="color:#333"
></up-navbar>
<up-navbar title="兑换成功" bgColor="transparent" leftIconColor="#333" @leftClick="back()"
titleStyle="color:#333"></up-navbar>
<view class="content">
<view class="bg" :style="{ backgroundImage: `url(${imgs.bg})` }">
<image :src="imgs.success" class="success"></image>
@@ -50,36 +45,43 @@
</template>
<script setup>
const imgs = {
const imgs = {
bg: "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/b625560a5b75418c9e643841f8674a0c.png",
success:
"https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/c2f0865efb444de58ff0d8bb3a51d300.png",
};
function back() {
uni.navigateBack();
}
function lookOrder() {
success: "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/c2f0865efb444de58ff0d8bb3a51d300.png",
};
function back() {
const pages = getCurrentPages();
if(pages.length<2){
uni.redirectTo({
url:'/scoreShop/order/index?shopId='+item.shopId
url: '/scoreShop/index/index?shopId=' + item.shopId
})
}
const item=reactive({
}else{
uni.navigateBack();
}
}
})
onLoad(opt=>{
const exchange_goods_success_data=uni.getStorageSync('exchange_goods_success')
Object.assign(item,exchange_goods_success_data)
function lookOrder() {
uni.redirectTo({
url: '/scoreShop/order/index?shopId=' + item.shopId
})
}
const item = reactive({
})
})
onLoad(opt => {
const exchange_goods_success_data = uni.getStorageSync('exchange_goods_success')
Object.assign(item, exchange_goods_success_data)
})
</script>
<style lang="scss" scoped>
.content {
.content {
background: linear-gradient(180deg, #f5cd82 0%, rgba(247, 219, 165, 0) 100%);
height: 670rpx;
$color: #9c571f;
.bg {
width: 100%;
height: 586rpx;
@@ -96,12 +98,14 @@ onLoad(opt=>{
height: 206rpx;
}
}
.info {
padding-left: 174rpx;
padding-right: 32rpx;
}
}
.bottom {
}
.bottom {
gap: 48rpx;
margin-top: 44rpx;
@@ -110,15 +114,17 @@ onLoad(opt=>{
border-radius: 100rpx;
font-size: 32rpx;
border: 1px solid transparent;
&.back {
border-color: $my-main-color;
color: $my-main-color;
}
&.look {
background-color: $my-main-color;
border-color: $my-main-color;
color: #fff;
}
}
}
}
</style>

1
src/auto-imports.d.ts vendored
View File

@@ -39,6 +39,7 @@ declare global {
const onScopeDispose: typeof import('vue')['onScopeDispose']
const onServerPrefetch: typeof import('vue')['onServerPrefetch']
const onShareAppMessage: typeof import('@dcloudio/uni-app')['onShareAppMessage']
const onShareTimeline: typeof import('@dcloudio/uni-app')['onShareTimeline']
const onShow: typeof import('@dcloudio/uni-app')['onShow']
const onUnload: typeof import('@dcloudio/uni-app')['onUnload']
const onUnmounted: typeof import('vue')['onUnmounted']

18
stores/carts-websocket.js
View File

@@ -90,11 +90,13 @@ export const useWebSocket = defineStore('socketTask', () => {
let onMessage = () => {
}
function setOnMessage(onMessageBallBack){
onMessage=onMessageBallBack
function setOnMessage(onMessageBallBack) {
onMessage = onMessageBallBack
}
function chnageInitMessage(data){
initMessage=data
function chnageInitMessage(data) {
initMessage = data
}
// 连接 WebSocket
const connect = async (connectMsg, onMessageBallBack) => {
@@ -127,6 +129,8 @@ export const useWebSocket = defineStore('socketTask', () => {
url: uni.conf.baseUrlwws + '?' + Date.now(),
success: (res) => {
console.log('连接成功');
console.log('connectMsg', connectMsg);
console.log('initMessage', initMessage);
isConnected.value = true;
// 监听初始化成功在开启心跳
startHeartbeat();
@@ -233,7 +237,7 @@ export const useWebSocket = defineStore('socketTask', () => {
// 发送消息
const sendMessage = (data) => {
if(!data){
if (!data) {
return
}
if (isConnected.value && data) {
@@ -369,6 +373,8 @@ export const useWebSocket = defineStore('socketTask', () => {
initNetworkListener,
connect,
allowReconnect,
socketTask,setOnMessage,chnageInitMessage
socketTask,
setOnMessage,
chnageInitMessage
};
})

106
stores/user.js
View File

@@ -49,7 +49,7 @@ export const Storelogin = defineStore("login", {
rawData: infoRes.rawData,
source: "wechat",
});
console.log('APIuserlogin',res);
console.log('APIuserlogin', res);
if (res) {
this.token = res.token;
this.miniAppOpenId = res.userInfo
@@ -110,12 +110,90 @@ export const productStore = defineStore("product", {
latitude: "",
longitude: "",
},
token: "",
miniAppOpenId: "",
userInfo: "",
shopId: uni.cache.get('shopId') || '',
shopInfo: {
shopId: "",
isOrderFence: 0,
id: '',
},
shopUserInfo:{
},
isHasLogin:false
}),
actions: {
actionslogin() {
return new Promise(async (resolve, reject) => {
// #ifdef MP-WEIXIN
uni.login({
provider: "weixin",
success: (data) => {
// 微信小程序环境
uni.getUserInfo({
provider: "weixin",
success: async (infoRes) => {
let res = await APIuserlogin({
code: data.code, //临时登录凭证
rawData: infoRes.rawData,
source: "wechat",
});
console.log('APIuserlogin', res);
if (res) {
this.token = res.token;
this.isHasLogin=true
this.miniAppOpenId = res.userInfo
.miniAppOpenId;
this.userInfo = res.userInfo;
uni.cache.set("token", res.token);
uni.cache.set("userInfo", res.userInfo);
uni.cache.set("followIndex", res
.followIndex || "");
}
resolve(true);
},
fail: (err) => {
reject(false);
},
});
},
});
// #endif
// #ifdef MP-ALIPAY
my.getAuthCode({
scopes: "auth_base",
success: async (data) => {
// 支付宝小程序环境
// my.getAuthUserInfo({
// success: async (infoRes) => {
let res = await APIuserlogin({
code: data.authCode, //临时登录凭证
// rawData: JSON.stringify(infoRes),
source: "alipay",
});
if (res) {
this.isHasLogin=true
this.token = res.token;
this.miniAppOpenId = res.userInfo.miniAppOpenId;
this.userInfo = res.userInfo;
uni.cache.set("token", res.token);
uni.cache.set("openId", res.userInfo.alipayOpenId);
uni.cache.set("userInfo", res.userInfo);
resolve(true);
}
},
fail: () => {
reject(false);
},
});
// #endif
// #ifdef H5
resolve(true)
// #endif
});
},
getLocation() {
return new Promise((resolve, reject) => {
console.log("获取经纬度");
@@ -185,7 +263,7 @@ export const productStore = defineStore("product", {
console.log("扫码内容", q);
// #ifdef H5
uni.navigateTo({
url:'/pages/product/index'
url: '/pages/product/index'
})
return
// #endif
@@ -448,19 +526,43 @@ export const productStore = defineStore("product", {
// 通过shopId 获取店铺会员信息
actionsproductqueryProduct() {
console.log('actionsproductqueryProduct:token',uni.cache.get('token'));
return new Promise(async (resolve, reject) => {
try {
let res = await APIshopUserInfo();
if(res&& typeof res === 'object'){
this.shopUserInfo=res;
uni.cache.set("shopUserInfo", res);
uni.cache.set("orderVIP", res);
uni.cache.set("ordershopUserInfo", res.shopInfo);
resolve(res);
}else{
reject(false);
}
} catch (e) {
reject(false);
}
});
},
async pageOnload() {
console.log('开始加载必须数据')
//登录
await this.actionslogin()
//获取会员信息
await this.actionsproductqueryProduct()
//获取店铺信息
await this.getShopInfo()
console.log('必须数据加载完毕')
},
async getShopInfo(shopId) {
const shopRes = await APIusershopInfodetail({
shopId: this.shopId || shopId,
});
this.shopInfo = shopRes.shopInfo;
uni.cache.set("shopInfo", shopRes.shopInfo);
},
// 用户信息获取
actionsAPIuser() {
return new Promise(async (resolve, reject) => {

587
userPackage/goodsDetail/goodsDetail.vue
View File

@@ -10,30 +10,30 @@
<view class="sku">
<view class="u-flex u-col-center">
<text class="price">¥{{item.price}}</text>
<text class="old-price">¥{{item.originPrice}}</text>
<text class="price">¥{{ item.price }}</text>
<text class="old-price">¥{{ item.originPrice }}</text>
</view>
<view>
<view class="u-m-t-16 text" v-if="item.limitBuyNum"> 限购{{item.limitBuyNum}}份 </view>
<view class="text u-m-t-10">已售：{{item.saleNum||0}}</view>
<view class="u-m-t-16 text" v-if="item.limitBuyNum">限购{{ item.limitBuyNum }}份</view>
<view class="text u-m-t-10">已售：{{ item.saleNum || 0 }}</view>
</view>
</view>
<view class="goods">
<view class="goods-name">{{item.packageName}}</view>
<view class="goods-name">{{ item.packageName }}</view>
<view class="u-m-t-20 color-666">
{{item.description}}
{{ item.description }}
</view>
</view>
<view class="bg-f7" style="height: 32rpx"></view>
<view class="desc">
<view class="u-flex">
<view class="color-666 no-wrap" style="min-width: 180rpx;">可核销门店：</view>
<view class="">{{item.shopName}}</view>
<view class="color-666 no-wrap" style="min-width: 180rpx">可核销门店：</view>
<view class="">{{ item.shopName }}</view>
</view>
<view class="u-flex u-m-t-16 u-col-baseline">
<view class="color-666 no-wrap" style="min-width: 180rpx;">门店地址：</view>
<view class="">{{item.shopAddress}}</view>
<view class="color-666 no-wrap" style="min-width: 180rpx">门店地址：</view>
<view class="">{{ item.shopAddress }}</view>
</view>
</view>
@@ -41,76 +41,63 @@
<view class="bg-f7" style="height: 32rpx"></view>
<view class="groups">
<view class="color-000 u-m-b-28 u-font-32 font-700">立即拼团</view>
<view class="item u-flex" v-for="(item,index) in item.gbOrderList" :key="index">
<view class="item u-flex" v-for="(item, index) in item.gbOrderList" :key="index">
<up-avatar size="76rpx" :src="item.avatar"></up-avatar>
<view class="u-flex u-flex-1 u-p-l-22 u-col-center u-row-between">
<view>
<view class="color-000 u-line-1" style="max-width: 180rpx;">{{item.nickName}}</view>
<view class="main-color u-m-t-2">差{{returnNeedPerpole(item)}}人拼成</view>
<view class="color-000 u-line-1" style="max-width: 180rpx">{{ item.nickName }}</view>
<view class="main-color u-m-t-2">差{{ returnNeedPerpole(item) }}人拼成</view>
</view>
<view class="u-m-t-22">
<text class="color-666">剩余：</text>
<text class="main-color">{{getRemainingHMS(item)}}</text>
<text class="main-color">{{ getRemainingHMS(item) }}</text>
</view>
<view class="btn" @click="fastBuy(item)">快速拼成</view>
</view>
</view>
</view>
</template>
<view class="bg-f7" style="height: 24rpx"></view>
<view class="goods-group">
<view class="u-flex u-row-between">
<view class="name">套餐商品</view>
<view class="u-flex color-666" @click="showGroup=!showGroup" style="align-items: baseline;">
<text class="u-m-r-18">{{showGroup?'收起':'展开'}}</text>
<view class="guodu" :class="{rotate:!showGroup}">
<view class="u-flex color-666" @click="showGroup = !showGroup" style="align-items: baseline">
<text class="u-m-r-18">{{ showGroup ? '收起' : '展开' }}</text>
<view class="guodu" :class="{ rotate: !showGroup }">
<up-icon name="arrow-down" bold></up-icon>
</view>
</view>
</view>
<view class="" v-if="showGroup">
<view class="u-m-t-48" v-for="(item,index) in item.packageContent" :key="index">
<view class="u-m-t-48" v-for="(item, index) in item.packageContent" :key="index">
<view class="font-bold">
<text class="">{{item.name}}</text>
<text class="u-m-l-30">{{item.packageProducts.length}}选{{item.num}}</text>
<text class="">{{ item.name }}</text>
<text class="u-m-l-30">{{ item.packageProducts.length }}选{{ item.num }}</text>
</view>
<view class="">
<view class="u-flex u-m-t-24 u-row-between" v-for="(goods,goodsIndex) in item.packageProducts"
:key="goodsIndex">
<text>{{goods.name}}</text>
<view class="u-flex u-m-t-24 u-row-between" v-for="(goods, goodsIndex) in item.packageProducts" :key="goodsIndex">
<text>{{ goods.name }}</text>
<view class="u-flex text-right">
<text class="color-666 u-m-r-42">x{{goods.num}}</text>
<view style="min-width: 110rpx;">¥{{goods.price}}</view>
<text class="color-666 u-m-r-42">x{{ goods.num }}</text>
<view style="min-width: 110rpx">¥{{ goods.price }}</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="desc" v-if="item.tieredDiscount&&item.tieredDiscount.length>0">
<view class="desc" v-if="item.tieredDiscount && item.tieredDiscount.length > 0">
<view class="u-flex u-row-between">
<view class="name">分享说明</view>
<view class="u-flex color-666" @click="showDesc=!showDesc" style="align-items: baseline;">
<text class="u-m-r-18">{{showDesc?'收起':'展开'}}</text>
<view class="guodu" :class="{rotate:!showDesc}">
<view class="u-flex color-666" @click="showDesc = !showDesc" style="align-items: baseline">
<text class="u-m-r-18">{{ showDesc ? '收起' : '展开' }}</text>
<view class="guodu" :class="{ rotate: !showDesc }">
<up-icon name="arrow-down" bold></up-icon>
</view>
</view>
</view>
<template v-if="showDesc">
<view class="u-m-t-26 text-center table">
@@ -118,90 +105,58 @@
<view class="u-flex-1 u-p-t-32 u-p-b-32">分享人数</view>
<view class="u-flex-1 u-p-t-32 u-p-b-32">购买价格（元）</view>
</view>
<view class="u-flex row" v-for="(step,index) in item.tieredDiscount" :key="index">
<view class="u-flex-1 u-p-t-32 u-p-b-32">{{step.peopleNum}}</view>
<view class="u-flex-1 u-p-t-32 u-p-b-32">¥{{step.price}}</view>
<view class="u-flex row" v-for="(step, index) in item.tieredDiscount" :key="index">
<view class="u-flex-1 u-p-t-32 u-p-b-32">{{ step.peopleNum }}</view>
<view class="u-flex-1 u-p-t-32 u-p-b-32">¥{{ step.price }}</view>
</view>
</view>
<view class="u-m-t-26" >
<view>
分享期限（小时）：{{item.expireHours}}
</view>
<view class="u-m-t-10">
规定期限内的助力才会被计入
</view>
<view class="u-m-t-40">
如何才是分享成功？被分享人只需要点击《助力》，提示助力成功后即可
</view>
<view class="u-m-t-26">
<view>分享期限（小时）：{{ item.expireHours }}</view>
<view class="u-m-t-10">规定期限内的助力才会被计入</view>
<view class="u-m-t-40">如何才是分享成功？被分享人只需要点击《助力》，提示助力成功后即可</view>
</view>
</template>
</view>
<view class="desc">
<view class="u-flex u-row-between">
<view class="name">使用说明</view>
<view class="u-flex color-666" @click="useDescShow=!useDescShow" style="align-items: baseline;">
<text class="u-m-r-18">{{useDescShow?'收起':'展开'}}</text>
<view class="guodu" :class="{rotate:!useDescShow}">
<view class="u-flex color-666" @click="useDescShow = !useDescShow" style="align-items: baseline">
<text class="u-m-r-18">{{ useDescShow ? '收起' : '展开' }}</text>
<view class="guodu" :class="{ rotate: !useDescShow }">
<up-icon name="arrow-down" bold></up-icon>
</view>
</view>
</view>
<template v-if="useDescShow">
<view class="u-m-t-16 color-666">
<view>
1、可用时间段：{{canuseTime}}
<view>1、可用时间段：{{ canuseTime }}</view>
<view v-if="item.otherDesc">2、其他使用说明：{{ item.otherDesc }}</view>
</view>
<view v-if="item.otherDesc">
2、其他使用说明：{{item.otherDesc}}
</view>
</view>
</template>
</view>
<view class="goods-detail" v-if="item.goodsCategory!='优惠券'">
<view class="goods-detail" v-if="item.goodsCategory != '优惠券'">
<view class="u-flex u-row-center">
<view class="title">商品详情</view>
</view>
<view class="u-m-t-32">
<image class="w-full" v-for="(item,index) in item.detailImages" :key="index" mode="widthFix" :src="item">
</image>
<image class="w-full" v-for="(item, index) in item.detailImages" :key="index" mode="widthFix" :src="item"></image>
</view>
</view>
<view style="height: 140px"></view>
<view class="fixed-bottom ">
<view class="fixed-bottom">
<!-- <view v-if="isCanExchange" class="btn" @click="exchangeClick">
{{returnBtmText}}
</view> -->
<view v-if="isCanExchange" class="btn" @click="payExchange">
{{returnBtmText}}
{{ returnBtmText }}
</view>
<view class="btn gray u-m-t-32" @click="createOrder" v-if="item.tieredDiscount&&item.tieredDiscount.length>0">
发起助力
<view class="btn gray u-m-t-32" @click="createOrder" v-if="item.tieredDiscount && item.tieredDiscount.length > 0">发起助力</view>
</view>
</view>
<!-- 需要支付的弹窗 -->
<up-popup :show="popupData.show" mode="bottom" closeOnClickOverlay @close="popupData.show = false">
<view class="popup-content">
@@ -213,31 +168,29 @@
<image class="cover" :src="coverImgs[0]"></image>
<view class="u-flex u-flex-1 u-row-between u-p-l-16 u-col-center">
<view>
<view class="u-font-32 font-bold">{{item.packageName}}</view>
<view class="u-font-32 font-bold">{{ item.packageName }}</view>
<view class="u-m-t-12 color-666 u-line-2">{{item.otherDesc}}</view>
<view class="u-m-t-12 color-666 u-line-2">{{ item.otherDesc }}</view>
</view>
<view>
<view class="price">¥{{item.price}}</view>
<view class="old-price">¥{{item.originPrice}}</view>
<view class="limitBuyNum" v-if="item.limitBuyNum"> 限购{{item.limitBuyNum}} </view>
<view class="price">¥{{ item.price }}</view>
<view class="old-price">¥{{ item.originPrice }}</view>
<view class="limitBuyNum" v-if="item.limitBuyNum">限购{{ item.limitBuyNum }}</view>
</view>
</view>
</view>
</view>
<view class="bottom u-flex u-row-between u-col-center">
<view class="u-flex u-col-baseline">
<text class="color-666">合计：</text>
<text class=" price">{{totalPrice}}</text>
<text class="price">{{ totalPrice }}</text>
</view>
<view class="u-flex">
<up-icon name="minus-circle" size="20" color="#666" @click="changeNumber('-')"></up-icon>
<text class="u-m-l-20 u-m-r-20">{{number}}</text>
<text class="u-m-l-20 u-m-r-20">{{ number }}</text>
<up-icon name="plus-circle-fill" size="20" color="#ED5A2E" @click="changeNumber('+')"></up-icon>
</view>
</view>
<view class="u-m-t-42 u-flex u-row-center">
@@ -249,150 +202,135 @@
</view>
</template>
<script setup>
import {
Storelogin
} from '@/stores/user.js';
const storelogin = Storelogin();
import {
computed,
reactive,
watch
} from "vue";
import dayjs from "dayjs";
import {
wxShare
} from '@/utils/share.js'
import {
getOpenId
} from '@/utils/uniapp.js'
import modal from "@/groupBuying/components/modal.vue";
import * as Api from '@/common/api/market/package.js'
import {
pay
} from '@/utils/pay.js'
const imgs = {
bg: "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/9fd6a3ad2b384f6cb4e88ed6b77bd334.png",
};
const number = ref(1)
import { shareMixin, handleMixinOnLoad, returnQuery } from '@/utils/share.js';
import { Storelogin } from '@/stores/user.js';
const storelogin = Storelogin();
import { computed, reactive, watch } from 'vue';
import dayjs from 'dayjs';
import { wxShare } from '@/utils/share.js';
import { getOpenId } from '@/utils/uniapp.js';
import modal from '@/groupBuying/components/modal.vue';
import * as Api from '@/common/api/market/package.js';
import { pay } from '@/utils/pay.js';
const imgs = {
bg: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/9fd6a3ad2b384f6cb4e88ed6b77bd334.png'
};
const number = ref(1);
const showGroup = ref(true)
const showDesc = ref(true)
const useDescShow=ref(true)
const showGroup = ref(true);
const showDesc = ref(true);
const useDescShow = ref(true);
import {
BigNumber
} from "bignumber.js";
const totalPrice = computed(() => {
import { BigNumber } from 'bignumber.js';
const totalPrice = computed(() => {
if (!item.price) {
return 0;
}
return BigNumber(number.value).times(item.price).toNumber()
})
return BigNumber(number.value).times(item.price).toNumber();
});
function changeNumber(step) {
function changeNumber(step) {
if (step === '-') {
if (number.value == 1) {
return
return;
}
number.value--
return
number.value--;
return;
}
if (step === '+') {
if (item.limitBuyNum == -10086) {
number.value++
return
number.value++;
return;
}
if (number.value >= item.limitBuyNum) {
return uni.showToast({
title: '最多可购买' + item.limitBuyNum + '份',
icon: 'none'
})
}
number.value++
return
}
}
const modalData = reactive({
show: false,
});
}
number.value++;
return;
}
}
const modalData = reactive({
show: false
});
function prveImg(index) {
function prveImg(index) {
uni.previewImage({
urls: coverImgs.value,
current: index
})
}
});
}
const popupData = reactive({
const popupData = reactive({
show: false,
item: null
});
});
function exchangeClick() {
popupData.show = true
function exchangeClick() {
popupData.show = true;
}
}
function fastBuy(item) {
function fastBuy(item) {
popupData.item = item;
popupData.show = true
}
watch(() => popupData.show, (newval) => {
popupData.show = true;
}
watch(
() => popupData.show,
(newval) => {
if (!newval) {
popupData.item = null
popupData.item = null;
}
})
}
);
function dingyue() {
function dingyue() {
return new Promise((revlove, reject) => {
uni.requestSubscribeMessage({
tmplIds: ['JGPAGmqcPEgWB6mvAl0SC5cMqr5H5Qjcim8JCpHAZd0',
'F4OyUhe_ZQ9BR731jlkaN2QXAUaA3HBZuUeVPfraSz0'
],
tmplIds: ['JGPAGmqcPEgWB6mvAl0SC5cMqr5H5Qjcim8JCpHAZd0', 'F4OyUhe_ZQ9BR731jlkaN2QXAUaA3HBZuUeVPfraSz0'],
success(res) {},
complete() {
revlove()
revlove();
}
})
})
});
});
}
}
async function createOrder(){
async function createOrder() {
Api.createOrder({
packageId:item.id,
shopId: item.shopId,
}).then(res=>{
if(res){
packageId: item.id,
shopId: item.shopId
}).then((res) => {
if (res) {
uni.redirectTo({
url:'/userPackage/order/detail?orderId='+res
})
}else{
url: '/userPackage/order/detail?orderId=' + res
});
} else {
uni.showToast({
title:'发起助力失败',
icon:'none'
})
}
})
title: '发起助力失败',
icon: 'none'
});
}
});
}
async function payExchange() {
async function payExchange() {
uni.setStorageSync('group_buying_order', {
...item,
number: number.value,
})
number: number.value
});
uni.navigateTo({
url: '/userPackage/confirm-order/confirm-order'
})
return
});
return;
await dingyue();
uni.showLoading({
title: '支付中……'
})
const openId = await getOpenId()
uni.hideLoading()
});
const openId = await getOpenId();
uni.hideLoading();
if (openId) {
Api.exchange({
paramId: item.id,
@@ -400,116 +338,108 @@
number: number.value,
groupOrderNo: popupData.item ? popupData.item.groupOrderNo : '',
openId
}).then(orderRes => {
}).then((orderRes) => {
popupData.show = false;
pay(orderRes.payInfo).then(res => {
console.log(res)
pay(orderRes.payInfo).then((res) => {
console.log(res);
if (res) {
uni.redirectTo({
url: '/groupBuying/success/index?detailId=' + orderRes.record
.id
})
url: '/groupBuying/success/index?detailId=' + orderRes.record.id
});
} else {
uni.showToast({
title: '开团失败',
icon: 'none'
})
});
}
})
})
});
});
} else {
uni.showToast({
title: '鉴权失败，兑换失败',
icon: 'none'
})
}
});
}
}
const item = reactive({
const item = reactive({
goodsDescription: []
})
const isCanExchange = computed(() => {
});
const isCanExchange = computed(() => {
if (item.quantity <= 0) {
return false
return false;
}
if (item.limitQuota && item.boughtCount >= item.limitQuota) {
return false
return false;
}
return true
})
return true;
});
const returnBtmText = computed(() => {
const returnBtmText = computed(() => {
if (isCanExchange.value) {
return '立即购买'
return '立即购买';
}
if (pointsUser.pointBalance < item.requiredPoints) {
const num = item.requiredPoints - pointsUser.pointBalance
return `积分不足，还差${num}积分`
const num = item.requiredPoints - pointsUser.pointBalance;
return `积分不足，还差${num}积分`;
}
if (item.quantity <= 0) {
return `库存不足`
return `库存不足`;
}
if (item.limitQuota && item.boughtCount >= item.limitQuota) {
return `单人兑换已达上限`
return `单人兑换已达上限`;
}
})
});
const query = reactive({
const query = reactive({
shopId: '',
id: '',
})
id: ''
});
const coverImgs = ref([]);
const coverImgs = ref([])
async function init(opt) {
async function init(opt) {
// 获取小程序进入场景和参数
const launchOptions = uni.getLaunchOptionsSync();
console.log(launchOptions);
// 获取链接上的参数
const launchOptionsQuery = launchOptions.query;
console.log('launchOptionsQuery', launchOptionsQuery);
Object.assign(query, launchOptionsQuery)
console.log(opt)
Object.assign(query, opt)
console.log(query)
await storelogin.actionslogin()
getDetail()
}
Object.assign(query, launchOptionsQuery);
console.log(opt);
Object.assign(query, opt);
console.log(query);
await storelogin.actionslogin();
getDetail();
}
function getDetail() {
Api.getPackageDetail(query).then(res => {
Object.assign(item, res)
console.log(item)
coverImgs.value = res.images
uni.cache.set('shopId', item.shopId)
})
}
function getDetail() {
Api.getPackageDetail(query).then((res) => {
Object.assign(item, res);
console.log(item);
coverImgs.value = res.images;
uni.cache.set('shopId', item.shopId);
});
}
/**
/**
* 计算剩余时间差（毫秒）
* @param {Object} item - 包含groupEndTime的订单/拼团对象
* @returns {number} 剩余时间（毫秒）
*/
function returnRemainingTime(item) {
function returnRemainingTime(item) {
if (!item?.groupEndTime) return 0; // 容错：无结束时间则返回0
return dayjs(item.groupEndTime).valueOf() - dayjs().valueOf();
}
}
/**
/**
* 将毫秒差格式化为 HH:MM:SS（最多72小时）
* @param {number} ms - 时间差（毫秒）
* @returns {string} 格式化后的时分秒（如 09:09:09、72:00:00、00:00:00）
*/
function formatTimeToHMS(ms) {
function formatTimeToHMS(ms) {
// 边界1：已过期/无剩余时间 → 显示00:00:00
if (ms <= 0) return '00:00:00';
@@ -529,56 +459,60 @@
// 补零（确保两位数，如 9 → 09）
const pad = (num) => String(num).padStart(2, '0');
return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
}
}
let timer = null;
let nowTime = ref(Date.now());
timer = setInterval(() => {
nowTime.value = Date.now();
}, 1000);
let timer = null
let nowTime = ref(Date.now())
timer = setInterval(() => {
nowTime.value = Date.now()
}, 1000)
// 组合使用：获取格式化后的剩余时间
function getRemainingHMS(item) {
nowTime.value
// 组合使用：获取格式化后的剩余时间
function getRemainingHMS(item) {
nowTime.value;
const ms = returnRemainingTime(item);
return formatTimeToHMS(ms);
}
}
function returnNeedPerpole(data) {
return data.groupPeopleNum - data.currentPeopleNum;
}
function returnNeedPerpole(data) {
return data.groupPeopleNum - data.currentPeopleNum
}
onLoad(async (opt) => {
await handleMixinOnLoad(opt);
init(opt);
});
// #ifdef MP-WEIXIN
uni.showShareMenu();
// #endif
onLoad(init)
// #ifdef MP-WEIXIN
uni.showShareMenu()
// #endif
onShareAppMessage(() => {
const query = `id=${item.id}&shopId=${item.shopId}`
return wxShare({
title: item.wareName,
onShareAppMessage(async () => {
let query = await returnQuery();
const options = {
title: item.packageName,
imageUrl: coverImgs.value[0],
path: '/userPackage/goodsDetail/goodsDetail' + '?' + query,
query,
})
})
query
};
console.log('onShareAppMessage===', options);
return options;
});
const canuseTime=computed(()=>{
return item.useWeeks.join('、')+' '+item.useTimes
})
const canuseTime = computed(() => {
return item.useWeeks.join('、') + ' ' + item.useTimes;
});
</script>
<style lang="scss" scoped>
$topHeight: 350rpx;
$topHeight: 350rpx;
.top-img {
.top-img {
width: 750rpx;
height: $topHeight;
}
}
.top {
.top {
margin: 14rpx 18rpx;
background-size: cover;
height: $topHeight;
@@ -598,9 +532,9 @@
font-weight: 700;
margin-top: 62rpx;
}
}
}
.sku {
.sku {
display: flex;
justify-content: space-between;
padding: 20rpx 36rpx;
@@ -615,8 +549,8 @@
.old-price {
margin-left: 16rpx;
color: #E7E7E7;
opacity: .85;
color: #e7e7e7;
opacity: 0.85;
font-weight: 700;
text-decoration: line-through;
}
@@ -625,9 +559,9 @@
color: #fff;
font-size: 28rpx;
}
}
}
.goods {
.goods {
padding: 20rpx 28rpx;
background: #fff;
@@ -636,16 +570,14 @@
font-weight: 700;
color: #333;
}
}
}
.desc {
.desc {
padding: 32rpx 28rpx;
background-color: #fff;
}
}
.goods-detail {
.goods-detail {
padding: 32rpx;
.title {
@@ -653,7 +585,7 @@
padding: 0 22rpx;
&::before {
content: "";
content: '';
display: block;
position: absolute;
right: 100%;
@@ -666,7 +598,7 @@
&::after {
left: 100%;
content: "";
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
@@ -676,9 +608,9 @@
background: linear-gradient(90deg, #c9cbcc 0%, #f7f8f9 100%);
}
}
}
}
.fixed-bottom {
.fixed-bottom {
position: fixed;
left: 98rpx;
right: 98rpx;
@@ -694,24 +626,24 @@
color: #fff;
width: 556rpx;
text-align: center;
background-color: #E8AD7B;
background-color: #e8ad7b;
border: 1px solid transparent;
&.gray {
background: #fff;
color: #E8AD7B;
border-color: #E8AD7B;
}
color: #e8ad7b;
border-color: #e8ad7b;
}
}
}
.waring {
.waring {
background-color: rgba(255, 204, 0, 0.09);
padding: 32rpx 24rpx;
color: #ff8d28;
}
}
.popup-content {
.popup-content {
font-size: 28rpx;
min-height: 300px;
@@ -753,7 +685,6 @@
color: #666;
line-height: 42rpx;
}
}
.bottom {
@@ -778,19 +709,19 @@
color: #fff;
font-size: 700;
}
}
}
.w-full {
.w-full {
width: 100%;
}
}
.groups {
.groups {
padding: 28rpx 22rpx;
background-color: #fff;
.item {
padding: 28rpx 0;
border-bottom: 2rpx solid #EDEDED;
border-bottom: 2rpx solid #ededed;
&:last-child {
border-bottom: none;
@@ -803,14 +734,14 @@
.btn {
padding: 8rpx 26rpx;
border-radius: 36rpx;
background: #E8AD7B;
background: #e8ad7b;
font-weight: 700;
color: #fff;
}
}
}
}
.share-box {
.share-box {
top: 0;
position: absolute;
right: 0;
@@ -818,7 +749,7 @@
border-radius: 0 0 0 24rpx;
color: #ed5a2e;
font-weight: 700;
background: #FFF;
background: #fff;
overflow: hidden;
.share {
@@ -829,9 +760,9 @@
bottom: 0;
opacity: 0;
}
}
}
.goods-group {
.goods-group {
padding: 32rpx 46rpx;
background-color: #fff;
@@ -843,9 +774,9 @@
.rotate {
transform: rotate(-90deg);
}
}
}
.desc {
.desc {
padding: 32rpx 46rpx;
background-color: #fff;
margin-top: 32rpx;
@@ -856,7 +787,7 @@
}
.table {
border: 2rpx solid #EDEDED;
border: 2rpx solid #ededed;
border-radius: 8rpx;
margin: 0 52rpx;
@@ -865,7 +796,7 @@
}
.row {
border-top: 2rpx solid #EDEDED;
border-top: 2rpx solid #ededed;
&:first-child {
border-top: none;
@@ -876,9 +807,9 @@
.rotate {
transform: rotate(-90deg);
}
}
}
.guodu {
transition: all .3s;
}
.guodu {
transition: all 0.3s;
}
</style>

785
userPackage/order/detail.vue
View File

File diff suppressed because it is too large Load Diff

309
utils/share.js
View File

@@ -1,3 +1,15 @@
import {
autoBindInviteUser,
autoGetInviteCode
} from '@/common/api/market/distribution.js'
import {
APIshopUserInfo,
APIusershopInfodetail
} from '@/common/api/member.js'
import {
productStore
} from '@/stores/user.js';
const accountStore = productStore();
const accountInfo = wx.getAccountInfoSync();
export const envVersion = accountInfo.miniProgram.envVersion;
let type = 3;
@@ -13,9 +25,306 @@ if (envVersion === 'trial') {
}
/**
* 绑定用户邀请关系（核心函数）
* 功能说明：校验邀请码有效性，有效则调用自动绑定接口完成邀请关系绑定
* @param {Object} args - 绑定邀请关系的入参对象
* @param {number} [args.shopUserId] - 需要绑定邀请人的用户ID（integer <int64>，可选）
* @param {number} [args.shopId] - 店铺ID（integer <int64>，可选）
* @param {string} args.inviteCode - 邀请人的邀请码（必填，非空校验通过后才会执行绑定逻辑）
* @returns {void} 无返回值
*/
export async function bindInvite(args) {
// 解构入参对象，获取需要的核心参数
const {
shopUserId,
shopId,
inviteCode
} = args;
// 校验邀请码有效性：若邀请码为空、null、undefined，则直接返回，不执行后续绑定逻辑
if (!inviteCode || inviteCode === null || inviteCode === undefined) {
return;
}
const shopUserInfo = uni.cache.get('shopUserInfo')
// 邀请码有效，调用自动绑定邀请人接口，传递绑定所需参数
return await autoBindInviteUser({
id: shopUserInfo.id,
shopId,
inviteCode
});
}
export function wxShare(par) {
return {
...par,
type
}
}
export async function returnCommonQuery() {
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
})
const queryJson = {
inviteCode: (inviteCode && inviteCode !== true) ? inviteCode : null,
shopId,
shopUserId: shopUserInfo.id,
}
return Promise.resolve(queryJson)
}
export function jsonToUrl(json) {
let result = ''
for (let key in json) {
if (json[key]) {
if (result === '') {
result += `${key}=${json[key]}`
} else {
result += `&${key}=${json[key]}`
}
}
}
return result
}
/**
* @param {Object} query 参数对象
* @param {Array} showkeys 需要显示的key不包括公共参数
*/
export async function returnQuery(query, showkeys) {
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
})
const pages = getCurrentPages();
const currentPage = pages[pages.length - 1];
const currentPath = currentPage.route;
const currentOptions = currentPage.options;
let sharePath = `/${currentPath}`;
const queryJson = {
inviteCode: (inviteCode && inviteCode !== true) ? inviteCode : null,
shopId,
shopUserId: shopUserInfo.id,
...query
}
for (const key in currentOptions) {
if (currentOptions.hasOwnProperty(key)) {
if (showkeys && Array.isArray(showkeys) && showkeys.includes(key)) {
queryJson[key] = encodeURIComponent(currentOptions[key])
} else {
queryJson[key] = encodeURIComponent(currentOptions[key])
}
}
}
queryJson.shopId = shopId
queryJson.inviteCode = (inviteCode && inviteCode !== true) ? inviteCode : null
queryJson.shopUserId = shopUserInfo.id
let result = ''
for (let key in queryJson) {
if (queryJson[key]) {
if (result === '') {
result += `${key}=${queryJson[key]}`
} else {
result += `&${key}=${queryJson[key]}`
}
}
}
return Promise.resolve(result)
}
function parseQueryString(queryString) {
const queryParams = queryString.split("&").map((param) => param.split("="));
const params = {};
for (const [key, value] of queryParams) {
params[key] = value;
}
return params;
}
/**
* 混入的 onLoad 核心逻辑（抽成独立函数）
* @param {Object} opt - 页面 onLoad 接收的参数
* @param {Object} vm - 组件实例（this）
*/
export async function handleMixinOnLoad(opt, vm) {
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)
accountStore.shopId = options.shopId
await accountStore.pageOnload()
}
uni.setStorageSync('loadFinsh', true)
// 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
// })
if (options.inviteCode) {
return await bindInvite(options)
}
}
import {
isJsonArrayString
} from '@/utils/util.js';
/**
* 返回店铺首页图片
*/
export function returnIndexBg() {
try {
const orderVIP = uni.cache.get('orderVIP')
if (!orderVIP || !orderVIP.shopExtendList) {
return ''
}
if (!isJsonArrayString(orderVIP.shopExtendList[0].value)) {
return ''
}
return JSON.parse(orderVIP.shopExtendList[0].value)[0]
} catch (error) {
console.error('orderVIP.shopExtendList[0].value 格式不正确')
return ''
//TODO handle the exception
}
}
// utils/share.js
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) {
const shopInfo = uni.cache.get('shopInfo')
const pages = getCurrentPages();
const currentPage = pages[pages.length - 1];
const currentPath = currentPage.route;
const currentOptions = currentPage.options;
let sharePath = `/${currentPath}`;
const query = await returnQuery()
const indexBg = returnIndexBg()
console.log('indexBg', indexBg);
const imageUrl = indexBg || shopInfo.logo
// 全局默认配置（可被页面覆盖）
const defaultShareConfig = {
title: shopInfo.shopName,
path: sharePath + '?' + query,
imageUrl: imageUrl,
query,
// desc: '描述',
success: (res) => {
console.log('分享好友成功', res);
// 可加埋点等统一逻辑
},
fail: (err) => {
console.error('分享好友失败', err);
}
};
// 页面自定义配置覆盖全局
const pageShareConfig = this.$options.shareConfig || {};
console.log('mixIn onShareAppMessage', {
...defaultShareConfig,
...pageShareConfig
})
return wxShare({
...defaultShareConfig,
...pageShareConfig
});
},
async onShareTimeline() {
const shopInfo = uni.cache.get('shopInfo')
const pages = getCurrentPages();
const currentPage = pages[pages.length - 1];
const currentPath = currentPage.route;
const currentOptions = currentPage.options;
let sharePath = `/${currentPath}`;
const query = await returnQuery()
const indexBg = returnIndexBg()
const imageUrl = indexBg || shopInfo.logo
const defaultTimelineConfig = {
title: shopInfo.shopName,
path: sharePath + '?' + query,
imageUrl: imageUrl,
query,
};
const pageTimelineConfig = this.$options.shareTimelineConfig || {};
return wxShare({
...defaultTimelineConfig,
...pageTimelineConfig
});
}
};

1
vite.config.js
View File

@@ -15,6 +15,7 @@ module.exports = defineConfig({
{
"@dcloudio/uni-app": [
"onShareAppMessage",
"onShareTimeline",
"onLoad",
"onShow",
"onHide",