From 40f016d95500d116ed969c74b8bce175491b7b46 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期二, 30 七月 2024 13:29:49 +0800
Subject: [PATCH] fix bug

---
 sub_pages/customer/trade/detail.vue |   43 +++++++++++++++++++++++++++++++++++--------
 1 files changed, 35 insertions(+), 8 deletions(-)

diff --git a/sub_pages/customer/trade/detail.vue b/sub_pages/customer/trade/detail.vue
index 12e11ce..34afd53 100644
--- a/sub_pages/customer/trade/detail.vue
+++ b/sub_pages/customer/trade/detail.vue
@@ -5,14 +5,15 @@
 			<view class="icon-container">
 				<image v-if="!dto.collection" src="../../../static/common/icon-sc.png" @click="collectItem(dto)"
 					class="icon-sc"></image>
-				<image v-if="dto.collection" src="../../../static/common/icon-sc.png" @click="collectItem(dto)"
+				<image v-if="dto.collection" src="../../../static/common/icon-sc-fill.png" @click="collectItem(dto)"
 					class="icon-sc"></image>
 
 
 				<!--        <view class="num">12</view>-->
 			</view>
 			<view class="icon-container">
-				<image src="../../../static/common/icon-shop.png" @click="submitShopping(dto)" class="icon-shop">
+				<image src="../../../static/common/icon-shop.png" @click="toShopping(dto)" class="icon-shop">
+					<view class="image-shop-number">{{shopnum||'1'}}</view>
 				</image>
 
 			</view>
@@ -128,7 +129,8 @@
 		data() {
 			return {
 				id: '',
-				dto: {}
+				dto: {},
+				shopnum: 0,
 			}
 		},
 		onLoad(options) {
@@ -136,8 +138,12 @@
 			if (this.id) {
 				this.getDetail()
 			}
+			this.refreshShopNum()
 		},
 		methods: {
+			async refreshShopNum() {
+				this.shopnum = await this.$store.dispatch('submitShopping', dto);
+			},
 			async collectItem(dto) {
 				await this.$message.confirm(`是否${dto.collection?'移除':'添加到'}收藏`)
 				this.$message.showLoading()
@@ -166,6 +172,7 @@
 				this.$message.showLoading()
 				await this.$store.dispatch('submitShopping', dto);
 				this.$message.hideLoading()
+				this.refreshShopNum()
 			},
 			async getDetail() {
 				this.$message.showLoading()
@@ -186,6 +193,11 @@
 				this.$message.hideLoading()
 
 			},
+			toShopping() {
+				uni.navigateTo({
+					url: '/sub_pages/customer/shopping/shopping'
+				})
+			},
 			openbrand() {
 				uni.navigateTo({
 					url: '/sub_pages/customer/shop/shop?id=' + (this.dto.id || '')
@@ -197,7 +209,20 @@
 
 <style lang="scss" scoped>
 	.trade-detail {
-		background-color: #FFFFFF;
+		background-color: #FFFFFF;
+		.image-shop-number {
+			width: 30rpx;
+			height: 30rpx;
+			background: #F20000;
+			line-height: 30rpx;
+			text-align: center;
+			position: absolute;
+			right: 0rpx;
+			top: -6rpx;
+			color: #FFFFFF;
+			border-radius: 50%;
+			font-size: 24rpx;
+		}
 
 		.trade-info-container {
 			padding: 46rpx 30rpx;
@@ -368,8 +393,8 @@
 				height: 80rpx;
 				background: rgba(0, 0, 0, 0.42);
 				border-radius: 50%;
-				display:flex;
-				
+				display: flex;
+
 				.icon-sc {
 					width: 54rpx;
 					height: 54rpx;
@@ -383,8 +408,10 @@
 					height: 54rpx;
 					margin: 0 auto;
 					margin-top: 12rpx;
-					display: inline-block;
-
+					display: inline-block;
+					margin-left: 12rpx;
+					position: relative;
+					
 				}
 
 				.num {

--
Gitblit v1.9.3