【修复】(首页模块快)：修复购买记录组件报错

2025-12-06 18:03:27 +08:00 · 2024-10-14 17:45:29 +08:00
parent 8312de3397
commit f92e83daed
16 changed files with 111 additions and 50 deletions
--- a/CoreCms.Net.Uni-App/CoreShop/pages/classify/classify-page/classify-five/classify-five.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/classify/classify-page/classify-five/classify-five.vue
@@ -89,7 +89,7 @@
 					<text class="price">￥{{ state.cartMoney }}</text>
 				</view>
 			</view>
-			<view class="btn-buy" @click="handleRouteSwitchTab(RouteSwitchTabEnum.cart)">
+			<view class="btn-buy" @click="handleGoPay">
 				去结算
 			</view>
 		</view>
@@ -124,6 +124,7 @@

 <script setup lang="ts">
 	import { reactive, watch, ref, onMounted, getCurrentInstance, nextTick } from 'vue';
+	import { onShow } from '@dcloudio/uni-app';
 	import { advertPosition, UserToken } from '@/core/consts';
 	import { queryGoodsPageList, queryCartNumAndMoney, queryGoodsDetailByToken, queryGoodsDetail, queryAddCart } from '@/core/api';
 	import type { CategoriesType, Response, GoodsListType, GoodsType } from '@/core/models';
@@ -201,11 +202,7 @@
 			state.rightTabList = state.classifyData[0]?.child[0]?.child;

 			state.catId = state.classifyData[0].child[0]?.id;
-			getGoodsPageList();
-
-			if (uni.getStorageSync(UserToken)) {
-				getCartNumAndMoney();
-			}
+			getGoodsPageList(); 
 		}
 	})

@@ -218,7 +215,13 @@
 			}, 100)
 		})
 	})
-
+	
+	onShow(()=>{
+		if (uni.getStorageSync(UserToken)) {
+			getCartNumAndMoney();
+		}
+	});
+	
 	// 获取商品列表数据
 	const getGoodsPageList = async () => {
 		uni.showLoading({
@@ -258,7 +261,16 @@
 		state.goodsDetailData = goodsDetail.data;
 		state.showSku = true;
 	}
-
+	
+	/** 底部按钮去结算 */
+	const handleGoPay = () => {
+		if (!uni.getStorageSync(UserToken)) {
+			emits('handleShowLoginPopup');
+			return;
+		}
+		handleRouteSwitchTab(RouteSwitchTabEnum.cart);
+	}
+	
 	/** 添加购物车 */
 	const handleAddCart = async ({ productId, nums } : any) => {
 		if (!uni.getStorageSync(UserToken)) {
--- a/CoreCms.Net.Uni-App/CoreShop/pages/classify/classify-page/classify-four/classify-four.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/classify/classify-page/classify-four/classify-four.vue
@@ -60,7 +60,7 @@
 					<text class="price">￥{{ state.cartMoney }}</text>
 				</view>
 			</view>
-			<view class="btn-buy" @click="handleRouteSwitchTab(RouteSwitchTabEnum.cart)">
+			<view class="btn-buy" @click="handleGoPay">
 				去结算
 			</view>
 		</view>
@@ -76,6 +76,7 @@

 <script setup lang="ts">
 	import { reactive, watch } from 'vue';
+	import { onShow } from '@dcloudio/uni-app';
 	import { advertPosition } from '@/core/consts';
 	import { queryGoodsPageList, queryCartNumAndMoney, queryGoodsDetailByToken, queryGoodsDetail, queryAddCart } from '@/core/api';
 	import type { CategoriesType, Response, GoodsListType, GoodsType } from '@/core/models';
@@ -117,9 +118,9 @@
 		showSku: false,
 		goodsDetailData: {},
 	});
-	
+
 	const emits = defineEmits(['handleShowLoginPopup']);
-	
+
 	watch(() => props.data, (newVal : Array<CategoriesType>) => {
 		if (newVal) {
 			state.classifyData = newVal.map((item : CategoriesType) => {
@@ -135,13 +136,15 @@
 			state.rightTabList = state.classifyData[0]?.child;

 			getGoodsPageList();
-
-			if (uni.getStorageSync(UserToken)) {
-				getCartNumAndMoney();
-			}
 		}
 	})

+	onShow(() => {
+		if (uni.getStorageSync(UserToken)) {
+			getCartNumAndMoney();
+		}
+	});
+
 	/** 获取商品列表数据 */
 	const getGoodsPageList = async () => {
 		uni.showLoading({
@@ -182,6 +185,15 @@
 		state.showSku = true;
 	}

+	/** 底部按钮去结算 */
+	const handleGoPay = () => {
+		if (!uni.getStorageSync(UserToken)) {
+			emits('handleShowLoginPopup');
+			return;
+		}
+		handleRouteSwitchTab(RouteSwitchTabEnum.cart);
+	}
+
 	/** 添加购物车 */
 	const handleAddCart = async ({ productId, nums } : any) => {
 		if (!uni.getStorageSync(UserToken)) {
--- a/CoreCms.Net.Uni-App/CoreShop/pages/classify/classify.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/classify/classify.vue
@@ -69,27 +69,25 @@
 		height: 0,
 		keyWord: "",
 		showLoginModal: false,
-	})
-	const getAllCategories = async () => {
-		const allCategories : Response<Array<CategoriesType>> = await queryAllCategories();
-		state.categoriesList = allCategories.data || [];
-	}
-
-	onMounted(async () => {
+	})  
+	
+	onMounted(async () => { 
 		getAllCategories();
 		nextTick(() => {
 			// 屏幕总高度 - 顶部tab栏高度 - 顶部安全高度 - 底部安全高度 -  底部tabBar的默认高度50（如果修改了配置高度这里也要同步修改）
 			state.height = systemInfo.value.screenHeight - systemInfo.value.statusBarHeight - (systemInfo.value.system?.includes('iOS') ? 44 : 48) - systemInfo.value.safeAreaInsets?.bottom - 50;
 		})
 	})
-
+	
+	/** 获取购物车数量价格 */
+	const getAllCategories = async () => {
+		const allCategories : Response<Array<CategoriesType>> = await queryAllCategories();
+		state.categoriesList = allCategories.data || [];
+	}
+	
 	/** 搜索 */
 	const handleSearch = () => {
-		if (state.keyWord) {
-			handleRouteNavigateTo(`/pages/subpackage/category/category?key=${state.keyWord}`);
-		} else {
-			handleShowToast('请输入搜索内容');
-		}
+		handleRouteNavigateTo(`/pages/subpackage/category/category?key=${state.keyWord}`);
 	}

 	/** 显示登录弹框 */
--- a/CoreCms.Net.Uni-App/CoreShop/pages/components/custom-page/components/home-article/home-article.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/components/custom-page/components/home-article/home-article.vue
@@ -4,7 +4,7 @@
 			<view class="title-icon">
 				<text class="tit">{{ props.data.list[0].title }}</text>
 			</view>
-			<coreshop-view-more @hanldeClickViewMore="hanldeClickViewMore" />
+			<coreshop-view-more @hanldeClickViewMore="hanldeClickViewMore" title="查看详情" />
 		</view>
 		<view class="m-t-25" v-for="item, index in props.data.list" :key="index">
 			<coreshop-article :data="hanldeCombinationArticleData(item)"
--- a/CoreCms.Net.Uni-App/CoreShop/pages/components/custom-page/components/home-coupon/home-coupon.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/components/custom-page/components/home-coupon/home-coupon.vue
@@ -6,7 +6,7 @@
 				<coreshop-view-more @hanldeClickViewMore="hanldeClickViewMore"></coreshop-view-more>
 			</view>
 			<view class="coupon-card-box">
-				<scroll-view :scroll-x="true" enable-flex class="scroll-box">
+				<scroll-view :scroll-x="true" class="scroll-box" :enable-flex="true">
 					<view class="card-box" v-for="item, index in props.data?.list?.slice(0, props.data.limit)"
 						:key="index">
 						<image class="coupon-bg" :src="handleStaticResources('/static/images/coupon-bg.jpg')"></image>
--- a/CoreCms.Net.Uni-App/CoreShop/pages/components/custom-page/components/home-img-window/home-img-window.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/components/custom-page/components/home-img-window/home-img-window.vue
@@ -3,7 +3,7 @@
 		<template v-if="props.data?.style != 0">
 			<view :class="['img-box', `img-box-${props.data?.style}`]">
 				<view class="img-item" v-for="item, index in props.data.list" :key="index"
-					:style="{ 'padding': `${props.data.margin / 2}px` }">
+					:style="{ 'padding': `${props.data.margin / 2}px` }" @click="handleAdvertiseDetail(item?.linkType, item?.linkValue)">
 					<image class="img" :src="item.image || handleStaticResources('/static/images/common/empty.png')"
 						mode="widthFix"></image>
 				</view>
--- a/CoreCms.Net.Uni-App/CoreShop/pages/components/custom-page/components/home-pinTuan/home-pinTuan.scss
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/components/custom-page/components/home-pinTuan/home-pinTuan.scss
@@ -23,7 +23,7 @@
 		}
 	}

-	.pintuan-box {
+	.pintuan-list {
 		white-space: nowrap;
 		width: 100%;
 	}
--- a/CoreCms.Net.Uni-App/CoreShop/pages/components/custom-page/components/home-pinTuan/home-pinTuan.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/components/custom-page/components/home-pinTuan/home-pinTuan.vue
@@ -7,7 +7,7 @@
 				<coreshop-view-more @hanldeClickViewMore="hanldeClickViewMore" color="#fff"
 					:icon="handleStaticResources('/static/images/icon/icon-rigth-fff.png')" />
 			</view>
-			<scroll-view :scroll-x="true" enable-flex class="m-t-25 pintuan-box">
+			<scroll-view :scroll-x="true" class="m-t-25 pintuan-list" :enable-flex="true">
 				<view v-for="item, index in props.data.list" :key="index" class="card-box">
 					<coreshop-goods-card imgWidth="290rpx" imgHeight="290rpx" type="vertical"
 						:goodsData="hanldeCombinationGoodsData(item)" @hanldeClickGoods="hanldeClickGoods">
--- a/CoreCms.Net.Uni-App/CoreShop/pages/components/goods-detail/components/goods-detail-info/goods-detail-info.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/components/goods-detail/components/goods-detail-info/goods-detail-info.vue
@@ -81,7 +81,8 @@
 	import Point from '@/pages/components/custom-page/components/home-goods/point.vue';
 	import { handleShowToast } from '@/core/utils';
 	import CoreshopShare from '@/components/coreshop-share/coreshop-share.vue';
-
+	import { UserToken } from '@/core/consts'
+	
 	const props = withDefaults(defineProps<{
 		goodsDetailData : any,
 		isActivityGoods : boolean,
@@ -99,7 +100,9 @@
 		isFav: false,
 		showShare: false,
 	});
-
+	
+	const emits = defineEmits(['handleShowLoginPopup']);
+	
 	watch(() => props.goodsDetailData, (newVla : any) => {
 		if (newVla) {
 			state.isFav = newVla.isFav;
@@ -107,6 +110,11 @@
 	});

 	const handleToggleGoodsCollection = async () => {
+		if (!uni.getStorageSync(UserToken)) {
+			 emits('handleShowLoginPopup');
+			 return;
+		}
+		
 		const goodsCollection = await queryGoodsCollection({ id: props.goodsDetailData.id });
 		if (goodsCollection.status) {
 			state.isFav = !state.isFav;
@@ -118,6 +126,10 @@

 	/** 分享弹框显示与否 */
 	const handleToggleShowShare = () => {
+		if (!uni.getStorageSync(UserToken)) {
+			 emits('handleShowLoginPopup');
+			 return;
+		}
 		state.showShare = !state.showShare;
 	}
 </script>
--- a/CoreCms.Net.Uni-App/CoreShop/pages/components/goods-detail/components/goods-detail-sku/goods-detail-sku.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/components/goods-detail/components/goods-detail-sku/goods-detail-sku.vue
@@ -116,10 +116,12 @@
 	const handleChangeNumberVal = (e : any) => {
 		state.numberVal = e.value;
 	}
+	
 	/** sku弹框显示或者隐藏 */
 	const handleChangePopup = (e : any) => {
 		emits('handleChangePopup', e.show)
 	}
+	
 	/** sku选择 */
 	const handleChooseSku = (index : number, sku : GoodsSpecListType) => {
 		let chooseSku : GoodsSkuListType = {}; // 选中的sku
@@ -161,6 +163,7 @@
 		});

 	}
+	
 	/** 立即购买 */
 	const handleBuyNow = () => {
 		if (!handleHaveStock()) {
@@ -171,6 +174,7 @@
 			nums: state.numberVal,
 		});
 	}
+	
 	/** 判断库存 */
 	const handleHaveStock = () => {
 		if (state.chooseSku.stock === 0) {
--- a/CoreCms.Net.Uni-App/CoreShop/pages/components/goods-detail/index.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/components/goods-detail/index.vue
@@ -8,7 +8,7 @@
 		<slot name="tip"></slot>

 		<!-- 商品信息 价格名字之类的 -->
-		<GoodsDetailInfo :goodsDetailData="props.goodsDetailData" :shareType="props.shareType"
+		<GoodsDetailInfo :goodsDetailData="props.goodsDetailData" :shareType="props.shareType" @handleShowLoginPopup="handleShowLoginPopup"
 			:isActivityGoods="props.isActivityGoods" @handleToggleGoodsCollection="handleToggleGoodsCollection">
 			<template #countDown>
 				<slot name="countDown"></slot>
@@ -93,7 +93,7 @@
 		shareType: ShareEnum.index,    /** 分享类型 - 默认分享首页 */
 	});

-	const emits = defineEmits(['hanldeShowGoodSku', 'handleToggleGoodsCollection']);
+	const emits = defineEmits(['hanldeShowGoodSku', 'handleToggleGoodsCollection','handleShowLoginPopup']);

 	const state = reactive<{
 		commonQuestion : Array<CommonQuestionServiceType>;
@@ -170,6 +170,11 @@
 	const handleToggleGoodsCollection = () => {
 		emits('handleToggleGoodsCollection')
 	}
+	
+	/** 显示登录弹框 */
+	const handleShowLoginPopup = ()=>{
+		emits('handleShowLoginPopup')
+	}
 </script>

 <style lang="scss" scoped></style>
--- a/CoreCms.Net.Uni-App/CoreShop/pages/subpackage/activity/groupBuying/detail/detail.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/subpackage/activity/groupBuying/detail/detail.vue
@@ -5,7 +5,7 @@
 			<GoodsDetail :goodsId="state.goodsDetailData?.id" :goodsDetailData="state.goodsDetailData"
 				:swiperBanner="state.swiperBanner" :spesDesc="state.spesDesc"
 				:goodsDetailContent="state.goodsDetailContent" :isActivityGoods="true" :shareType="ShareEnum.group"
-				@hanldeShowGoodSku="hanldeShowGoodSku">
+				@hanldeShowGoodSku="hanldeShowGoodSku" @handleShowLoginPopup="handleShowLoginPopup">
 				<template #tip>
 					<view class="tip-box" v-if="state.showTip && state.goodsDetailData.groupPromotionResult">
 						<view class="title">当前团购活动规则：</view>
@@ -199,7 +199,12 @@
 			handleShowToast(addCart.msg);
 		}
 	}
-
+	
+	/** 显示登录弹框 */
+	const handleShowLoginPopup = () => {
+		state.showLoginModal = true;
+	}
+	
 	/** 打开获取关闭login弹框 */
 	const handleChangeLoginPopup = (isShow : boolean) => {
 		state.showLoginModal = isShow;
--- a/CoreCms.Net.Uni-App/CoreShop/pages/subpackage/activity/pinTuan/detail/detail.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/subpackage/activity/pinTuan/detail/detail.vue
@@ -3,7 +3,7 @@
 		<view class="goods-detail">
 			<!-- 商品详情 -->
 			<GoodsDetail :goodsId="state.goodsDetailData?.id" :goodsDetailData="state.goodsDetailData"
-				:swiperBanner="state.swiperBanner" :shareType="ShareEnum.pinTuan"
+				:swiperBanner="state.swiperBanner" :shareType="ShareEnum.pinTuan" @handleShowLoginPopup="handleShowLoginPopup"
 				:goodsDetailContent="state.goodsDetailContent" :isActivityGoods="true">
 				<template #activityGoodsOtheService>
 					<view class="pinTuan-record" v-if="state.goodsDetailData?.pinTuanRecord?.length > 0">
@@ -272,7 +272,12 @@
 			handleShowToast(addCart.msg);
 		}
 	} 
-
+	
+	/** 显示登录弹框 */
+	const handleShowLoginPopup = () => {
+		state.showLoginModal = true;
+	}
+	
 	/** 打开获取关闭login弹框 */
 	const handleChangeLoginPopup = (isShow : boolean) => {
 		state.showLoginModal = isShow;
--- a/CoreCms.Net.Uni-App/CoreShop/pages/subpackage/activity/seckill/detail/detail.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/subpackage/activity/seckill/detail/detail.vue
@@ -3,7 +3,7 @@
 		<view class="goods-detail">
 			<!-- 商品详情 -->
 			<GoodsDetail :goodsId="state.goodsDetailData?.id" :goodsDetailData="state.goodsDetailData"
-				:swiperBanner="state.swiperBanner" :spesDesc="state.spesDesc"
+				:swiperBanner="state.swiperBanner" :spesDesc="state.spesDesc" @handleShowLoginPopup="handleShowLoginPopup"
 				:goodsDetailContent="state.goodsDetailContent" :isActivityGoods="true" :shareType="ShareEnum.seckill"
 				@hanldeShowGoodSku="hanldeShowGoodSku">
 				<template #tip>
@@ -199,7 +199,12 @@
 			handleShowToast(addCart.msg);
 		}
 	} 
-
+	
+	/** 显示登录弹框 */
+	const handleShowLoginPopup = () => {
+		state.showLoginModal = true;
+	}
+	
 	/** 打开获取关闭login弹框 */
 	const handleChangeLoginPopup = (isShow : boolean) => {
 		state.showLoginModal = isShow;
--- a/CoreCms.Net.Uni-App/CoreShop/pages/subpackage/activity/solitaire/detail/detail.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/subpackage/activity/solitaire/detail/detail.vue
@@ -207,6 +207,10 @@

 	/**立即购买 */
 	const handleBuyNow = () => {
+		if (!uni.getStorageSync(UserToken)) {
+			state.showLoginModal = true;
+			return;
+		}
 		if (state.totalprice == 0) {
 			handleShowToast('请先选择商品');
 			return;
@@ -235,12 +239,7 @@
 				phoneNumber: shopConfigStore?.config?.shopMobile
 			});
 		}
-	}
-
-	/** 显示登录弹框 */
-	const handleShowLoginPopup = () => {
-		state.showLoginModal = true;
-	}
+	} 

 	/** 打开获取关闭login弹框 */
 	const handleChangeLoginPopup = (isShow : boolean) => {
@@ -281,6 +280,10 @@

 	/** 分享弹框显示与否 */
 	const handleToggleShowShare = () => {
+		if (!uni.getStorageSync(UserToken)) {
+			state.showLoginModal = true;
+			return;
+		}
 		state.showShare = !state.showShare;
 	}

--- a/CoreCms.Net.Uni-App/CoreShop/pages/subpackage/goods/detail.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/subpackage/goods/detail.vue
@@ -6,7 +6,7 @@
 				:swiperBanner="state.swiperBanner" :goodsDetailContent="state.goodsDetailContent"
 				:userAgentGrade="state.userAgentGrade" :agentProductsList="state.agentProductsList"
 				:goodsPromotionList="state.goodsPromotionList" :spesDesc="state.spesDesc"
-				@hanldeShowGoodSku="hanldeShowGoodSku">
+				@hanldeShowGoodSku="hanldeShowGoodSku" @handleShowLoginPopup="handleShowLoginPopup">
 			</GoodsDetail>

 			<!-- 为您推荐 -->