From f3bb6a1782e7e31b4341d5c7b3bca20fbfb4485b Mon Sep 17 00:00:00 2001
From: jinhhanhan <1683105490@qq.com>
Date: Wed, 17 Dec 2025 15:43:37 +0800
Subject: [PATCH] =?UTF-8?q?chore=EF=BC=9A=E6=99=BA=E8=83=BD=E4=BD=93?=
 =?UTF-8?q?=E5=AE=A2=E6=9C=8D=E5=92=8C=E5=8E=9F=E6=9D=A5=E7=9A=84=E5=AE=A2?=
 =?UTF-8?q?=E6=9C=8D=E9=83=BD=E5=9C=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/js/customer-service.js      |  10 +-
 components/hover-nav/hover-nav.vue | 189 +++++++++--------------------
 2 files changed, 69 insertions(+), 130 deletions(-)

diff --git a/common/js/customer-service.js b/common/js/customer-service.js
index 22a0857..fa1bd8f 100644
--- a/common/js/customer-service.js
+++ b/common/js/customer-service.js
@@ -230,7 +230,15 @@ export class CustomerService {
             this.makePhoneCall();
         }
     }
-
+// 新增：企业微信客服处理方法
+		handleQyWeixinKefuClick() {
+			console.log('企业微信客服点击');
+			// 实现企业微信客服的逻辑（比如调用企业微信客服接口、跳转企业微信会话等）
+			// 示例：
+			wx.navigateTo({
+				url: '/pages/kefu/qyweixin-kefu'
+			});
+		}
     /**
      * 打开微信小程序客服
      * @param {Object} config 客服配置
diff --git a/components/hover-nav/hover-nav.vue b/components/hover-nav/hover-nav.vue
index 8e0976f..0efd8cc 100644
--- a/components/hover-nav/hover-nav.vue
+++ b/components/hover-nav/hover-nav.vue
@@ -4,56 +4,29 @@
 		<!-- AI智能助手 -->
 		<view class="btn-item" v-if="fixBtnShow && enableAIChat" @click="openAIChat"
 			:style="{backgroundImage:'url('+(aiAgentimg?aiAgentimg:'')+')',backgroundSize:'100% 100%'}">
-			<!-- 核心修改：添加🤖表情，保留原有判断逻辑 -->
 			<text class="ai-icon" v-if="!aiAgentimg">🤖</text>
-			<!-- 未读消息小红点 -->
 			<view v-if="unreadCount > 0" class="unread-badge">
 				<text class="badge-text">{{ unreadCount > 99 ? '99+' : unreadCount }}</text>
 			</view>
 		</view>
 
-
-
-		<!-- <view class="btn-item" v-if="fixBtnShow" @click="$util.redirectTo('/pages/index/index')"> -->
-		<!-- #ifdef MP-WEIXIN -->
-		<!-- 微信小程序默认客服按钮 -->
-		<button class="btn-item" v-if="fixBtnShow && useOfficialService" hoverClass="none" open-type="contact"
-			sessionFrom="weapp" showMessageCard="true"
+		<!-- 客服按钮 -->
+		<button class="btn-item" v-if="fixBtnShow" hoverClass="none" @click="openKefuSelectPopup"
 			:style="{ backgroundImage: 'url(' + (kefuimg ? kefuimg : '') + ')', backgroundSize: '100% 100%' }">
 			<text class="icox icox-kefu" v-if="!kefuimg"></text>
 		</button>
 
-		<!-- 自定义客服按钮 -->
-		<button class="btn-item" v-if="fixBtnShow && !useOfficialService" hoverClass="none" @click="contactServicer"
-			:style="{ backgroundImage: 'url(' + (kefuimg ? kefuimg : '') + ')', backgroundSize: '100% 100%' }">
-			<text class="icox icox-kefu" v-if="!kefuimg"></text>
-		</button>
-		<!-- #endif -->
-
+		<!-- 电话按钮 -->
 		<view class="btn-item" v-if="fixBtnShow" @click="call()"
 			:style="{ backgroundImage: 'url(' + (phoneimg ? phoneimg : '') + ')', backgroundSize: '100% 100%' }">
 			<text class="iconfont icon-dianhua" v-if="!phoneimg"></text>
 		</view>
-
-		<!-- 	<view class="btn-item icon-xiala" v-if="fixBtnShow" @click="fixBtnShow ? (fixBtnShow = false) : (fixBtnShow = true)">
-			<text class="iconfont icon-unfold"></text>
-		</view>
-		<view class="btn-item switch" v-else :class="{ show: fixBtnShow }"
-			@click="fixBtnShow ? (fixBtnShow = false) : (fixBtnShow = true)">
-			<view class="">快捷</view>
-			<view>导航</view>
-		</view> -->
 	</view>
 </template>
 
 <script>
-	import {
-		mapGetters,
-		mapMutations
-	} from 'vuex'
-	import {
-		createCustomerService
-	} from '@/common/js/customer-service.js';
+	import { mapGetters } from 'vuex' // 去掉mapMutations，直接用$store.commit
+	import { createCustomerService } from '@/common/js/customer-service.js';
 
 	export default {
 		name: 'hover-nav',
@@ -70,25 +43,27 @@
 				tel: '',
 				kefuimg: '',
 				phoneimg: '',
-				customerService: null, // 客服服务实例
-				buttonConfig: null // 按钮配置
+				customerService: null,
+				buttonConfig: null,
+				kefuList: [
+					{ id: 'weixin-official', name: '微信官方客服', isOfficial: true, type: 'weapp' },
+					{ id: 'custom-kefu', name: '自定义在线客服', isOfficial: false, type: 'custom' },
+					{ id: 'qyweixin-kefu', name: '企业微信客服', isOfficial: false, type: 'qyweixin' }
+				],
+				selectedKefu: null
 			};
 		},
 		created() {
 			this.kefuimg = this.$util.getDefaultImage().kefu
 			this.phoneimg = this.$util.getDefaultImage().phone
 			this.pageCount = getCurrentPages().length;
-
-			// 初始化客服服务
+			this.selectedKefu = this.kefuList[0];
 			this.customerService = createCustomerService(this);
 			this.buttonConfig = this.customerService.getButtonConfig();
 
-			var that = this
 			uni.getStorage({
 				key: 'shopInfo',
-				success(e) {
-					that.tel = e.data.mobile
-				}
+				success: (e) => { this.tel = e.data.mobile }
 			})
 		},
 		computed: {
@@ -97,54 +72,60 @@
 				'aiUnreadCount'
 			]),
 			aiAgentimg() {
-				return this.globalAIKefuConfig?.icon || this.$util.getDefaultImage().aiAgent || '' // AI智能助手的头像
+				return this.globalAIKefuConfig?.icon || this.$util.getDefaultImage().aiAgent || ''
 			},
 			unreadCount() {
 				return this.aiUnreadCount
 			},
 			enableAIChat() {
-				return this.globalAIKefuConfig?.enable || true // 是否开启AI智能助手
-			},
-			/**
-			 * 是否使用官方客服
-			 */
-			useOfficialService() {
-				if (!this.buttonConfig) return true;
-
-				// #ifdef MP-WEIXIN
-				// 如果是微信小程序，检查配置
-				if (this.buttonConfig.type === 'weapp') {
-					// 默认使用官方客服，除非明确设置为false
-					return this.buttonConfig.useOfficial !== false;
-				}
-				// #endif
-
-				return false;
+				return this.globalAIKefuConfig?.enable || true
 			}
 		},
 		methods: {
-			...mapMutations([
-				'setAiUnreadCount'
-			]),
-
-			//拨打电话
+			// 拨打电话
 			call() {
-				uni.makePhoneCall({
-					phoneNumber: this.tel + ''
-				})
+				uni.makePhoneCall({ phoneNumber: this.tel + '' })
 			},
 
-			//处理客服点击事件
-			contactServicer() {
-				// 使用统一客服处理
-				this.customerService.handleCustomerClick();
+			// 打开客服选择弹窗
+			openKefuSelectPopup() {
+				const kefuNames = this.kefuList.map(item => item.name);
+				wx.showActionSheet({
+					itemList: kefuNames,
+					success: (res) => {
+						this.selectedKefu = this.kefuList[res.tapIndex];
+						this.reinitCustomerService(this.selectedKefu);
+						this.handleSelectedKefu();
+					}
+				});
 			},
-			// 打开AI聊天弹窗
+
+			// 重新初始化客服实例
+			reinitCustomerService(kefu) {
+				this.customerService = createCustomerService(this, kefu);
+				this.buttonConfig = this.customerService.getButtonConfig();
+			},
+
+			// 执行选中的客服逻辑
+			handleSelectedKefu() {
+				const kefu = this.selectedKefu;
+				if (!kefu) return;
+
+				if (kefu.isOfficial) {
+					wx.openCustomerServiceConversation({ sessionFrom: 'weapp', showMessageCard: true });
+				} else if (kefu.id === 'custom-kefu') {
+					this.customerService.handleCustomerClick();
+				} else if (kefu.id === 'qyweixin-kefu') {
+					this.customerService.handleQyWeixinKefuClick();
+				}
+			},
+
+			// 打开AI聊天（修复setAiUnreadCount的核心）
 			openAIChat() {
 				if (this.enableAIChat) {
-					this.setAiUnreadCount(0);
+					// 直接用$store.commit调用Vuex mutation，绕过映射问题
+					this.$store.commit('setAiUnreadCount', 0);
 				}
-
 				this.$util.redirectTo('/pages_tool/ai-chat/index')
 			}
 		}
@@ -152,26 +133,6 @@
 </script>
 
 <style lang="scss">
-	.container-box {
-		width: 100%;
-
-		.item-wrap {
-			border-radius: 10rpx;
-
-			.image-box {
-				border-radius: 10rpx;
-			}
-
-			image {
-				width: 100%;
-				height: auto;
-				border-radius: 10rpx;
-				will-change: transform;
-			}
-		}
-	}
-
-	//悬浮按钮
 	.fixed-box {
 		position: fixed;
 		right: 0rpx;
@@ -184,46 +145,25 @@
 		flex-direction: column;
 		width: 100rpx;
 		box-sizing: border-box;
-		transition: 0.3s;
 		overflow: hidden;
 
 		.btn-item {
 			display: flex;
 			justify-content: center;
-			align-items: center; /* 新增：让🤖表情垂直居中 */
-			text-align: center;
-			flex-direction: column;
-			line-height: 1;
+			align-items: center;
 			margin: 14rpx 0;
-			transition: 0.1s;
 			background: #fff;
 			border-radius: 50rpx;
 			width: 80rpx;
 			height: 80rpx;
 			padding: 0;
 			position: relative;
+
 			text {
 				font-size: 36rpx;
 				font-weight: bold;
 			}
 
-			view {
-				font-size: 26rpx;
-				font-weight: bold;
-			}
-
-			&.show {
-				transform: rotate(180deg);
-			}
-
-			&.switch {}
-
-			&.icon-xiala {
-				margin: 0;
-				margin-top: 0.1rpx;
-			}
-			
-			// 未读消息小红点
 			.unread-badge {
 				position: absolute;
 				top: -5rpx;
@@ -233,29 +173,20 @@
 				border-radius: 20rpx;
 				min-width: 30rpx;
 				height: 30rpx;
-				font-size: 10rpx;
+				font-size: 20rpx;
 				line-height: 30rpx;
 				text-align: center;
 				padding: 0 8rpx;
-				z-index: 1;
 				box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3);
-
-				.badge-text {
-					font-size: 8rpx;
-					// #ifdef MP-WEIXIN
-					font-size: 20rpx;
-					// #endif
-				}
 			}
 
-			// AI图标样式优化（让🤖表情居中显示）
 			.ai-icon {
-				font-size: 40rpx; // 调整🤖表情大小
+				font-size: 40rpx;
+				width: 100%;
+				height: 100%;
 				display: flex;
 				align-items: center;
 				justify-content: center;
-				width: 100%;
-				height: 100%;
 			}
 		}
 	}