From e33ad16d10d752bc996957fd90200fec6050cf24 Mon Sep 17 00:00:00 2001
From: jinhhanhan <1683105490@qq.com>
Date: Tue, 17 Mar 2026 09:53:24 +0800
Subject: [PATCH] =?UTF-8?q?chore=EF=BC=9A=E5=95=86=E5=93=81=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E9=9D=A2=E5=8F=B3=E4=B8=8A=E8=A7=92=E6=9C=89?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E5=88=B0=E6=99=BA=E8=83=BD=E5=AE=A2=E6=9C=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components-diy/diy-category-item.vue          | 14 +++----
 .../goods-detail-view/goods-detail-view.vue   | 32 ++++++++++++++-
 pages_goods/detail.vue                        | 40 +++----------------
 3 files changed, 44 insertions(+), 42 deletions(-)

diff --git a/components-diy/diy-category-item.vue b/components-diy/diy-category-item.vue
index b5d867c..a513cfe 100644
--- a/components-diy/diy-category-item.vue
+++ b/components-diy/diy-category-item.vue
@@ -82,10 +82,10 @@
 						<block v-if="goodsList.length">
 							<view class="goods-item" v-for="(item, index) in goodsList" :key="index">
 								<view class="goods-img" @tap.stop="toDetail(item)">
-									<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" />
-									<view class="color-base-bg goods-tag" v-if="item.label_name">{{ item.label_name }}
-									</view>
+								<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" />
+								<view class="color-base-bg goods-tag" v-if="item.label_name">{{ item.label_name }}
 								</view>
+							</view>
 								<view class="info-wrap">
 									<view class="name-wrap" @tap.stop="toDetail(item)">
 										<view class="goods-name">{{ isEnEnv ? item.en_goods_name : item.goods_name }}</view>
@@ -175,10 +175,10 @@
 					:data-template="value.template">
 					<view class="goods-item" v-for="(item, index) in goodsList" :key="index">
 						<view class="goods-img" @tap.stop="toDetail(item)">
-							<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)"
-								:lazy-load="true" />
-							<view class="color-base-bg goods-tag" v-if="item.label_name">{{ item.label_name }}</view>
-						</view>
+								<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)"
+									:lazy-load="true" />
+								<view class="color-base-bg goods-tag" v-if="item.label_name">{{ item.label_name }}</view>
+							</view>
 						<view class="info-wrap">
 							<view class="name-wrap" @tap.stop="toDetail(item)">
 								<view class="goods-name">{{ isEnEnv ? item.en_goods_name : item.goods_name }}</view>
diff --git a/pages_goods/_components/goods-detail-view/goods-detail-view.vue b/pages_goods/_components/goods-detail-view/goods-detail-view.vue
index 0020ac9..73d9686 100644
--- a/pages_goods/_components/goods-detail-view/goods-detail-view.vue
+++ b/pages_goods/_components/goods-detail-view/goods-detail-view.vue
@@ -2,6 +2,11 @@
     <view>
         <view scroll-y="true" class="goods-detail" :class="isIphoneX ? 'active' : ''">
             <view class="goods-container">
+                <!-- AI客服悬浮按钮 -->
+                <view class="ai-chat-float-btn" @tap.stop="$emit('aiChatClick')" v-if="goodsSkuDetail">
+                    <text class="iconfont">🤖</text>
+                </view>
+                
                 <!-- 弹幕 -->
                 <pengpai-fadein-out v-if="goodsSkuDetail.barrage_show && goodsSkuDetail.barrageData" ref="pengpai"
                     :duration="1600" :wait="1900" :top="200" :left="0" :radius="60" :loop="true"
@@ -481,4 +486,29 @@ export default {
 <style lang="scss">
 @import '@/common/css/goods_detail.scss';
 </style>
-<style scoped></style>
\ No newline at end of file
+<style scoped>
+.ai-chat-float-btn {
+	position: fixed;
+	right: 20rpx;
+	top: 100rpx;
+	width: 80rpx;
+	height: 80rpx;
+	border-radius: 50%;
+	background: #ffffff;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.15);
+	z-index: 9999;
+	transition: all 0.3s ease;
+}
+
+.ai-chat-float-btn:active {
+	transform: scale(0.9);
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.ai-chat-float-btn .iconfont {
+	font-size: 40rpx;
+}
+</style>
\ No newline at end of file
diff --git a/pages_goods/detail.vue b/pages_goods/detail.vue
index 942fec8..6371941 100644
--- a/pages_goods/detail.vue
+++ b/pages_goods/detail.vue
@@ -6,7 +6,7 @@
 		</view> -->
 		<!-- #endif -->
 
-		<goods-detail-view :goodsSkuDetail="goodsSkuDetail" ref="goodsDetailView">
+		<goods-detail-view :goodsSkuDetail="goodsSkuDetail" ref="goodsDetailView" @aiChatClick="sendToAIChat(goodsSkuDetail)">
 			<!-- 价格区域 -->
 			<template v-slot:price>
 				<!-- 限时折扣 -->
@@ -94,11 +94,6 @@
 							<text v-if="goodsSkuDetail.stock_show">{{$lang('stock')}}: {{ goodsSkuDetail.stock +goodsSkuDetail.unit}}</text>
 							<text v-if="goodsSkuDetail.sale_show">{{$lang('sales')}}: {{ goodsSkuDetail.sale_num+goodsSkuDetail.unit }}</text>
 						</view>
-						
-						<view class="ai-chat-btn" @tap.stop="sendToAIChat(goodsSkuDetail)">
-							<text class="iconfont">🤖</text>
-							<text>更多详情</text>
-						</view>
 						<!-- 会员卡 -->
 					<!-- 	<view class="member-card-wrap" @click="$util.redirectTo('/pages_tool/member/card_buy')" v-if="membercard">
 							<text class="iconfont icon-huiyuan"></text>
@@ -544,11 +539,11 @@ export default {
 		 */
 		sendToAIChat(item) {
 			const productInfo = {
-				goods_id: item.goods_id,
-				goods_name: item.goods_name,
-				price: item.discount_price || item.member_price || item.price,
-				image: item.sku_image,
-				category_id: item.category_id
+				goods_id: item.goods_id || '',
+				goods_name: item.goods_name || '',
+				price: item.discount_price || item.member_price || item.price || '',
+				image: item.sku_image || '',
+				category_id: item.category_id || ''
 			}
 			
 			uni.setStorageSync('selectedProduct', productInfo)
@@ -667,27 +662,4 @@ export default {
 	line-height: 72rpx;
 }
 
-.ai-chat-btn {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	gap: 8rpx;
-	padding: 8rpx 16rpx;
-	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-	color: white;
-	border-radius: 20rpx;
-	font-size: 24rpx;
-	font-weight: 500;
-	margin-top: 10rpx;
-	transition: all 0.3s ease;
-}
-
-.ai-chat-btn:active {
-	transform: scale(0.95);
-	opacity: 0.8;
-}
-
-.ai-chat-btn .iconfont {
-	font-size: 28rpx;
-}
 </style>