Merge pull request 'fix/lang' (#4 ) from fix/lang into main

Reviewed-on: #4
fix(lang): 提取getCurrentLocale为独立函数并优化代码格式
2026-02-04 09:12:58 +00:00 · 2026-02-04 17:10:12 +08:00 · 2026-01-24 09:41:36 +00:00 · 2026-01-24 09:24:05 +00:00
12 changed files with 1667 additions and 1821 deletions
--- a/.local.config.js
+++ b/.local.config.js
@@ -42,6 +42,6 @@ const localDevConfig = ({
        uniacid: 2,
        domain: 'http://localhost:8050/',
    },    
-})['1']; // 选择要使用的环境配置
+})['2811']; // 选择要使用的环境配置

 export default localDevConfig;
--- a/common/js/ai-service.js
+++ b/common/js/ai-service.js
@@ -62,105 +62,53 @@ export default {
   */
  async sendStreamMessage(message, onChunk, onComplete) {
    // #ifdef MP-WEIXIN
-   return new Promise((resolve, reject) => {
-     const socketTask = wx.connectSocket({
-       url: 'wss://dev.aigc-quickapp.com/ws/aikefu',
-       header: {}
-     });
- 
-     let content = '';
-     let conversationId = '';
-     let isAuthenticated = false;
- 
-     socketTask.onOpen(() => {
-       console.log('WebSocket 连接成功，开始认证...');
-       socketTask.send({
-         data: JSON.stringify({
-           action: 'auth',
-           uniacid: store.state.uniacid || '1',
-           token: store.state.token || 'test_token',
-           user_id: store.state.memberInfo?.id || 'anonymous'
-         })
-       });
-     });
- 
-     socketTask.onMessage((res) => {
+    // 微信小程序：降级为普通请求 + 前端打字模拟
    try {
-         const data = JSON.parse(res.data);
-         console.log('收到 WebSocket 消息:', data);
+      const result = await this.sendMessage(message);
+      const content = result.content || '';
+      const conversationId = result.conversationId || '';

-         if (data.type === 'auth_success') {
-           console.log('认证成功，发送聊天消息...');
-           isAuthenticated = true;
-           socketTask.send({
-             data: JSON.stringify({
-               action: 'chat',
-               uniacid: store.state.uniacid || '1',
-               query: message,
-               user_id: store.state.memberInfo?.id || 'anonymous',
-               conversation_id: this.getConversationId() || ''
-             })
-           });
-         } else if (data.type === 'auth_failed') {
-           const errorMsg = '认证失败，请重新登录';
-           console.error(errorMsg, data);
-           reject(new Error(errorMsg));
-           if (onComplete) onComplete({ error: errorMsg });
-           socketTask.close();
-         }
- 
-         // 处理流式消息块
-         else if (data.type === 'message' || data.event === 'message') {
-           const text = data.answer || data.content || data.text || '';
-           content += text;
-           if (onChunk) onChunk(text);
-         }
- 
-         // 处理流结束
-         else if (data.event === 'message_end' || data.type === 'message_end') {
-           conversationId = data.conversation_id || '';
+      // 保存会话ID（确保连续对话）
      if (conversationId) {
        this.setConversationId(conversationId);
      }
+
+      // 模拟打字效果
+      let index = 0;
+      const chunkSize = 2; // 每次显示2个字符
+      return new Promise((resolve) => {
+        const timer = setInterval(() => {
+          if (index < content.length) {
+            const chunk = content.substring(index, index + chunkSize);
+            index += chunkSize;
+            if (onChunk) onChunk(chunk);
+          } else {
+            clearInterval(timer);
            if (onComplete) {
-             onComplete({ content, conversation_id: conversationId });
+              onComplete({
+                content: content,
+                conversation_id: conversationId
+              });
            }
            resolve({ content, conversation_id: conversationId });
-           socketTask.close();
          }
- 
-         // 可选：处理 done
-         else if (data.type === 'done') {
-           console.log('对话完成:', data);
+        }, 80); // 打字速度：80ms/次
+      });
+    } catch (error) {
+      console.error('小程序流式消息降级失败:', error);
+      if (onComplete) {
+        onComplete({ error: error.message || '发送失败' });
      }
- 
-       } catch (e) {
-         console.error('WebSocket 消息解析失败:', e, '原始数据:', res.data);
+      throw error;
    }
-     });
+    // #endif

-     socketTask.onError((err) => {
-       const errorMsg = 'WebSocket 连接失败';
-       console.error(errorMsg, err);
-       reject(new Error(errorMsg));
-       if (onComplete) onComplete({ error: errorMsg });
-     });
- 
-     socketTask.onClose(() => {
-       console.log('WebSocket 连接已关闭');
-     });
- 
-     const timeout = setTimeout(() => {
-       if (!isAuthenticated || content === '') {
-         console.warn('WebSocket 超时，强制关闭');
-         socketTask.close();
-         reject(new Error('AI服务响应超时'));
-         if (onComplete) onComplete({ error: 'AI服务响应超时' });
-       }
-     }, 10000);
-   });
+    // #ifdef H5
+    // H5：使用真实流式（EventSource / Fetch）
+    return this.sendHttpStream(message, onChunk, onComplete);
    // #endif
  },
+
  /**
   * HTTP 流式请求（仅 H5 使用）
   */
@@ -184,8 +132,11 @@ export default {
        })
      });

-      if (!response.ok || !response.body) {
-        throw new Error('无效响应');
+      if (!response.ok) {
+        throw new Error(`HTTP ${response.status}`);
+      }
+      if (!response.body) {
+        throw new Error('响应体不可用');
      }

      const reader = response.body.getReader();
@@ -194,64 +145,50 @@ export default {
      let content = '';
      let conversationId = '';

-      while (true) {
-        const { done, value } = await reader.read();
-        if (done) break;
-  
-        buffer += decoder.decode(value, { stream: true });
-  
-        // 按行分割，保留不完整的最后一行
-        const lines = buffer.split('\n');
-        buffer = lines.pop() || ''; // 未完成的行留到下次
-  
+      function processBuffer(buf, callback) {
+        const lines = buf.split('\n');
+        buf = lines.pop() || '';
        for (const line of lines) {
          const trimmed = line.trim();
          if (trimmed.startsWith('data:')) {
-            try {
            const jsonStr = trimmed.slice(5).trim();
-              if (jsonStr && jsonStr !== '[DONE]') {
+            if (jsonStr) {
+              try {
                const data = JSON.parse(jsonStr);
                if (data.event === 'message') {
                  const text = data.answer || data.text || '';
                  content += text;
-                  if (onChunk) onChunk(text);
+                  callback(text);
                }
                if (data.conversation_id) {
                  conversationId = data.conversation_id;
                }
                if (data.event === 'message_end') {
-                  // 可提前结束
-                }
+                  // 可选：提前完成
                }
              } catch (e) {
-              console.warn('解析失败:', e, line);
+                console.warn('解析流数据失败:', e);
              }
            }
          }
        }
+        return buf;
+      }

-      // 处理最后残留的 buffer（如果有）
-      if (buffer.trim().startsWith('data:')) {
-        try {
-          const jsonStr = buffer.trim().slice(5);
-          if (jsonStr) {
-            const data = JSON.parse(jsonStr);
-            if (data.event === 'message') {
-              const text = data.answer || '';
-              content += text;
-              if (onChunk) onChunk(text);
-            }
-            if (data.conversation_id) {
-              conversationId = data.conversation_id;
-            }
-          }
-        } catch (e) {
-          console.warn('最后 buffer 解析失败:', e);
-        }
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        buffer += decoder.decode(value, { stream: true });
+        buffer = processBuffer(buffer, (chunk) => {
+          if (onChunk) onChunk(chunk);
+        });
      }

      if (onComplete) {
-        onComplete({ content, conversation_id: conversationId });
+        onComplete({
+          content,
+          conversation_id: conversationId
+        });
      }
      return { content, conversation_id: conversationId };
    } catch (error) {
@@ -259,6 +196,11 @@ export default {
      throw error;
    }
    // #endif
+
+    // #ifdef MP-WEIXIN
+    // 理论上不会执行到这里，但防止 fallback
+    return this.sendStreamMessage(message, onChunk, onComplete);
+    // #endif
  },

  /**
--- a/common/js/customer-service.js
+++ b/common/js/customer-service.js
@@ -2,13 +2,68 @@
 * 客服统一处理服务
 * 整合各种客服方式，提供统一的调用接口
 */
-export class CustomerService {
-    constructor(vueInstance, externalConfig = null) {
+class CustomerService {
+    constructor(vueInstance, externalConfig = {}) {
+        if (!vueInstance.$lang) {
+            throw new Error('CustomerService 必须在 Vue 实例中初始化');
+        }
+
        this.vm = vueInstance;
        this.externalConfig = externalConfig; // 外部传入的最新配置（优先级最高）
        this.latestPlatformConfig = null;
    }

+    getSupoortKeFuList() {
+        if (!this.vm) return [];
+
+        const vm = this.vm;
+
+        return [
+            {
+                id: 'weixin-official',
+                name: vm.$lang('customer.weChatKefu'),
+                isOfficial: true,
+                type: 'weapp'
+            },
+            {
+                id: 'custom-kefu',
+                name: vm.$lang('customer.systemKefu'),
+                isOfficial: false
+            },
+            {
+                id: 'qyweixin-kefu',
+                name: vm.$lang('customer.weChatWorkKefu'),
+                isOfficial: false
+            },
+        ]
+    }
+
+    /**
+     * 打开客服选择弹窗
+     */
+    openCustomerSelectPopupDialog() {
+        const kefu_list = this.getSupoortKeFuList();
+        const kefuNames = kefu_list.map(item => item.name);
+
+        uni.showActionSheet({
+            itemList: kefuNames,
+            success: (res) => {
+                const kefu = kefu_list[res.tapIndex];
+                this.externalConfig = kefu ?? this.externalConfig ?? {};
+                if (kefu.isOfficial) {
+                    uni.openCustomerServiceConversation({
+                        sessionFrom: 'weapp',
+                        showMessageCard: true
+                    });
+                } else if (kefu.id === 'custom-kefu') {
+                    this.handleCustomerClick();
+                } else if (kefu.id === 'qyweixin-kefu') {
+                    this.handleQyWeixinKefuClick();
+                }
+            }
+        });
+    }
+
    /**
     * 强制刷新配置（支持传入外部配置）
     * @param {Object} externalConfig 外部最新配置
@@ -28,29 +83,28 @@ export class CustomerService {
            return this.latestPlatformConfig;
        }

-        // 优先级：外部传入 > vuex store > 空对象
+        // 优先级：外部传入的最新配置 > vuex配置 > 空对象
        const servicerConfig = this.externalConfig || this.vm.$store.state.servicerConfig || {};
        console.log(`【实时客服配置】`, servicerConfig);

        let platformConfig = null;
-
        // #ifdef H5
-        platformConfig = servicerConfig.h5 && typeof servicerConfig.h5 === 'object' ? servicerConfig.h5 : null;
+        platformConfig = servicerConfig.h5 ? (typeof servicerConfig.h5 === 'object' ? servicerConfig.h5 : null) : null;
        // #endif

        // #ifdef MP-WEIXIN
-        platformConfig = servicerConfig.weapp && typeof servicerConfig.weapp === 'object' ? servicerConfig.weapp : null;
+        platformConfig = servicerConfig.weapp ? (typeof servicerConfig.weapp === 'object' ? servicerConfig.weapp : null) : null;
        // #endif

        // #ifdef MP-ALIPAY
-        platformConfig = servicerConfig.aliapp && typeof servicerConfig.aliapp === 'object' ? servicerConfig.aliapp : null;
+        platformConfig = servicerConfig.aliapp ? (typeof servicerConfig.aliapp === 'object' ? servicerConfig.aliapp : null) : null;
        // #endif

        // #ifdef PC
-        platformConfig = servicerConfig.pc && typeof servicerConfig.pc === 'object' ? servicerConfig.pc : null;
+        platformConfig = servicerConfig.pc ? (typeof servicerConfig.pc === 'object' ? servicerConfig.pc : null) : null;
        // #endif

-        // 防止空数组被当作有效配置
+        // 处理空数组情况（你的配置中pc/aliapp是空数组，转为null）
        if (Array.isArray(platformConfig)) {
            platformConfig = null;
        }
@@ -90,18 +144,32 @@ export class CustomerService {
            warnings: []
        };

-        if (!config || !config.type) {
+        if (!config) {
+            result.isValid = false;
+            result.errors.push('客服配置不存在');
+            return result;
+        }
+
+        if (config.type === 'aikefu') {
+            return result;
+        }
+
+        if (!config.type) {
            result.isValid = false;
            result.errors.push('客服类型未配置');
-            return result;
        }

        if (config.type === 'wxwork') {
-            if (!wxworkConfig || !wxworkConfig.enable) {
-                result.warnings.push('企业微信未启用');
+            if (!wxworkConfig) {
+                result.isValid = false;
+                result.errors.push('企业微信配置不存在');
+            } else {
+                if (!wxworkConfig.enable) {
+                    result.warnings.push('企业微信功能未启用');
                }
                if (!wxworkConfig.contact_url) {
-                result.warnings.push('企业微信活码链接未配置');
+                    result.warnings.push('企业微信活码链接未配置，将使用原有客服方式');
+                }
            }
        }

@@ -109,39 +177,16 @@ export class CustomerService {
    }

    /**
-     * 跳转到 AI 客服页面（Dify）
+     * 跳转到AI客服页面
     */
-    openDifyService() {
-        try {
-            // 清除未读数（如果存在）
-            if (typeof this.vm.setAiUnreadCount === 'function') {
-                this.vm.setAiUnreadCount(0);
-            }
-
-            // ✅ 修正路径：必须与 pages.json 中注册的路径一致
-            const aiChatUrl = '/pages_tool/ai-chat/index';
-
-            // ✅ 使用 navigateTo 保留返回栈（体验更好）
-            uni.navigateTo({
-                url: aiChatUrl,
-                fail: (err) => {
-                    console.error('跳转 AI 客服失败:', err);
-                    // H5 兜底
-                    // #ifdef H5
-                    window.location.href = aiChatUrl;
-                    // #endif
-                    uni.showToast({ title: '打开客服失败', icon: 'none' });
-                }
-            });
-        } catch (e) {
-            console.error('跳转 AI 客服异常:', e);
-            uni.showToast({ title: '打开客服失败', icon: 'none' });
-        }
+    openAIKeFuService() {
+        const vm = this.vm;
+        vm.$util.redirectTo(vm.$util.AI_CHAT_PAGE_URL);
    }

    /**
-     * 处理客服点击事件（统一入口）
-     * @param {Object} options 选项参数（用于消息卡片等）
+     * 处理客服点击事件
+     * @param {Object} options 选项参数
     */
    handleCustomerClick(options = {}) {
        const validation = this.validateConfig();
@@ -156,61 +201,51 @@ export class CustomerService {
        }

        const config = this.getPlatformConfig();
-        console.log('【当前客服配置】', config);
-        console.log('【客服类型】', config.type);
-        
-        const { niushop = {}, sendMessageTitle = '', sendMessagePath = '', sendMessageImg = '' } = options;
+        const { niushop = {}, sendMessageTitle = '', sendMessagePath = '', sendMessageImg = '' } = options || {};

        if (config.type === 'none') {
            this.showNoServicePopup();
            return;
        }

-        // 核心路由：根据 type 决定行为
+        // 核心分支：根据最新的type处理
        switch (config.type) {
            case 'aikefu':
-                console.log('【跳转 AI 客服】目标路径: /pages_tool/ai-chat/index');
-                this.openDifyService();
+                this.openAIKeFuService();
                break;
            case 'wxwork':
-                console.log('【跳转企业微信客服】');
                this.openWxworkService(false, config, options);
                break;
            case 'third':
-                console.log('【跳转第三方客服】');
-                this.openThirdService(config);
-                break;
-            case 'miniprogram':
-                console.log('【跳转第三方小程序客服】');
                this.openThirdService(config);
                break;
            case 'niushop':
-                console.log('【跳转牛商客服】');
                this.openNiushopService(niushop);
                break;
            case 'weapp':
-                console.log('【跳转微信官方客服】');
                this.openWeappService(config, options);
                break;
            case 'aliapp':
-                console.log('【跳转支付宝客服】');
                this.openAliappService(config);
                break;
            default:
-                console.error('【未知客服类型】', config.type);
                this.makePhoneCall();
        }
    }

-    // ================== 各类型客服实现 ==================
-
+    /**
+     * 打开企业微信客服
+     * @param {boolean} useOriginalService 是否使用原有客服方式
+     * @param {Object} servicerConfig 客服配置
+     * @param {Object} options 选项参数
+     */
    openWxworkService(useOriginalService = false, servicerConfig = null, options = {}) {
        const config = servicerConfig || this.getPlatformConfig();
        const wxworkConfig = this.getWxworkConfig();
-        const { sendMessageTitle = '', sendMessagePath = '', sendMessageImg = '' } = options;
+        const { sendMessageTitle = '', sendMessagePath = '', sendMessageImg = '' } = options || {};

        // #ifdef MP-WEIXIN
-        if (!useOriginalService && wxworkConfig?.enable && wxworkConfig?.contact_url) {
+        if (wxworkConfig?.enable && wxworkConfig?.contact_url && !useOriginalService) {
            wx.navigateToMiniProgram({
                appId: 'wxeb490c6f9b154ef9',
                path: `pages/contacts/externalContactDetail?url=${encodeURIComponent(wxworkConfig.contact_url)}`,
@@ -221,16 +256,9 @@ export class CustomerService {
                }
            });
        } else {
-            // 检查是否有企业微信配置
-            if (!config.wxwork_url && !config.corpid) {
-                console.error('企业微信配置不完整，缺少 wxwork_url 或 corpid');
-                uni.showToast({ title: '企业微信配置不完整', icon: 'none' });
-                this.fallbackToPhoneCall();
-                return;
-            }
            wx.openCustomerServiceChat({
-                extInfo: { url: config.wxwork_url || '' },
-                corpId: config.corpid || '',
+                extInfo: { url: config.wxwork_url },
+                corpId: config.corpid,
                showMessageCard: true,
                sendMessageTitle,
                sendMessagePath,
@@ -240,125 +268,120 @@ export class CustomerService {
        // #endif

        // #ifdef H5
-        if (!useOriginalService && wxworkConfig?.enable && wxworkConfig?.contact_url) {
+        if (wxworkConfig?.enable && wxworkConfig?.contact_url) {
            window.location.href = wxworkConfig.contact_url;
        } else if (config.wxwork_url) {
-            window.location.href = config.wxwork_url;
+            location.href = config.wxwork_url;
        } else {
            this.fallbackToPhoneCall();
        }
        // #endif
    }

+    /**
+     * 打开第三方客服
+     * @param {Object} config 客服配置
+     */
    openThirdService(config) {
-        console.log('【第三方客服配置】', config);
-        console.log('【配置字段】', Object.keys(config));
-        
-        // 支持多种可能的字段名
-        const miniAppId = config.mini_app_id || config.miniAppId || config.appid || config.appId || config.app_id;
-        const miniAppPath = config.mini_app_path || config.miniAppPath || config.path || config.page_path || '';
-        
-        console.log('【解析后的小程序配置】AppID:', miniAppId, 'Path:', miniAppPath);
-        
-        // 优先处理第三方微信小程序客服
-        if (miniAppId) {
-            console.log('【跳转第三方小程序】AppID:', miniAppId, 'Path:', miniAppPath);
-            // #ifdef MP-WEIXIN
-            wx.navigateToMiniProgram({
-                appId: miniAppId,
-                path: miniAppPath,
-                success: () => {
-                    console.log('【跳转第三方小程序成功】');
-                },
-                fail: (err) => {
-                    console.error('【跳转第三方小程序失败】', err);
-                    uni.showToast({ title: '跳转失败，请稍后重试', icon: 'none' });
-                }
-            });
-            // #endif
-            // #ifdef H5
-            uni.showToast({ title: '第三方小程序客服仅在微信小程序中可用', icon: 'none' });
-            // #endif
-            return;
-        }
-        
-        // 处理第三方链接客服
        if (config.third_url) {
-            console.log('【跳转第三方链接】', config.third_url);
-            // #ifdef H5
            window.location.href = config.third_url;
-            // #endif
-            // #ifdef MP-WEIXIN
-            uni.setClipboardData({
-                data: config.third_url,
-                success: () => {
-                    uni.showToast({ title: '链接已复制，请在浏览器打开', icon: 'none' });
-                }
-            });
-            // #endif
        } else {
-            console.error('【第三方客服配置不完整】缺少 mini_app_id 或 third_url');
            this.fallbackToPhoneCall();
        }
    }

+    /**
+     * 打开牛商客服
+     * @param {Object} niushop 牛商参数
+     */
    openNiushopService(niushop) {
-        if (Object.keys(niushop).length > 0 && this.vm.$util?.redirectTo) {
+        if (Object.keys(niushop).length > 0) {
            this.vm.$util.redirectTo('/pages_tool/chat/room', niushop);
        } else {
            this.makePhoneCall();
        }
    }

+    /**
+     * 打开微信小程序客服
+     * @param {Object} config 客服配置
+     * @param {Object} options 选项参数
+     */
    openWeappService(config, options = {}) {
-        // 如果 useOfficial 为 true 或 undefined，则使用原生系统客服（由 button open-type="contact" 触发）
-        // 此方法仅用于自定义跳转（如 useOfficial: false）
-        if (config.useOfficial !== false) {
-            // 不做任何事，应由 <button open-type="contact"> 触发
-            console.log('使用微信官方客服，请确保按钮为 <button open-type="contact">');
+        if (!this.shouldUseCustomService(config)) {
+            console.log('使用官方微信小程序客服');
            return;
        }
+
+        console.log('使用自定义微信小程序客服');
        this.handleCustomWeappService(config, options);
    }

+    /**
+     * 处理自定义微信小程序客服
+     * @param {Object} config 客服配置
+     * @param {Object} options 选项参数
+     */
    handleCustomWeappService(config, options = {}) {
+        const { sendMessageTitle = '', sendMessagePath = '', sendMessageImg = '' } = options || {};
+
        if (config.customServiceUrl) {
            let url = config.customServiceUrl;
            const params = [];
-            const { sendMessageTitle, sendMessagePath, sendMessageImg } = options;
            if (sendMessageTitle) params.push(`title=${encodeURIComponent(sendMessageTitle)}`);
            if (sendMessagePath) params.push(`path=${encodeURIComponent(sendMessagePath)}`);
            if (sendMessageImg) params.push(`img=${encodeURIComponent(sendMessageImg)}`);
+
            if (params.length > 0) {
                url += (url.includes('?') ? '&' : '?') + params.join('&');
            }
-            uni.navigateTo({ url });
+
+            uni.navigateTo({
+                url: url,
+                fail: (err) => {
+                    console.error('跳转自定义客服页面失败:', err);
+                    this.tryThirdPartyService(config, options);
+                }
+            });
            return;
        }
+
        this.tryThirdPartyService(config, options);
    }

+    /**
+     * 尝试使用第三方客服
+     * @param {Object} config 客服配置
+     * @param {Object} options 选项参数
+     */
    tryThirdPartyService(config, options = {}) {
-        // 支持第三方微信小程序客服
-        if (config.thirdPartyMiniAppId || config.mini_app_id) {
-            // #ifdef MP-WEIXIN
-            wx.navigateToMiniProgram({
-                appId: config.thirdPartyMiniAppId || config.mini_app_id,
-                path: config.thirdPartyMiniAppPath || config.mini_app_path || ''
-            });
-            // #endif
-            return;
-        }
-        
-        // 支持第三方链接客服
-        if (config.thirdPartyServiceUrl || config.third_url) {
-            const serviceUrl = config.thirdPartyServiceUrl || config.third_url;
+        if (config.thirdPartyServiceUrl) {
            // #ifdef H5
-            window.open(serviceUrl, '_blank');
+            window.open(config.thirdPartyServiceUrl, '_blank');
            // #endif
+
            // #ifdef MP-WEIXIN
-            uni.setClipboardData({ data: serviceUrl });
-            uni.showToast({ title: '客服链接已复制', icon: 'none' });
+            if (config.thirdPartyMiniAppId) {
+                wx.navigateToMiniProgram({
+                    appId: config.thirdPartyMiniAppId,
+                    path: config.thirdPartyMiniAppPath || '',
+                    fail: (err) => {
+                        console.error('跳转第三方小程序失败:', err);
+                        this.fallbackToPhoneCall();
+                    }
+                });
+            } else {
+                uni.setClipboardData({
+                    data: config.thirdPartyServiceUrl,
+                    success: () => {
+                        uni.showModal({
+                            title: '客服链接已复制',
+                            content: '客服链接已复制到剪贴板，请在浏览器中粘贴访问',
+                            showCancel: false
+                        });
+                    }
+                });
+            }
            // #endif
            return;
        }
@@ -366,55 +389,106 @@ export class CustomerService {
        this.fallbackToPhoneCall();
    }

-    openAliappService(config) {
-        if (config.type === 'aikefu') {
-            this.openDifyService();
-        } else if (config.type === 'third') {
-            this.openThirdService(config);
-        } else {
-            // 支付宝原生客服由 button open-type="contact" 触发，此处不处理
-            console.log('使用支付宝官方客服');
+    /**
+     * 降级到电话客服
+     */
+    fallbackToPhoneCall() {
+        uni.showModal({
+            title: '联系客服',
+            content: '在线客服暂时不可用，是否拨打电话联系客服？',
+            success: (res) => {
+                if (res.confirm) {
+                    this.makePhoneCall();
                }
            }
-
-    // ================== 辅助方法 ==================
-
-    makePhoneCall() {
-        this.vm.$api.sendRequest({
-            url: '/api/site/shopcontact',
-            success: res => {
-                if (res.code === 0 && res.data?.mobile) {
-                    uni.makePhoneCall({ phoneNumber: res.data.mobile });
-                } else {
-                    uni.showToast({ title: '暂无客服电话', icon: 'none' });
-                }
-            },
-            fail: () => {
-                uni.showToast({ title: '获取客服电话失败', icon: 'none' });
-            }
        });
    }

+    /**
+     * 打开支付宝小程序客服
+     * @param {Object} config 客服配置
+     */
+    openAliappService(config) {
+        console.log('支付宝小程序客服', config);
+        switch (config.type) {
+            case 'aikefu':
+                this.openAIKeFuService();
+                break;
+            case 'third':
+                this.openThirdService(config);
+                break;
+            default:
+                console.log('使用支付宝官方客服');
+                break;
+        }
+    }
+
+    /**
+     * 拨打电话
+     */
+    makePhoneCall(mobileNumber) {
+        if (mobileNumber) {
+            return uni.makePhoneCall({
+                phoneNumber: mobileNumber
+            });
+        }
+
+        // 从缓存中获取电话信息
+        uni.getStorage({
+            key: 'shopInfo',
+            success: (res) => {
+                const shopInfo = res.data;
+                const mobile = shopInfo?.mobile ?? '';
+                if (mobile) {
+                    uni.makePhoneCall({
+                        phoneNumber: mobile
+                    });                    
+                } else {
+                    uni.showToast({
+                        title: '暂无客服电话',
+                        icon: 'none'
+                    });                    
+                }
+            }
+        });
+    }
+
+    /**
+     * 显示无客服弹窗
+     */
    showNoServicePopup() {
        const siteInfo = this.vm.$store.state.siteInfo || {};
        const message = siteInfo?.site_tel
            ? `请联系客服，客服电话是${siteInfo.site_tel}`
            : '抱歉，商家暂无客服，请线下联系';
-        uni.showModal({ title: '联系客服', content: message, showCancel: false });
-    }

-    showConfigErrorPopup(errors) {
        uni.showModal({
-            title: '客服配置错误',
-            content: `配置有误：\n${errors.join('\n')}`,
+            title: '联系客服',
+            content: message,
            showCancel: false
        });
    }

+    /**
+     * 显示配置错误弹窗
+     * @param {Array} errors 错误列表
+     */
+    showConfigErrorPopup(errors) {
+        const message = errors.join('\n');
+        uni.showModal({
+            title: '配置错误',
+            content: `客服配置有误：\n${message}`,
+            showCancel: false
+        });
+    }
+
+    /**
+     * 降级处理：使用原有客服方式
+     */
    fallbackToOriginalService() {
        uni.showModal({
            title: '提示',
-            content: '无法直接添加企业微信，是否使用其他方式联系客服？',
+            content: '无法直接添加企业微信客服，是否使用其他方式联系客服？',
            success: (res) => {
                if (res.confirm) {
                    this.openWxworkService(true);
@@ -423,19 +497,9 @@ export class CustomerService {
        });
    }

-    fallbackToPhoneCall() {
-        uni.showModal({
-            title: '提示',
-            content: '在线客服不可用，是否拨打电话联系客服？',
-            success: (res) => {
-                if (res.confirm) this.makePhoneCall();
-            }
-        });
-    }
-
    /**
-     * 获取按钮配置（用于 template 中 v-if / open-type 判断）
-     * @returns {Object}
+     * 获取客服按钮配置
+     * @returns {Object} 按钮配置
     */
    getButtonConfig() {
        const config = this.getPlatformConfig();
@@ -443,24 +507,39 @@ export class CustomerService {

        let openType = '';
        // #ifdef MP-WEIXIN
-        if (config.type === 'weapp' && config.useOfficial !== false) {
-            openType = 'contact';
+        if (config.type === 'weapp') {
+            openType = config.useOfficial !== false ? 'contact' : '';
        }
        // #endif
+
        // #ifdef MP-ALIPAY
        if (config.type === 'aliapp') openType = 'contact';
        // #endif

        return { ...config, openType };
    }
+
+    /**
+     * 判断是否应该使用自定义客服处理
+     * @param {Object} config 客服配置
+     * @returns {boolean} 是否使用自定义客服
+     */
+    shouldUseCustomService(config) {
+        // #ifdef MP-WEIXIN
+        if (config?.type === 'weapp') {
+            return config.useOfficial === false;
+        }
+        // #endif
+        return true;
+    }
 }

 /**
 * 创建客服服务实例
- * @param {Object} vueInstance Vue 实例（通常是 this）
- * @param {Object} externalConfig 可选：外部传入的最新配置（如从 DIY 数据中提取）
- * @returns {CustomerService}
+ * @param {Object} vueInstance Vue实例
+ * @param {Object} externalConfig 外部最新配置
+ * @returns {CustomerService} 客服服务实例
 */
-export function createCustomerService(vueInstance, externalConfig = null) {
+export function createCustomerService(vueInstance, externalConfig = {}) {
    return new CustomerService(vueInstance, externalConfig);
 }
--- a/common/js/golbalConfig.js
+++ b/common/js/golbalConfig.js
@@ -65,10 +65,6 @@ export default {
 		componentRefresh() {
 			return this.$store.state.componentRefresh;
 		},
-		// AI客服配置
-		globalAIKefuConfig() {
-			return this.$store.state.globalAIKefuConfig;
-		},
 		// 客服配置
 		servicerConfig() {
 			return this.$store.state.servicerConfig;
--- a/common/js/lang.js
+++ b/common/js/lang.js
@@ -54,6 +54,14 @@ function loadLangPackSync(lang, path) {
 	}
 }

+/**
+ * 获得当前本地语言
+ * @returns 
+ */
+function getCurrentLocale() {
+	return uni.getStorageSync('lang') || "zh-cn";
+}
+
 export default {
 	langList: langConfig.langList,

@@ -61,9 +69,7 @@ export default {
 	 * 获得当前本地语言
 	 * @returns 
 	 */
-	getCurrentLocale() {
-		return uni.getStorageSync('lang') || "zh-cn"; 
-	},
+	getCurrentLocale,

 	/**
 	 * * 解析多语言
@@ -73,7 +79,7 @@ export default {
 		let _page = getCurrentPages()[getCurrentPages().length - 1];
 		if (!_page) return;

-		const locale = this.getCurrentLocale(); // 获得当前本地语言
+		const locale = getCurrentLocale(); // 获得当前本地语言

 		let value = ''; // 存放解析后的语言值
 		let langPath = ''; // 存放当前页面语言包路径
@@ -141,7 +147,7 @@ export default {
 		if (!_page) return;

 		uni.setStorageSync("lang", value);
-		const locale = this.getCurrentLocale();
+		const locale = getCurrentLocale();

 		// 清空已加载的语言包缓存
 		for (let key in loadedLangPacks) {
@@ -161,7 +167,7 @@ export default {
 		let _page = getCurrentPages()[getCurrentPages().length - 1];
 		if (!_page) return;

-		const locale = this.getCurrentLocale();
+		const locale = getCurrentLocale();

 		this.title(this.lang("title"));

--- a/components/chat-message/chat-message.vue
+++ b/components/chat-message/chat-message.vue
@@ -179,7 +179,6 @@
 	.chat-message {
 		width: 100%;
 		height: 100%;
-		background: white; /* 白色 */

 		.message {
 			padding: 13rpx 20rpx;
@@ -271,7 +270,7 @@
 				flex-direction: row-reverse;

 				.content {
-					background-color: #c4e0ff; /* 浅蓝色 */
+					background-color: #4cd964;
 					margin-right: 28rpx;
 					word-break: break-all;
 					line-height: 36rpx;
--- a/components/hover-nav/hover-nav.vue
+++ b/components/hover-nav/hover-nav.vue
@@ -1,57 +1,43 @@
 <template>
-  <view v-if="pageCount == 1 || need" class="fixed-box"
-    :style="[customContainerStyle, { 
-      height: containerHeight,
+  <!-- 悬浮按钮 -->
+  <view v-if="pageCount == 1 || need" class="fixed-box" :style="[customContainerStyle, {
+    height: fixBtnShow ? '400rpx' : '320rpx',
    backgroundImage: bgUrl ? `url(${bgUrl})` : '',
    backgroundSize: 'cover'
  }]">

-    <!-- ✅ 统一客服入口（根据后台配置自动适配 AI / 企业微信 / 第三方等） -->
-    <!-- 微信官方客服需要使用 button open-type="contact" -->
-    <button 
-      v-if="fixBtnShow && isWeappOfficialKefu"
-      class="btn-item common-bg"
-      open-type="contact"
-      :style="{ backgroundImage: currentKefuImg ? `url( $ {currentKefuImg})` : '', backgroundSize: '100% 100%' }"
-    >
-      <text class="ai-icon" v-if="!currentKefuImg">🤖</text>
-    </button>
-    <!-- 其他类型客服使用普通 view -->
-    <view 
-      v-else-if="fixBtnShow"
-      class="btn-item common-bg"
-      @click="handleUnifiedKefuClick"
-      :style="{ backgroundImage: currentKefuImg ? `url( $ {currentKefuImg})` : '', backgroundSize: '100% 100%' }"
-    >
-      <text class="ai-icon" v-if="!currentKefuImg">🤖</text>
-    </view>
-
-    <!-- ✅ 新增：小程序系统客服按钮（当附加设置开启时显示） -->
-    <button 
-      v-if="fixBtnShow && showWeappSystemKefu"
-      class="btn-item common-bg"
-      open-type="contact"
-      :style="{ backgroundImage: currentKefuImg ? `url( $ {currentKefuImg})` : '', backgroundSize: '100% 100%' }"
-    >
-      <text class="ai-icon" v-if="!currentKefuImg">💬</text>
-    </button>
-
    <!-- 中英文切换按钮 -->
-    <view 
-      v-if="isLanguageSwitchEnabled && fixBtnShow"
-      class="btn-item common-bg"
-      @click="toggleLanguage"
-    >
+    <view v-if="isLanguageSwitchEnabled && fixBtnShow" class="btn-item common-bg" @click="toggleLanguage">
      <text>{{ currentLangDisplayName }}</text>
    </view>

+    <!-- AI 智能助手 -->
+    <view v-if="fixBtnShow && enableAIChat" class="btn-item common-bg" @click="openAIChat"
+      :style="{ backgroundImage: aiAgentimg ? `url(${aiAgentimg})` : '', backgroundSize: '100% 100%' }">
+      <text class="ai-icon" v-if="!aiAgentimg">🤖</text>
+    </view>
+
+    <!-- 微信小程序客服按钮 -->
+    <!-- #ifdef MP-WEIXIN -->
+    <button class="btn-item common-bg" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true"
+      :style="[{ backgroundImage: kefuimg ? `url(${kefuimg})` : '', backgroundSize: '100% 100%' }, customButtonStyle]">
+      <text class="icox icox-kefu" v-if="!kefuimg"></text>
+    </button>
+    <!-- #endif -->
+
+    <!-- 普通客服（仅当未启用 AI 时显示） -->
+    <!-- #ifdef H5 -->
+    <template v-if="fixBtnShow">
+      <button class="btn-item common-bg" hoverClass="none" @click="openCustomerSelectPopup"
+        :style="[{ backgroundImage: kefuimg ? `url(${kefuimg})` : '', backgroundSize: '100% 100%' }, customButtonStyle]">
+        <text class="icox icox-kefu" v-if="!kefuimg"></text>
+      </button>
+    </template>
+    <!-- #endif -->
+
    <!-- 电话按钮（始终显示） -->
-    <view 
-      v-if="fixBtnShow" 
-      class="btn-item common-bg"
-      @click="call()"
-      :style="[{ backgroundImage: phoneimg ? `url( $ {phoneimg})` : '', backgroundSize: '100% 100%' }, customButtonStyle]"
-    >
+    <view v-if="fixBtnShow" class="btn-item common-bg" @click="call()"
+      :style="[{ backgroundImage: phoneimg ? `url(${phoneimg})` : '', backgroundSize: '100% 100%' }, customButtonStyle]">
      <text class="iconfont icon-dianhua" v-if="!phoneimg"></text>
    </view>

@@ -70,18 +56,16 @@ export default {
    return {
      pageCount: 0,
      fixBtnShow: true,
+
      shopInfo: null,
      currentLangIndex: 0,
      langIndexMap: {},
-      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,
+
+      customerService: null,
    };
  },
  computed: {
+    // 安全读取 shopInfo 中的字段，避免 undefined 报错
    bgUrl() {
      return this.shopInfo?.bgUrl || '';
    },
@@ -100,6 +84,9 @@ export default {
    isLanguageSwitchEnabled() {
      return !!this.shopInfo?.ischina;
    },
+    enableAIChat() {
+      return !!this.shopInfo?.enableAIChat;
+    },
    currentLangDisplayName() {
      const lang = this.langIndexMap[this.currentLangIndex];
      return lang === 'zh-cn' ? 'EN' : 'CN';
@@ -109,76 +96,15 @@ export default {
    },
    customButtonStyle() {
      return this.shopInfo?.floatingButton?.button || {};
-    },
-    unreadCount() {
-      return this. $store.state.aiUnreadCount || 0;
-    },
-
-    // ✅ 新增：根据当前客服类型动态返回图标
-    currentKefuImg() {
-      if (!this.shopInfo) return '';
-
-      const customerService = createCustomerService(this);
-      const config = customerService.getPlatformConfig();
-
-      if (config?.type === 'aikefu') {
-        return this.aiAgentimg;
-      } else if (config?.type === 'wxwork' || config?.type === 'qyweixin') {
-        // 企业微信客服专用图标
-        return this.aiAgentimg;
-      }
-      // 默认客服图标
-      return this.kefuimg;
-    },
-    // ✅ 新增：判断是否为微信官方客服
-    isWeappOfficialKefu() {
-      if (!this.shopInfo) return false;
-      const customerService = createCustomerService(this);
-      const config = customerService.getPlatformConfig();
-      return config?.type === 'weapp';
-    },
-    // ✅ 新增：判断是否需要同时显示小程序系统客服
-    showWeappSystemKefu() {
-      if (!this.shopInfo) return false;
-      const customerService = createCustomerService(this);
-      const config = customerService.getPlatformConfig();
-      // 检查附加设置是否开启了同时显示小程序系统客服，且当前客服类型不是小程序系统客服
-      return (config?.show_system_service === true || config?.show_system_service === '1') && config?.type !== 'weapp';
-    },
-    //根据显示的按钮数量动态计算容器高度
-   containerHeight() {
-     if (!this.fixBtnShow) return '320rpx';
-   
-     let buttonCount = 1;
-     if (this.isLanguageSwitchEnabled) buttonCount++;
-     if (this.showWeappSystemKefu) buttonCount++;
-     buttonCount++; 
-     const totalRpx = 94 * buttonCount - 14;
-     const pxValue = Math.round(totalRpx * 0.5);
-   
-     return ` $ {pxValue}px`;
-   }
-  },
-  watch: {
-    shopInfo: {
-      handler(newVal) {
-        // 可在此添加额外逻辑（如埋点、通知等），当前无需操作
-      },
-      immediate: true
    }
  },
  created() {
+    this.customerService = createCustomerService(this);
    this.initLanguage();
-    this.pageCount = getCurrentPages().length;
-
    uni.getStorage({
      key: 'shopInfo',
      success: (e) => {
-        console.log('【调试】当前 shopInfo:', e.data);
        this.shopInfo = e.data;
-      },
-      fail: () => {
-        console.warn('未获取到 shopInfo，使用默认设置');
      }
    });
  },
@@ -236,95 +162,6 @@ export default {
     */
    openCustomerSelectPopup() {
      this.customerService.openCustomerSelectPopupDialog();
-    },    
-
-    // ✅ 核心方法：统一客服入口
-    handleUnifiedKefuClick() {
-      const customerService = createCustomerService(this);
-      const validation = customerService.validateConfig();
-
-      console.log('【客服配置验证】', validation);
-
-      if (!validation.isValid) {
-        console.error('客服配置无效:', validation.errors);
-        uni.showToast({ title: '客服暂不可用', icon: 'none' });
-        return;
-      }
-
-      if (validation.warnings.length > 0) {
-        console.warn('客服配置警告:', validation.warnings);
-      }
-
-      const platformConfig = customerService.getPlatformConfig();
-      console.log('【当前客服配置】', platformConfig);
-
-      // 检查企业微信配置
-      if (platformConfig.type === 'wxwork') {
-        const wxworkConfig = customerService.getWxworkConfig();
-        console.log('【企业微信配置】', wxworkConfig);
-
-        // #ifdef MP-WEIXIN
-        if (!wxworkConfig?.enable || !wxworkConfig?.contact_url) {
-          console.warn('企业微信配置不完整，使用原生客服');
-          uni.showToast({ title: '企业微信配置不完整', icon: 'none' });
-        }
-        // #endif
-
-        // #ifdef H5
-        if (!wxworkConfig?.contact_url && !platformConfig.wxwork_url) {
-          console.error('企业微信链接未配置');
-          uni.showToast({ title: '企业微信链接未配置', icon: 'none' });
-          return;
-        }
-        // #endif
-      }
-
-      // 直接调用统一处理方法，由 CustomerService 内部根据配置路由
-      try {
-        customerService.handleCustomerClick({
-          sendMessageTitle: '来自悬浮按钮的咨询',
-          sendMessagePath: '/pages/index/index'
-        });
-      } catch (error) {
-        console.error('客服处理失败:', error);
-        uni.showToast({ title: '打开客服失败', icon: 'none' });
-      }
-    },
-
-    // 以下方法保留用于 actionSheet（如仍需手动选择）
-    openKefuSelectPopup() {
-      const kefuNames = this.kefuList.map(item => item.name);
-      uni.showActionSheet({
-        itemList: kefuNames,
-        success: (res) => {
-          this.selectedKefu = this.kefuList[res.tapIndex];
-          const cs = createCustomerService(this, this.selectedKefu);
-          if (this.selectedKefu.isOfficial) {
-            uni.openCustomerServiceConversation({
-              sessionFrom: 'weapp',
-              showMessageCard: true
-            });
-          } else if (this.selectedKefu.id === 'qyweixin-kefu') {
-            // 处理企业微信客服
-            if (uni.getSystemInfoSync().platform === 'wechat') {
-              // 小程序端：跳转到企业微信客服
-              uni.navigateTo({
-                url: '/pages_tool/qyweixin-kefu/index'
-              });
-            } else {
-              // H5端：跳转到企业微信链接
-              const qyweixinUrl = this.shopInfo.qyweixinUrl; // 后端返回的企业微信链接
-              if (qyweixinUrl) {
-                window.location.href = qyweixinUrl;
-              } else {
-                uni.showToast({ title: '企业微信客服未配置', icon: 'none' });
-              }
-            }
-          } else {
-            cs.handleCustomerClick();
-          }
-        }
-      });
    }
  }
 }
--- a/manifest.json
+++ b/manifest.json
@@ -104,7 +104,7 @@
        },
        "router" : {
            "mode" : "history",
-            "base" : "/hwappx/common/"
+            "base" : "/hwappx/2811/"
        },
        "title" : "",
        "devServer" : {
--- a/pages_tool/ai-chat/ai-chat-message.vue
+++ b/pages_tool/ai-chat/ai-chat-message.vue
@@ -1,11 +1,7 @@
 <template>
  <view class="ai-chat-container">
    <!-- 聊天消息列表 -->
-    <scroll-view 
-      class="chat-messages" 
-      scroll-y 
-      :scroll-top="scrollTop"
-       @scroll="onScroll"
+    <scroll-view class="chat-messages" scroll-y :scroll-top="scrollTop" @scroll="onScroll"
      :scroll-with-animation="false">

      <!-- 加载更多历史消息 -->
@@ -14,11 +10,7 @@
      </view>

      <!-- 消息列表 -->
-      <view 
-        v-for="(message, index) in messages" 
-        :key="`msg-${message.id || message.timestamp}-${index}`"  
-        class="message-item"
-        :class="[message.role, { 'first-message': index === 0 }]">
+      <view v-for="item in messagesWithKey" :key="item.__renderKey" class="message-item" :class="[item.role, { 'first-message': item.__index === 0 }]">

        <!-- 用户消息 -->
        <view v-if="message.role === 'user'" class="user-message">
@@ -85,21 +77,12 @@
                    <text class="audio-duration">{{ formatDuration(message.duration) }}</text>
                  </view>
                  <view class="audio-controls">
-                    <button 
-                      class="play-btn" 
-                      :class="{ playing: message.playing }"
-                      @click="toggleAudio(message)">
+                    <button class="play-btn" :class="{ playing: message.playing }" @click="toggleAudio(message)">
                      <text class="iconfont" :class="message.playing ? 'icon-pause' : 'icon-play'"></text>
                    </button>
-                    <slider 
-                      class="audio-slider" 
-                      :value="message.currentTime || 0" 
-                      :max="message.duration || 0"
-                      @changing="onAudioSliderChange"
-                      @change="onAudioSliderChangeEnd"
-                      activeColor="#8a9fb8"
-                      backgroundColor="#e8edf3"
-                      block-size="12" />
+                    <slider class="audio-slider" :value="message.currentTime || 0" :max="message.duration || 0"
+                      @changing="onAudioSliderChange" @change="onAudioSliderChangeEnd" activeColor="#8a9fb8"
+                      backgroundColor="#e8edf3" block-size="12" />
                  </view>
                </view>
              </view>
@@ -107,14 +90,8 @@
              <!-- 视频消息 -->
              <view v-else-if="message.type === 'video'" class="video-content">
                <view class="video-player">
-                  <video 
-                    :src="message.url" 
-                    :poster="message.cover"
-                    :controls="true"
-                    :autoplay="false"
-                    class="video-element"
-                    @play="onVideoPlay(message)"
-                    @pause="onVideoPause(message)">
+                  <video :src="message.url" :poster="message.cover" :controls="true" :autoplay="false"
+                    class="video-element" @play="onVideoPlay(message)" @pause="onVideoPause(message)">
                  </video>
                  <view class="video-info">
                    <text class="video-title">{{ message.title || '视频消息' }}</text>
@@ -163,12 +140,8 @@

              <!-- 操作按钮 -->
              <view class="message-actions" v-if="message.actions && message.actions.length > 0">
-                <button 
-                  v-for="action in message.actions" 
-                  :key="action.id"
-                  class="action-btn"
-                  :class="[`iconfont`, action.icon, action.type]"
-                  @click="handleAction(action, message)">
+                <button v-for="action in message.actions" :key="action.id" class="action-btn"
+                  :class="[`iconfont`, action.icon, action.type]" @click="handleAction(action, message)">
                  {{ action.text }}
                </button>
              </view>
@@ -199,21 +172,11 @@
      </view>

      <view class="input-container">
-        <textarea 
-          v-model="inputText" 
-          class="message-input"
-          placeholder="请输入您的问题..."
-          :maxlength="500"
-          :auto-height="true"
-          :show-confirm-bar="false"
-          @confirm="sendMessage"
-          @input="onInput" />
+        <textarea v-model="inputText" class="message-input" placeholder="请输入您的问题..." :maxlength="500"
+          :auto-height="true" :show-confirm-bar="false" @confirm="sendMessage" @input="onInput" />

        <!-- 发送按钮 -->
-        <button 
-          class="send-btn" 
-          :class="{ disabled: !inputText.trim() }"
-          @click="sendMessage"
+        <button class="send-btn" :class="{ disabled: !inputText.trim() }" @click="sendMessage"
          :disabled="!inputText.trim()">
          <text>发送</text>
        </button>
@@ -271,11 +234,7 @@
        </view>
        <view class="voice-content">
          <view class="voice-wave" :class="{ recording: voiceInputing }">
-            <view 
-              v-for="i in 8" 
-              :key="i" 
-              class="wave-bar"
-              :style="{ animationDelay: (i * 0.1) + 's' }"></view>
+            <view v-for="i in 8" :key="i" class="wave-bar" :style="{ animationDelay: (i * 0.1) + 's' }"></view>
          </view>
          <text class="voice-tip">{{ voiceInputing ? '正在录音，松开结束' : '点击开始录音' }}</text>
        </view>
@@ -331,23 +290,15 @@
        </view>
        <view class="nickname-editor-content">
          <view class="nickname-input-container">
-            <input 
-              v-model="tempNickname" 
-              class="nickname-input"
-              placeholder="请输入您的新昵称"
-              :maxlength="12"
-              type="text" />
+            <input v-model="tempNickname" class="nickname-input" placeholder="请输入您的新昵称" :maxlength="12" type="text" />
          </view>
          <view class="nickname-tip">昵称长度限制1-12个字符，仅自己可见</view>
          <view class="nickname-editor-actions">
            <button class="nickname-action-btn cancel" @click="closeNicknameEditor">
              <text>取消</text>
            </button>
-            <button 
-              class="nickname-action-btn confirm" 
-              :class="{ disabled: !tempNickname.trim() }"
-              :disabled="!tempNickname.trim()"
-              @click="saveNickname">
+            <button class="nickname-action-btn confirm" :class="{ disabled: !tempNickname.trim() }"
+              :disabled="!tempNickname.trim()" @click="saveNickname">
              <text>保存</text>
            </button>
          </view>
@@ -440,15 +391,20 @@ export default {
      isFetchingHistory: false
    }
  },
-  onShow() {
-	  // 如果不是 AI 客服，立即退出并跳转
-	    if (customerServiceType !== 'ai') {
-	      uni.showToast({ title: '当前客服类型不支持此页面', icon: 'none' });
-	      setTimeout(() => {
-	        uni.navigateBack({ delta: 1 }); // 或 redirectTo 首页
-	      }, 1000);
-	      return; // ⚠️ 关键：阻止后续初始化
+  computed: {
+    // 为每条消息生成兼容小程序的唯一 key
+    messagesWithKey() {
+      return this.messages.map((msg, idx) => {
+        const uniqueId = msg.id || msg.timestamp || idx;
+        return {
+          ...msg,
+          __renderKey: `msg_${uniqueId}_${idx}`,
+          __index: idx  // 保留原始索引，用于判断 first-message 等
+        };
+      });
    }
+  },
+  onShow() {
    // 优先读取本地缓存的会话 ID
    const localConvId = this.getConversationIdFromLocal();
    if (localConvId) {
@@ -818,7 +774,6 @@ export default {
    },

    // 发送流式消息
- // 发送流式消息（自动适配 H5 / 微信小程序）
    async sendStreamMessage(userMessage) {
      // 创建流式消息对象
      const streamMessage = {
@@ -828,36 +783,35 @@ export default {
        content: '',
        timestamp: Date.now(),
        isStreaming: true
-   };
+      }

      // 移除加载状态，添加流式消息
-   this.messages = this.messages.filter(msg => msg.type !== 'loading');
-   this.shouldScrollToBottom = true;
-   this.messages.push(streamMessage);
+      this.messages = this.messages.filter(msg => msg.type !== 'loading')
+      this.shouldScrollToBottom = true
+      this.messages.push(streamMessage)

-   try {
-     // #ifdef H5
-     // ===== H5: 使用 POST + 流式 (fetch readable stream) =====
-     await aiService.sendHttpStream(
+      // 开始流式响应
+      await aiService.sendStreamMessage(
        userMessage,
+        // 流式数据回调
        (chunk) => {
-         // 实时更新内容
-         streamMessage.content += chunk;
-         this.$forceUpdate(); // 强制更新视图
+          streamMessage.content += chunk
+          this.$forceUpdate() // 或 this.$nextTick()
        },
+        // 完成回调：处理对象或字符串
        (completeResult) => {
-         // 流结束回调
          let finalContent = '';
          let convId = '';

+          // 判断是对象还是字符串
          if (typeof completeResult === 'string') {
            finalContent = completeResult;
          } else {
            finalContent = completeResult.content || '';
-           convId = completeResult.conversation_id || '';
+            convId = completeResult.conversation_id || ''; // 👈 关键：提取 conversation_id
          }

-         // 更新最终内容
+          // 更新消息状态
          streamMessage.isStreaming = false;
          streamMessage.content = finalContent;

@@ -867,71 +821,17 @@ export default {
            { id: 2, text: '没帮助', type: 'dislike' }
          ];

-         // 保存会话 ID
+          //  保存 conversation_id 到本地
          if (convId) {
-           this.currentConversationId = convId;
            aiService.setConversationId(convId);
-           this.saveConversationIdToLocal(convId);
          }

          // 触发事件
          this.$emit('ai-response', streamMessage);
-       }
-     );
-     // #endif
- 
-     // #ifdef MP-WEIXIN
-     // ===== 微信小程序: 使用 WebSocket =====
-     await aiService.sendStreamMessage(
-       userMessage,
-       (chunk) => {
-         // 实时更新内容
-         streamMessage.content += chunk;
-         this.$forceUpdate();
-       },
-       (completeResult) => {
-         // 流结束回调
-         let finalContent = completeResult?.content || '';
-         let convId = completeResult?.conversation_id || '';
- 
-         // 更新最终内容
-         streamMessage.isStreaming = false;
-         streamMessage.content = finalContent;
- 
-         // 添加操作按钮
-         streamMessage.actions = [
-           { id: 1, text: '有帮助', type: 'like' },
-           { id: 2, text: '没帮助', type: 'dislike' }
-         ];
- 
-         // 保存会话 ID
-         if (convId) {
-           this.currentConversationId = convId;
-           aiService.setConversationId(convId);
          this.saveConversationIdToLocal(convId);
-         }
- 
-         // 触发事件
-         this.$emit('ai-response', streamMessage);
+          this.currentConversationId = convId;
        }
      );
-     // #endif
-   } catch (error) {
-     console.error('流式请求失败:', error);
-     // 移除流式消息
-     this.messages = this.messages.filter(msg => msg.id !== streamMessage.id);
-     // 显示错误
-     const errorMsg = {
-       id: ++this.messageId,
-       role: 'ai',
-       type: 'text',
-       content: '抱歉，服务暂时不可用，请稍后重试。',
-       timestamp: Date.now(),
-       actions: [{ id: 1, text: '重试', type: 'retry' }]
-     };
-     this.messages.push(errorMsg);
-     this.$emit('ai-response', errorMsg);
-   }
    },
    generateAIResponse(userMessage) {
      const responses = {
@@ -1452,7 +1352,7 @@ $radius-lg: 36rpx;
  display: flex;
  flex-direction: column;
  /* 仅新增：科技感粉蓝渐变背景 + 流动动画 */
-  background: white; /* 白色 */
+  background: linear-gradient(135deg, #fde6f7 0%, #f8b7e8 20%, #c4e0ff 50%, #8cb4ff 80%, #ffffff 100%);
  background-size: 200% 200%;
  animation: gradient-flow 15s ease infinite;
  /* 原有样式保持不变 */
@@ -1466,7 +1366,8 @@ $radius-lg: 36rpx;
    padding: 24rpx 32rpx;
    overflow-y: auto;
    box-sizing: border-box;
-    min-height: 0; /* 重要：防止flex元素溢出 */
+    min-height: 0;
+    /* 重要：防止flex元素溢出 */

    .load-more {
      text-align: center;
@@ -1481,7 +1382,8 @@ $radius-lg: 36rpx;
        margin-top: 24rpx;
      }

-      .user-message, .ai-message {
+      .user-message,
+      .ai-message {
        display: flex;
        align-items: flex-start;

@@ -1512,7 +1414,25 @@ $radius-lg: 36rpx;
          margin-left: 24rpx;
          max-width: calc(100% - 112rpx);
          min-width: 0;
-          width: 0; /* 添加这个属性防止flex元素溢出 */
+          width: 0;
+          /* 添加这个属性防止flex元素溢出 */
+
+          .message-nickname {
+            font-size: 24rpx;
+            color: $color-text-light;
+            margin-bottom: 8rpx;
+            letter-spacing: 0.5rpx;
+            text-align: right;
+          }
+
+          // AI昵称专属样式 - 左移到气泡上方
+          .ai-nickname {
+            text-align: left;
+            margin-left: 0;
+            padding-left: 0;
+            align-self: flex-start;
+            margin-bottom: 4rpx;
+          }

          .message-bubble {
            padding: 24rpx 32rpx;
@@ -1933,28 +1853,6 @@ $radius-lg: 36rpx;
        }
      }

-      /* ========== 关键修复：拆分 .message-nickname 样式 ========== */
-      .message-nickname {
-        font-size: 24rpx;
-        color: $color-text-light;
-        margin-bottom: 8rpx;
-        letter-spacing: 0.5rpx;
-      }
-
-      /* 用户昵称：右对齐 */
-      .user-message .message-nickname {
-        text-align: right;
-      }
-
-      /* AI 昵称：使用 .ai-nickname 类控制 */
-      .ai-nickname {
-        text-align: left;
-        margin-left: 0;
-        padding-left: 0;
-        align-self: flex-start;
-        margin-bottom: 4rpx;
-      }
-
      /* 用户消息特有样式 */
      .user-message {
        flex-direction: row-reverse;
@@ -1965,20 +1863,27 @@ $radius-lg: 36rpx;
          text-align: right;

          .message-bubble {
-            background: #c4e0ff !important; /* 浅蓝色 */
-            color: black !important;
-            border-radius: 16rpx 16rpx 4rpx 16rpx; /* 右对齐气泡尖角适配 */
-            box-shadow: 0 8rpx 20rpx rgba(196, 224, 255, 0.3) !important;
+            background: linear-gradient(135deg, #ffadd2, #f783ac) !important;
+            /* 粉色渐变 */
+            color: white !important;
+            border-radius: 16rpx 16rpx 4rpx 16rpx;
+            /* 右对齐气泡尖角适配 */
+            box-shadow: 0 8rpx 20rpx rgba(247, 131, 172, 0.3) !important;
            border: none !important;
            /* ✅ 关键：允许内容撑开高度 */
            min-height: auto;
            height: auto;
-            padding: 24rpx 32rpx; /* 保留内边距 */
-            display: inline-block; /* 让宽度也随内容收缩（可选） */
-            max-width: 80%; /* 防止过宽 */
+            padding: 24rpx 32rpx;
+            /* 保留内边距 */
+            display: inline-block;
+            /* 让宽度也随内容收缩（可选） */
+            max-width: 80%;
+            /* 防止过宽 */
            word-break: break-word;
-            white-space: pre-wrap; /* 保留用户输入的换行符 */
+            white-space: pre-wrap;
+            /* 保留用户输入的换行符 */
            line-height: 1.6;
+
            &::before {
              content: '';
              position: absolute;
@@ -1986,7 +1891,8 @@ $radius-lg: 36rpx;
              right: -14rpx;
              width: 24rpx;
              height: 24rpx;
-              background: #ffffff !important; /* 菱形改为白色 */
+              background: #ffffff !important;
+              /* 菱形改为白色 */
              border-radius: 6rpx;
              transform: rotate(45deg);
              box-shadow: 4rpx -4rpx 4rpx rgba(0, 0, 0, 0.05);
@@ -1999,11 +1905,9 @@ $radius-lg: 36rpx;
              left: -100%;
              width: 50%;
              height: 100%;
-              background: linear-gradient(
-                to right,
+              background: linear-gradient(to right,
                  rgba(255, 255, 255, 0) 0%,
-                rgba(255, 255, 255, 0.15) 100%
-              );
+                  rgba(255, 255, 255, 0.15) 100%);
              animation: shine 4s infinite linear;
            }
          }
@@ -2019,11 +1923,13 @@ $radius-lg: 36rpx;
          align-items: flex-start;

          .message-bubble {
-            background: white !important; /* 白色 */
-            color: black !important;
-            border-radius: 16rpx 16rpx 16rpx 4rpx; /* 左对齐气泡尖角适配 */
-            box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.1) !important;
-            border: 1rpx solid #e0e0e0 !important;
+            background: linear-gradient(135deg, #dbeafe, #bfdbfe) !important;
+            /* 蓝色浅渐变 */
+            color: #2c3e50 !important;
+            border-radius: 16rpx 16rpx 16rpx 4rpx;
+            /* 左对齐气泡尖角适配 */
+            box-shadow: 0 8rpx 20rpx rgba(191, 219, 254, 0.4) !important;
+            border: 1rpx solid #dbeafe !important;
            min-height: auto;
            height: auto;
            padding: 24rpx 32rpx;
@@ -2032,6 +1938,7 @@ $radius-lg: 36rpx;
            word-break: break-word;
            white-space: pre-wrap;
            line-height: 1.6;
+
            &::before {
              content: '';
              position: absolute;
@@ -2039,7 +1946,8 @@ $radius-lg: 36rpx;
              left: -14rpx;
              width: 24rpx;
              height: 24rpx;
-              background: #ffffff !important; /* 菱形改为白色 */
+              background: #ffffff !important;
+              /* 菱形改为白色 */
              border-radius: 6rpx;
              transform: rotate(45deg);
              box-shadow: -4rpx 4rpx 4rpx rgba(0, 0, 0, 0.05);
@@ -2055,7 +1963,7 @@ $radius-lg: 36rpx;

  /* 输入区域 */
  .input-area {
-    background: #c4e0ff; /* 浅蓝色 */
+    background: linear-gradient(135deg, #fde6f7 0%, #f8b7e8 20%, #c4e0ff 50%, #8cb4ff 80%, #ffffff 100%);
    border-top: 2rpx solid #f0f4f8;
    padding: 24rpx 32rpx;
    /* 确保在微信小程序中紧贴底部 */
@@ -2139,9 +2047,12 @@ $radius-lg: 36rpx;
        font-size: 28rpx;
        font-weight: 500;
        border: none;
-        text-align: center;     /* 兼容多端文字居中 */
-        white-space: nowrap;    /* 强制文字单行横向显示 */
-        line-height: 1;         /* 重置行高，避免文字垂直偏移 */
+        text-align: center;
+        /* 兼容多端文字居中 */
+        white-space: nowrap;
+        /* 强制文字单行横向显示 */
+        line-height: 1;
+        /* 重置行高，避免文字垂直偏移 */
        top: -10px;

        &.disabled {
@@ -2165,8 +2076,10 @@ $radius-lg: 36rpx;
    left: 0;
    right: 0;
    bottom: 0;
-    pointer-events: none; /* 让鼠标事件穿透容器，不影响主内容交互 */
-    z-index: 999; /* 基础弹窗层级 */
+    pointer-events: none;
+    /* 让鼠标事件穿透容器，不影响主内容交互 */
+    z-index: 999;
+    /* 基础弹窗层级 */

    /* 子弹窗需要开启 pointer-events，否则点击无效 */
    >.tools-popup,
@@ -2537,14 +2450,45 @@ $radius-lg: 36rpx;
            border-radius: 4rpx;
            animation: none;

-            &:nth-child(1) { height: 60rpx; animation-delay: 0s; }
-            &:nth-child(2) { height: 90rpx; animation-delay: 0.1s; }
-            &:nth-child(3) { height: 50rpx; animation-delay: 0.2s; }
-            &:nth-child(4) { height: 120rpx; animation-delay: 0.3s; }
-            &:nth-child(5) { height: 70rpx; animation-delay: 0.4s; }
-            &:nth-child(6) { height: 100rpx; animation-delay: 0.5s; }
-            &:nth-child(7) { height: 80rpx; animation-delay: 0.6s; }
-            &:nth-child(8) { height: 40rpx; animation-delay: 0.7s; }
+            &:nth-child(1) {
+              height: 60rpx;
+              animation-delay: 0s;
+            }
+
+            &:nth-child(2) {
+              height: 90rpx;
+              animation-delay: 0.1s;
+            }
+
+            &:nth-child(3) {
+              height: 50rpx;
+              animation-delay: 0.2s;
+            }
+
+            &:nth-child(4) {
+              height: 120rpx;
+              animation-delay: 0.3s;
+            }
+
+            &:nth-child(5) {
+              height: 70rpx;
+              animation-delay: 0.4s;
+            }
+
+            &:nth-child(6) {
+              height: 100rpx;
+              animation-delay: 0.5s;
+            }
+
+            &:nth-child(7) {
+              height: 80rpx;
+              animation-delay: 0.6s;
+            }
+
+            &:nth-child(8) {
+              height: 40rpx;
+              animation-delay: 0.7s;
+            }
          }
        }

@@ -2712,10 +2656,13 @@ $radius-lg: 36rpx;

 /* 动画定义 */
@keyframes dotPulse {
-  0%, 100% {
+
+  0%,
+  100% {
    opacity: 0.4;
    transform: scale(0.8);
  }
+
  50% {
    opacity: 1;
    transform: scale(1.2);
@@ -2723,10 +2670,13 @@ $radius-lg: 36rpx;
 }

@keyframes wave {
-  0%, 100% {
+
+  0%,
+  100% {
    transform: scaleY(0.5);
    opacity: 0.7;
  }
+
  50% {
    transform: scaleY(1);
    opacity: 1;
@@ -2737,6 +2687,7 @@ $radius-lg: 36rpx;
  0% {
    left: -100%;
  }
+
  100% {
    left: 200%;
  }
@@ -2746,9 +2697,11 @@ $radius-lg: 36rpx;
  0% {
    background-position: 0% 50%;
  }
+
  50% {
    background-position: 100% 50%;
  }
+
  100% {
    background-position: 0% 50%;
  }
@@ -2785,7 +2738,8 @@ $radius-lg: 36rpx;
      .message-item {
        margin-bottom: 24rpx;

-        .user-message, .ai-message {
+        .user-message,
+        .ai-message {
          .avatar {
            width: 72rpx;
            height: 72rpx;
--- a/pages_tool/ai-chat/index.vue
+++ b/pages_tool/ai-chat/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="container" :style="wrapperPageStyle">
+  <view class="ai-chat-page" :style="wrapperPageStyle">
    <!--自定义导航头部 -->
    <view class="custom-navbar" ref="pageHeader" v-if="showCustomNavbar">
      <view class="header-left">
@@ -51,11 +51,12 @@
 import { mapGetters, mapMutations } from 'vuex'
 import navigationHelper from '@/common/js/navigation';
 import { EventSafety } from '@/common/js/event-safety';
+
 import aiChatMessage from './ai-chat-message.vue';

 export default {
  components: {
-    aiChatMessage
+    aiChatMessage,
  },
  data() {
    return {
@@ -85,11 +86,11 @@ export default {
      // --- 聊天内容区域 ---  
      scrollViewHeight: '0px',

+
      // 事件处理器引用（用于清理）
      safeEventHandlers: new Map()
    }
  },  
-  
  computed: {
    ...mapGetters([
      'globalAIKefuConfig'
@@ -120,42 +121,35 @@ export default {
    wrapperChatContentStyle() {
      return { 
        height: this.containerHeight,
-        paddingTop: this.showCustomNavbar ? '0' : (this.navBarHeight + 'px')
+        paddingTop: this.showCustomNavbar ? '0' : (this.navHeight + 'px')
      }
    }
  },

  async onLoad(options) {
-    // ✅ 修改：取消权限校验，允许所有客服类型访问此页面
-    // const hasAccess = this.checkAccessPermission();
-    // if (!hasAccess) {
-    //   // 如果校验失败，不继续初始化
-    //   return;
-    // }
-
-    this. $langConfig.title('AI智能客服');
-    this.initChat();
+    await this.initPage(options)
  },
  
  async onReady() {
-    await this.initNavigation();
+    await this.initNavigation()
  },

  onShow() {
-    // 可在此补充逻辑（如刷新未读数）
+    
  },

  onHide() {
-    // 页面隐藏时可暂停音频等
+
  },
  
  onUnload() {
-    this.cleanup();
+    this.cleanup()
  },

  methods: {
    // ========== 安全事件处理 ==========
    setupSafeEventListeners() {
+      // 使用 EventSafety 包装事件处理器
      const safeHandlers = {
        serviceRequest: EventSafety.wrapEventHandler(
          this.handleServiceRequest.bind(this),
@@ -171,41 +165,49 @@ export default {
        )
      }
      
-      this. $on('service.requestComponentInfo', safeHandlers.serviceRequest);
-      this. $on('navigation.requestInfo', safeHandlers.navigationRequest);
-      this. $on('component.interaction', safeHandlers.componentInteraction);
+      // 注册事件监听
+      this.$on('service.requestComponentInfo', safeHandlers.serviceRequest)
+      this.$on('navigation.requestInfo', safeHandlers.navigationRequest)
+      this.$on('component.interaction', safeHandlers.componentInteraction)
      
-      this.safeEventHandlers.set('serviceRequest', safeHandlers.serviceRequest);
-      this.safeEventHandlers.set('navigationRequest', safeHandlers.navigationRequest);
-      this.safeEventHandlers.set('componentInteraction', safeHandlers.componentInteraction);
+      // 保存处理器引用用于清理
+      this.safeEventHandlers.set('serviceRequest', safeHandlers.serviceRequest)
+      this.safeEventHandlers.set('navigationRequest', safeHandlers.navigationRequest)
+      this.safeEventHandlers.set('componentInteraction', safeHandlers.componentInteraction)
    },

    setupNavigationEvents() {
+      // 监听窗口大小变化
      uni.onWindowResize((res) => {
-        console.log('窗口大小变化:', res.size);
-        this.calculateScrollViewHeight();
-      });
+        console.log('窗口大小变化:', res.size)
+        this.calculateScrollViewHeight()
+      })
    },   

    // ========== 事件处理方法 ========== 

    async handleServiceRequest(event) {
-      console.log('处理服务请求:', EventSafety.extractEventData(event));
+      console.log('处理服务请求:', EventSafety.extractEventData(event))
      
+      // 安全地检查事件目标
      if (event.matches('.service-component') || 
          event.detail?.componentType === 'service') {
-        await this.processServiceRequest(event);
+        await this.processServiceRequest(event)
      }
    },

    async handleNavigationRequest(event) {
-      console.log('处理导航请求:', event.type);
-      this.emitNavigationInfo(event);
+      console.log('处理导航请求:', event.type)
+      
+      // 提供导航信息
+      this.emitNavigationInfo(event)
    },

    handleComponentInteraction(event) {
-      console.log('处理组件交互:', event.detail);
-      this.processComponentInteraction(event);
+      console.log('处理组件交互:', event.detail)
+      
+      // 安全地处理组件交互
+      this.processComponentInteraction(event)
    },

    handleEventError(error, event) {
@@ -213,58 +215,74 @@ export default {
        error: error.message,
        eventType: event?.type,
        component: this.$options.name
-      });
+      })
      
-      this.showError('操作失败，请重试');
+      this.showError('操作失败，请重试')
    },

    // ========== 初始化页面 ==========
-    initChat() {
-      console.log('AI聊天页面初始化');
+    async initPage(options = {}) {
+      this.$langConfig.title('AI智能客服');
+      this.initChat()
    },
    
+
+    // 初始化导航栏相关配置
    async initNavigation() {
      try {
-        this.navBarHeight = await navigationHelper.getNavigationHeight(this, {forceRefresh: false});
-        this.statusBarHeight = navigationHelper.getStatusBarHeight();
-        this.calculateScrollViewHeight();
-        this.setupNavigationEvents();
+        // 获取导航栏高度
+        this.navBarHeight = await navigationHelper.getNavigationHeight(this, {forceRefresh: false})
+        
+        // 获取状态栏高度
+        this.statusBarHeight = navigationHelper.getStatusBarHeight()
+        
+        // 计算滚动视图高度
+        this.calculateScrollViewHeight()
+
+        // 注册导航相关事件
+        this.setupNavigationEvents()
+        
      } catch (error) {
-        console.error('初始化导航栏失败:', error);
-        this.setFallbackNavigationValues();
+        console.error('初始化导航栏失败:', error)
+        this.setFallbackNavigationValues()
      }
    },

+    // 计算滚动视图高度
    calculateScrollViewHeight() {
-      const safeArea = navigationHelper.getSafeAreaInsets();
-      const bottomInset = safeArea.bottom || 0;
-      const inputHeight = 120;
-      this.scrollViewHeight = `calc(100vh -  $ {this.navBarHeight + this.statusBarHeight + inputHeight + bottomInset}px)`;
+      const safeArea = navigationHelper.getSafeAreaInsets()
+      const bottomInset = safeArea.bottom || 0
+      const inputHeight = 120 // 输入区域高度
+      
+      this.scrollViewHeight = `calc(100vh - ${this.navBarHeight + this.statusBarHeight + inputHeight + bottomInset}px)`
    },    

+    // 备用高度设置
    setFallbackNavigationValues() {
      // #ifdef MP-WEIXIN
-      this.navBarHeight = 44;
-      this.statusBarHeight = 20;
+      this.navBarHeight = 44
+      this.statusBarHeight = 20
      // #endif
      
      // #ifdef H5
-      this.navBarHeight = 44;
-      this.statusBarHeight = 0;
+      this.navBarHeight = 44
+      this.statusBarHeight = 0
      // #endif
      
      // #ifdef APP-PLUS
-      this.navBarHeight = 88;
-      this.statusBarHeight = 44;
+      this.navBarHeight = 88
+      this.statusBarHeight = 44
      // #endif
    },    

    cleanup() {
+      // 清理事件监听器
      this.safeEventHandlers.forEach((handler, eventType) => {
-        this. $off(eventType, handler);
-      });
-      this.safeEventHandlers.clear();
-      console.log('组件清理完成');
+        this.$off(eventType, handler)
+      })
+      this.safeEventHandlers.clear()
+      
+      console.log('组件清理完成')
    },

    showError(message) {
@@ -272,12 +290,19 @@ export default {
        title: message,
        icon: 'none',
        duration: 2000
-      });
+      })
+    },    
+
+
+    // 初始化聊天
+    initChat() {
+      // 可以在这里加载历史消息
+      console.log('AI聊天页面初始化')
    },

    // 返回上一页
    goBack() {
-      uni.navigateBack();
+      uni.navigateBack()
    },

    // 显示菜单
@@ -287,54 +312,59 @@ export default {
        success: (res) => {
          switch (res.tapIndex) {
            case 0:
-              this.clearChat();
-              break;
+              this.clearChat()
+              break
            case 1:
-              this.exportChat();
-              break;
+              this.exportChat()
+              break
            case 2:
-              this.showSettings();
-              break;
+              this.showSettings()
+              break
            case 3:
-              this.showHelp();
-              break;
+              this.showHelp()
+              break
          }
        }
-      });
+      })
    },

+    // 清空聊天
    clearChat() {
      uni.showModal({
        title: '提示',
        content: '确定要清空聊天记录吗？',
        success: (res) => {
          if (res.confirm) {
-            this. $refs.chat.clearMessages();
+            this.$refs.chat.clearMessages()
+            // 重新添加欢迎消息
            this.$refs.chat.addMessage({
              id: Date.now(),
              role: 'ai',
              type: 'text',
              content: '聊天记录已清空，有什么可以帮助您的吗？',
              timestamp: Date.now()
-            });
+            })
          }
        }
-      });
+      })
    },

+    // 导出聊天记录
    exportChat() {
      uni.showToast({
        title: '功能开发中',
        icon: 'none'
-      });
+      })
    },

+    // 显示设置
    showSettings() {
      uni.navigateTo({
        url: '/pages/settings/index'
-      });
+      })
    },

+    // 显示帮助
    showHelp() {
      const helpMessage = {
        id: Date.now(),
@@ -361,18 +391,27 @@ export default {
 - **复制**: 长按消息可复制内容
 - **转发**: 支持消息转发功能`,
        timestamp: Date.now()
-      };
-      this. $refs.chat.addMessage(helpMessage);
+      }
+      this.$refs.chat.addMessage(helpMessage)
    },

+    // 用户发送消息
    onMessageSent(message) {
-      console.log('用户发送消息:', message);
+      console.log('用户发送消息:', message)
+      
+      // 使用AI服务获取回复
+      // AI聊天组件内部已经集成了AI服务，这里只需要监听事件
    },

+    // AI回复消息
    onAIResponse(message) {
-      console.log('AI回复消息:', message);
+      console.log('AI回复消息:', message)
+      
+      // 可以在这里处理AI回复后的逻辑
+      // 比如记录对话、更新状态等
    },

+    // 生成AI回复
    generateAIResponse(userMessage) {
      const responses = [
        '我理解您的需求，让我为您详细解答。',
@@ -380,9 +419,9 @@ export default {
        '根据您的问题，我建议您可以考虑以下几个方面：',
        '这个问题很常见，让我为您提供一些解决方案。',
        '我明白您的困惑，让我帮您分析一下。'
-      ];
+      ]
      
-      const randomResponse = responses[Math.floor(Math.random() * responses.length)];
+      const randomResponse = responses[Math.floor(Math.random() * responses.length)]
      
      const aiMessage = {
        id: Date.now(),
@@ -394,121 +433,112 @@ export default {
          { type: 'like', count: 0 },
          { type: 'dislike', count: 0 }
        ]
-      };
+      }
      
-      this. $refs.chat.addMessage(aiMessage);
-      this. $emit('ai-response', aiMessage);
+      this.$refs.chat.addMessage(aiMessage)
+      this.$emit('ai-response', aiMessage)
    },

+    // 操作按钮点击
    onActionClick({ action, message }) {
+      console.log('操作点击:', action, message)
+      
      switch (action.type) {
        case 'like':
-          uni.showToast({ title: '感谢您的反馈！', icon: 'success' });
-          break;
+          uni.showToast({
+            title: '感谢您的反馈！',
+            icon: 'success'
+          })
+          break
        case 'dislike':
-          uni.showToast({ title: '我们会改进服务', icon: 'none' });
-          break;
+          uni.showToast({
+            title: '我们会改进服务',
+            icon: 'none'
+          })
+          break
      }
    },

+    // 历史消息加载完成
    onHistoryLoaded(messages) {
-      console.log('历史消息加载完成:', messages.length);
+      console.log('历史消息加载完成:', messages.length)
    },

+    // 文件预览
    onFilePreview(message) {
-      uni.showToast({ title: '打开文件: ' + message.fileName, icon: 'none' });
+      console.log('文件预览:', message)
+      uni.showToast({
+        title: '打开文件: ' + message.fileName,
+        icon: 'none'
+      })
    },

+    // 音频播放
    onAudioPlay(message) {
-      console.log('音频播放:', message);
+      console.log('音频播放:', message)
    },

+    // 音频暂停
    onAudioPause(message) {
-      console.log('音频暂停:', message);
+      console.log('音频暂停:', message)
    },

+    // 视频播放
    onVideoPlay(message) {
-      console.log('视频播放:', message);
+      console.log('视频播放:', message)
    },

+    // 视频暂停
    onVideoPause(message) {
-      console.log('视频暂停:', message);
+      console.log('视频暂停:', message)
    },

+    // 链接打开
    onLinkOpen(message) {
+      console.log('链接打开:', message)
      uni.showModal({
        title: '打开链接',
        content: `确定要打开链接：${message.url} 吗？`,
        success: (res) => {
          if (res.confirm) {
            // #ifdef H5
-            window.open(message.url, '_blank');
+            window.open(message.url, '_blank')
            // #endif
            // #ifdef APP-PLUS
-            plus.runtime.openURL(message.url);
+            plus.runtime.openURL(message.url)
            // #endif
          }
        }
-      });
+      })
    },

+    // 商品查看
    onProductView(message) {
-      uni.showToast({ title: '查看商品: ' + message.title, icon: 'none' });
+      console.log('商品查看:', message)
+      uni.showToast({
+        title: '查看商品: ' + message.title,
+        icon: 'none'
+      })
    },

+    // 输入内容变化
    onInputChange(value) {
-      console.log('输入内容:', value);
-    },
-
-    // ✅ 新增：权限校验（核心修复）
-    checkAccessPermission() {
-      const servicerConfig = this. $store.state.servicerConfig;
-      
-      // 如果配置未加载，延迟重试（最多3次，防白屏）
-      if (!servicerConfig) {
-        console.warn('【AI客服】servicerConfig 未加载，200ms后重试...');
-        setTimeout(() => {
-          this.checkAccessPermission();
-        }, 200);
-        return false;
-      }
-
-      let currentType = 'none';
-      // #ifdef MP-WEIXIN
-      currentType = servicerConfig?.weapp?.type || 'none';
-      // #endif
-      // #ifdef H5
-      currentType = servicerConfig?.h5?.type || 'none';
-      // #endif
-
-      if (currentType !== 'aikefu') {
-        uni.showToast({ title: '当前客服类型不支持此页面', icon: 'none' });
-        setTimeout(() => {
-          const pages = getCurrentPages();
-          if (pages.length > 1) {
-            uni.navigateBack();
-          } else {
-            // 回到首页（假设首页是 tab 页）
-            uni.switchTab({ url: '/pages/index/index' });
-          }
-        }, 1500);
-        return false;
-      }
-      return true;
+      console.log('输入内容:', value)
    }
  }
 }
 </script>

 <style lang="scss">
+
 /* 引入图标字体 */
-@import url('/common/css/iconfont.css');
+@import url('@/common/css/iconfont.css');

 /* 页面样式 */
-  .container {
+.ai-chat-page {
  display: flex;
  flex-direction: column;
-    background-color: white; /* 白色 */
+  background-color: #f8f8f8;
  overflow: hidden;
  position: fixed;
  top: 0;
@@ -523,7 +553,7 @@ export default {
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 30rpx;
-  background-color: #c4e0ff; /* 浅蓝色 */
+  background-color: white;
  border-bottom: 2rpx solid #eeeeee;
  
  .header-left {
@@ -535,7 +565,7 @@ export default {
      width: 60rpx;
      height: 60rpx;
      border-radius: 50%;
-      background-color: #ffffff; /* 白色按钮 */
+      background-color: #f8f8f8;
      display: flex;
      align-items: center;
      justify-content: center;
@@ -580,7 +610,7 @@ export default {
      width: 60rpx;
      height: 60rpx;
      border-radius: 50%;
-      background-color: #ffffff; /* 白色按钮 */
+      background-color: #f8f8f8;
      display: flex;
      align-items: center;
      justify-content: center;
@@ -604,11 +634,18 @@ export default {
  display: flex;
  flex-direction: column;
  overflow: hidden;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
 }

+
+
 /* 底部tabBar占位样式 */
 .page-bottom {
  width: 100%;
  background-color: transparent;
 }
+
 </style>
--- a/site.js
+++ b/site.js
@@ -1,4 +1,4 @@
 module.exports = {
-  baseUrl: "https://dev.aigc-quickapp.com/",//修改域名
-  uniacid: 1,//后台对应uniacid
+  baseUrl: "https://xcx6.aigc-quickapp.com/",//修改域名
+  uniacid: 2811,//后台对应uniacid
 };
--- a/store/index.js
+++ b/store/index.js
@@ -65,7 +65,6 @@ const store = new Vuex.Store({
 		bottomNavHidden: false, // 底部导航是否隐藏，true：隐藏，false：显示
 		aiUnreadCount: 10, // AI未读消息数量
 		globalAIKefuConfig: null, // AI客服配置
-		 customerServiceType: 'ai',
 		globalStoreConfig: null, // 门店配置
 		globalStoreInfo: null, // 门店信息
 		defaultStoreInfo: null, // 默认门店
@@ -160,9 +159,6 @@ const store = new Vuex.Store({
 			state.globalAIKefuConfig = value;
 			uni.setStorageSync('globalAIKefuConfig', value); // 初始化数据调用
 		},
-		setCustomerServiceType(state, type) {
-		    state.customerServiceType = type;
-		  },
 		setGlobalStoreConfig(state, value) {
 			state.globalStoreConfig = value;
 			uni.setStorageSync('globalStoreConfig', value); // 初始化数据调用
Author	SHA1	Message	Date
ZF Sun	b23c21d05b	Merge pull request 'fix/lang' (#4 ) from fix/lang into main Reviewed-on: #4	2026-02-04 09:12:58 +00:00
ZF sun	65a24f25bb	fix(lang): 提取getCurrentLocale为独立函数并优化代码格式将getCurrentLocale方法提取为独立函数以避免重复代码移除多余的空格并保持代码风格一致	2026-02-04 17:10:12 +08:00
ZF Sun	2a0935b581	Merge pull request 'docs: 更新readme文档结构和内容' (#2 ) from dev/1.0 into main Reviewed-on: #2	2026-01-24 09:41:36 +00:00
ZF Sun	b31197a8b4	Merge pull request 'dev/1.0' (#1 ) from dev/1.0 into main Reviewed-on: #1	2026-01-24 09:24:05 +00:00