chore:H5和微信小程序的第三方客服悬浮按钮应该会显示 👤

common/js/customer-service.js

@@ -475,6 +475,8 @@ export class CustomerService {
             return shopInfo.aiAgentimg || '';
         } else if (config?.type === 'wxwork' || config?.type === 'qyweixin') {
             return shopInfo.aiAgentimg || '';
+        } else if (config?.type === 'third') {
+            return '';
         }
         return shopInfo.kefuimg || this.vm.$util?.getDefaultImage()?.kefu || '';
     }
@@ -488,6 +490,33 @@ export class CustomerService {
         return config?.type === 'weapp';
     }
 
+    /**
+     * 判断是否为智能客服
+     * @returns {Boolean}
+     */
+    isAIKefu() {
+        const config = this.getPlatformConfig();
+        return config?.type === 'aikefu';
+    }
+
+    /**
+     * 判断是否为企业微信客服
+     * @returns {Boolean}
+     */
+    isWxworkKefu() {
+        const config = this.getPlatformConfig();
+        return config?.type === 'wxwork' || config?.type === 'qyweixin';
+    }
+
+    /**
+     * 判断是否为第三方客服
+     * @returns {Boolean}
+     */
+    isThirdKefu() {
+        const config = this.getPlatformConfig();
+        return config?.type === 'third';
+    }
+
     /**
      * 判断是否需要同时显示小程序系统客服
      * @returns {Boolean}

components/hover-nav/hover-nav.vue

@@ -30,7 +30,9 @@
       @click="handleUnifiedKefuClick"
       :style="{ backgroundImage: currentKefuImg ? `url(${currentKefuImg})` : '', backgroundSize: '100% 100%' }"
     >
-          <text class="icox icox-kefu" v-if="!kefuimg"></text>
+      <text class="ai-icon" v-if="isAIKefu && !currentKefuImg">🤖</text>
+      <text class="ai-icon" v-if="isWxworkKefu && !currentKefuImg">💬</text>
+      <text class="ai-icon" v-if="!isAIKefu && !isWxworkKefu && !currentKefuImg">👤</text>
     </view>
 
     <!-- 智能客服按钮（当同时显示小程序系统客服时）-->
@@ -40,7 +42,9 @@
       @click="handleUnifiedKefuClick"
       :style="{ backgroundImage: currentKefuImg ? `url(${currentKefuImg})` : '', backgroundSize: '100% 100%' }"
     >
-      <text class="ai-icon" v-if="!currentKefuImg">🤖</text>
+      <text class="ai-icon" v-if="isAIKefu && !currentKefuImg">🤖</text>
+      <text class="ai-icon" v-if="isWxworkKefu && !currentKefuImg">💬</text>
+      <text class="ai-icon" v-if="!isAIKefu && !isWxworkKefu && !currentKefuImg">👤</text>
     </view>
 
     <!-- 小程序系统客服按钮 -->
@@ -127,6 +131,18 @@ export default {
       const customerService = createCustomerService(this);
       return customerService.isWeappOfficialKefu();
     },
+    isAIKefu() {
+      const customerService = createCustomerService(this);
+      return customerService.isAIKefu();
+    },
+    isWxworkKefu() {
+      const customerService = createCustomerService(this);
+      return customerService.isWxworkKefu();
+    },
+    isThirdKefu() {
+      const customerService = createCustomerService(this);
+      return customerService.isThirdKefu();
+    },
     showWeappSystemKefu() {
       const customerService = createCustomerService(this);
       return customerService.shouldShowExtraWeappSystemKefu();

pages_tool/ai-chat/index.vue

@@ -559,7 +559,7 @@ export default {
     background-color: white; /* 白色 */
     overflow: hidden;
     position: fixed;
-    top: 0;
+    top: 48px;
     left: 0;
     right: 0;
     bottom: 0;