chore：删除了project.private.config.json

chore:运行正常的版本
chore：电话按钮客服按钮背景白色圈改成正圆
2025-12-22 11:30:11 +08:00 · 2025-12-22 11:02:56 +08:00 · 2025-12-19 17:18:36 +08:00 · 2025-12-19 17:07:57 +08:00
3 changed files with 683 additions and 699 deletions
--- a/common/js/customer-service.js
+++ b/common/js/customer-service.js
@@ -1,485 +1,511 @@
-/**
- * 客服统一处理服务
- * 整合各种客服方式，提供统一的调用接口
- */
-
-export class CustomerService {
-    constructor(vueInstance) {
-        this.vm = vueInstance;
-    }
-
-    /**
-     * 获取平台配置
-     * @returns {Object} 平台对应的客服配置
-     */
-    getPlatformConfig() {
-        const servicerConfig = this.vm.$store.state.servicerConfig;
-		console.log(`客服配置：`, servicerConfig)
-        if (!servicerConfig) return null;
-
-        // #ifdef H5
-        return servicerConfig.h5;
-        // #endif
-
-        // #ifdef MP-WEIXIN
-        return servicerConfig.weapp;
-        // #endif
-
-        // #ifdef MP-ALIPAY
-        return servicerConfig.aliapp;
-        // #endif
-
-        return null;
-    }
-
-    /**
-     * 获取企业微信配置
-     * @returns {Object} 企业微信配置
-     */
-    getWxworkConfig() {
-        return this.vm.$store.state.wxworkConfig;
-    }
-
-    /**
-     * 检查客服配置是否可用
-     * @returns {boolean} 是否有可用配置
-     */
-    isConfigAvailable() {
-        const config = this.getPlatformConfig();
-        return config && typeof config === 'object' && config.type;
-    }
-
-    /**
-     * 验证客服配置完整性
-     * @returns {Object} 验证结果
-     */
-    validateConfig() {
-        const config = this.getPlatformConfig();
-        const wxworkConfig = this.getWxworkConfig();
-        
-        const result = {
-            isValid: true,
-            errors: [],
-            warnings: []
-        };
-
-        if (!config) {
-            result.isValid = false;
-            result.errors.push('客服配置不存在');
-            return result;
-        }
-
-        if (!config.type) {
-            result.isValid = false;
-            result.errors.push('客服类型未配置');
-        }
-
-        // 验证企业微信配置
-        if (config.type === 'wxwork') {
-            if (!wxworkConfig) {
-                result.isValid = false;
-                result.errors.push('企业微信配置不存在');
-            } else {
-                if (!wxworkConfig.enable) {
-                    result.warnings.push('企业微信功能未启用');
-                }
-                if (!wxworkConfig.contact_url) {
-                    result.warnings.push('企业微信活码链接未配置，将使用原有客服方式');
-                }
-            }
-        }
-
-        return result;
-    }
-
-    /**
-     * 获取客服类型
-     * @returns {string} 客服类型
-     */
-    getServiceType() {
-        const config = this.getPlatformConfig();
-        return config?.type || 'none';
-    }
-
-    /**
-     * 处理客服点击事件
-     * @param {Object} options 选项参数
-     * @param {Object} options.niushop 牛商客服参数
-     * @param {string} options.sendMessageTitle 消息标题
-     * @param {string} options.sendMessagePath 消息路径
-     * @param {string} options.sendMessageImg 消息图片
-     */
-    handleCustomerClick(options = {}) {
-        // 验证配置
-        const validation = this.validateConfig();
-        if (!validation.isValid) {
-            console.error('客服配置验证失败:', validation.errors);
-            this.showConfigErrorPopup(validation.errors);
-            return;
-        }
-
-        // 显示警告（如果有）
-        if (validation.warnings.length > 0) {
-            console.warn('客服配置警告:', validation.warnings);
-        }
-
-        const config = this.getPlatformConfig();
-        const {
-            niushop = {},
-            sendMessageTitle = '',
-            sendMessagePath = '',
-            sendMessageImg = ''
-        } = options;
-
-        // 检查是否为无客服类型
-        if (config.type === 'none') {
-            this.showNoServicePopup();
-            return;
-        }
-
-        // 根据类型处理客服
-        switch (config.type) {
-            case 'wxwork':
-                this.openWxworkService(false, config, options);
-                break;
-            case 'third':
-                this.openThirdService(config);
-                break;
-            case 'niushop':
-                this.openNiushopService(niushop);
-                break;
-            case 'weapp':
-                this.openWeappService(config, options);
-                break;
-            case 'aliapp':
-                this.openAliappService(config);
-                break;
-            default:
-                this.makePhoneCall();
-        }
-    }
-
-    /**
-     * 打开企业微信客服
-     * @param {boolean} useOriginalService 是否使用原有客服方式
-     * @param {Object} servicerConfig 客服配置
-     */
-    openWxworkService(useOriginalService = false, servicerConfig = null, options = {}) {
-        const config = servicerConfig || this.getPlatformConfig();
-        const wxworkConfig = this.getWxworkConfig();
-        
-        const {
-            sendMessageTitle = '',
-            sendMessagePath = '',
-            sendMessageImg = ''
-        } = options;
-
-        // #ifdef MP-WEIXIN
-        if (wxworkConfig?.enable && wxworkConfig?.contact_url && !useOriginalService) {
-            // 使用活码链接跳转到企业微信
-            wx.navigateToMiniProgram({
-                appId: 'wxeb490c6f9b154ef9', // 企业微信官方小程序AppID
-                path: `pages/contacts/externalContactDetail?url=${encodeURIComponent(wxworkConfig.contact_url)}`,
-                success: () => {
-                    console.log('跳转企业微信成功');
-                },
-                fail: (err) => {
-                    console.error('跳转企业微信失败:', err);
-                    this.fallbackToOriginalService();
-                }
-            });
-        } else {
-            // 使用原有的客服会话方式
-            wx.openCustomerServiceChat({
-                extInfo: { url: config.wxwork_url },
-                corpId: config.corpid,
-                showMessageCard: true,
-                sendMessageTitle,
-                sendMessagePath,
-                sendMessageImg
-            });
-        }
-        // #endif
-
-        // #ifdef H5
-        if (wxworkConfig?.enable && wxworkConfig?.contact_url) {
-            window.location.href = wxworkConfig.contact_url;
-        } else {
-            location.href = config.wxwork_url;
-        }
-        // #endif
-    }
-
-    /**
-     * 打开第三方客服
-     * @param {Object} config 客服配置
-     */
-    openThirdService(config) {
-        if (config.third_url) {
-            location.href = config.third_url;
-        }
-    }
-
-    /**
-     * 打开牛商客服
-     * @param {Object} niushop 牛商参数
-     */
-    openNiushopService(niushop) {
-        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 = {}) {
-        // 如果是官方客服，由 open-type="contact" 自动处理
-        if (!this.shouldUseCustomService(config)) {
-            console.log('使用官方微信小程序客服');
-            return;
-        }
-
-        // 自定义客服处理
-        console.log('使用自定义微信小程序客服');
-        
-        // 这里可以实现自定义的客服逻辑
-        // 例如：跳转到自定义客服页面、显示客服弹窗等
-        const {
-            sendMessageTitle = '',
-            sendMessagePath = '',
-            sendMessageImg = ''
-        } = options;
-
-        // 实现自定义客服逻辑
-        this.handleCustomWeappService(config, options);
-    }
-
-    /**
-     * 处理自定义微信小程序客服
-     * @param {Object} config 客服配置
-     * @param {Object} options 选项参数
-     */
-    handleCustomWeappService(config, options = {}) {
-        const {
-            sendMessageTitle = '',
-            sendMessagePath = '',
-            sendMessageImg = ''
-        } = options;
-
-        // 优先级1: 如果有自定义客服页面URL，跳转到自定义页面
-        if (config.customServiceUrl) {
-            // 构建带参数的URL
-            let url = config.customServiceUrl;
-            const params = [];
-            
-            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: url,
-                fail: (err) => {
-                    console.error('跳转自定义客服页面失败:', err);
-                    this.tryThirdPartyService(config, options);
-                }
-            });
-            return;
-        }
-
-        // 优先级2: 尝试第三方客服
-        this.tryThirdPartyService(config, options);
-    }
-
-    /**
-     * 尝试使用第三方客服
-     * @param {Object} config 客服配置
-     * @param {Object} options 选项参数
-     */
-    tryThirdPartyService(config, options = {}) {
-        // 如果配置了第三方客服URL
-        if (config.thirdPartyServiceUrl) {
-            // #ifdef H5
-            window.open(config.thirdPartyServiceUrl, '_blank');
-            // #endif
-            
-            // #ifdef MP-WEIXIN
-            // 微信小程序可以使用web-view或者跳转到第三方小程序
-            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;
-        }
-
-        // 降级到电话客服
-        this.fallbackToPhoneCall();
-    }
-
-    /**
-     * 降级到电话客服
-     */
-    fallbackToPhoneCall() {
-        uni.showModal({
-            title: '联系客服',
-            content: '在线客服暂时不可用，是否拨打电话联系客服？',
-            success: (res) => {
-                if (res.confirm) {
-                    this.makePhoneCall();
-                }
-            }
-        });
-    }
-
-    /**
-     * 打开支付宝小程序客服
-     * @param {Object} config 客服配置
-     */
-    openAliappService(config) {
-        // 支付宝小程序客服会由 contact-button 组件自动处理
-        console.log('支付宝小程序客服');
-    }
-
-    /**
-     * 拨打电话
-     */
-    makePhoneCall() {
-        this.vm.$api.sendRequest({
-            url: '/api/site/shopcontact',
-            success: res => {
-                if (res.code === 0 && res.data?.mobile) {
-                    uni.makePhoneCall({
-                        phoneNumber: res.data.mobile
-                    });
-                }
-            }
-        });
-    }
-
-    /**
-     * 显示无客服弹窗
-     */
-    showNoServicePopup() {
-        const siteInfo = this.vm.$store.state.siteInfo;
-        const message = siteInfo?.site_tel 
-            ? `请联系客服，客服电话是${siteInfo.site_tel}` 
-            : '抱歉，商家暂无客服，请线下联系';
-
-        uni.showModal({
-            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: '无法直接添加企业微信客服，是否使用其他方式联系客服？',
-            success: (res) => {
-                if (res.confirm) {
-                    console.log('降级处理：使用原有客服方式');
-                    this.openWxworkService(true);
-                }
-            }
-        });
-    }
-
-    /**
-     * 获取客服按钮配置
-     * @returns {Object} 按钮配置
-     */
-    getButtonConfig() {
-        const config = this.getPlatformConfig();
-        if (!config) return { openType: '' };
-
-        let openType = '';
-        
-        // #ifdef MP-WEIXIN
-        if (config.type === 'weapp') {
-            // 检查是否使用官方客服
-            if (config.useOfficial !== false) { // 默认为true，使用官方客服
-                openType = '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
-        // 如果是微信小程序且type为weapp，检查useOfficial配置
-        if (config?.type === 'weapp') {
-            return config.useOfficial === false; // 明确设置为false才使用自定义
-        }
-        // #endif
-
-        // 其他平台或类型都使用自定义处理
-        return true;
-    }
-}
-
-/**
- * 创建客服服务实例
- * @param {Object} vueInstance Vue实例
- * @returns {CustomerService} 客服服务实例
- */
-export function createCustomerService(vueInstance) {
-    return new CustomerService(vueInstance);
+/**
+ * 客服统一处理服务
+ * 整合各种客服方式，提供统一的调用接口
+ */
+export class CustomerService {
+    constructor(vueInstance, externalConfig = null) {
+        this.vm = vueInstance;
+        this.externalConfig = externalConfig; // 外部传入的最新配置（优先级最高）
+        this.latestPlatformConfig = null;
+    }
+
+    /**
+     * 强制刷新配置（支持传入外部配置）
+     * @param {Object} externalConfig 外部最新配置
+     */
+    refreshConfig(externalConfig = null) {
+        this.externalConfig = externalConfig || this.externalConfig;
+        this.latestPlatformConfig = null;
+        return this.getPlatformConfig();
+    }
+
+    /**
+     * 获取平台配置
+     * @returns {Object} 平台对应的客服配置
+     */
+    getPlatformConfig() {
+        if (this.latestPlatformConfig) {
+            return this.latestPlatformConfig;
+        }
+
+        // 优先级：外部传入的最新配置 > 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) : null;
+        // #endif
+
+        // #ifdef MP-WEIXIN
+        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) : null;
+        // #endif
+
+        // #ifdef PC
+        platformConfig = servicerConfig.pc ? (typeof servicerConfig.pc === 'object' ? servicerConfig.pc : null) : null;
+        // #endif
+
+        // 处理空数组情况（你的配置中pc/aliapp是空数组，转为null）
+        if (Array.isArray(platformConfig)) {
+            platformConfig = null;
+        }
+
+        this.latestPlatformConfig = platformConfig;
+        return platformConfig;
+    }
+
+    /**
+     * 获取企业微信配置
+     * @returns {Object} 企业微信配置
+     */
+    getWxworkConfig() {
+        return this.vm.$store.state.wxworkConfig || {};
+    }
+
+    /**
+     * 检查客服配置是否可用
+     * @returns {boolean} 是否有可用配置
+     */
+    isConfigAvailable() {
+        const config = this.getPlatformConfig();
+        return config && typeof config === 'object' && config.type;
+    }
+
+    /**
+     * 验证客服配置完整性
+     * @returns {Object} 验证结果
+     */
+    validateConfig() {
+        const config = this.getPlatformConfig();
+        const wxworkConfig = this.getWxworkConfig();
+        
+        const result = {
+            isValid: true,
+            errors: [],
+            warnings: []
+        };
+
+        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('客服类型未配置');
+        }
+
+        if (config.type === 'wxwork') {
+            if (!wxworkConfig) {
+                result.isValid = false;
+                result.errors.push('企业微信配置不存在');
+            } else {
+                if (!wxworkConfig.enable) {
+                    result.warnings.push('企业微信功能未启用');
+                }
+                if (!wxworkConfig.contact_url) {
+                    result.warnings.push('企业微信活码链接未配置，将使用原有客服方式');
+                }
+            }
+        }
+
+        return result;
+    }
+
+    /**
+     * 跳转到Dify客服页面
+     */
+    openDifyService() {
+        try {
+            if (this.vm.setAiUnreadCount) {
+                this.vm.setAiUnreadCount(0);
+            }
+            // 强制跳转，忽略框架层的封装
+            uni.redirectTo({
+                url: '/pages_tool/ai-chat/index',
+                fail: (err) => {
+                    // 兜底：使用window.location跳转（H5）
+                    // #ifdef H5
+                    window.location.href = '/pages_tool/ai-chat/index';
+                    // #endif
+                    console.error('跳转Dify客服失败:', err);
+                    uni.showToast({
+                        title: '跳转客服失败',
+                        icon: 'none'
+                    });
+                }
+            });
+        } catch (e) {
+            console.error('跳转Dify客服异常:', e);
+            uni.showToast({
+                title: '跳转客服失败',
+                icon: 'none'
+            });
+        }
+    }
+
+    /**
+     * 处理客服点击事件
+     * @param {Object} options 选项参数
+     */
+    handleCustomerClick(options = {}) {
+        const validation = this.validateConfig();
+        if (!validation.isValid) {
+            console.error('客服配置验证失败:', validation.errors);
+            this.showConfigErrorPopup(validation.errors);
+            return;
+        }
+
+        if (validation.warnings.length > 0) {
+            console.warn('客服配置警告:', validation.warnings);
+        }
+
+        const config = this.getPlatformConfig();
+        const { niushop = {}, sendMessageTitle = '', sendMessagePath = '', sendMessageImg = '' } = options;
+
+        if (config.type === 'none') {
+            this.showNoServicePopup();
+            return;
+        }
+
+        // 核心分支：根据最新的type处理
+        switch (config.type) {
+            case 'aikefu':
+                this.openDifyService();
+                break;
+            case 'wxwork':
+                this.openWxworkService(false, config, options);
+                break;
+            case 'third':
+                this.openThirdService(config);
+                break;
+            case 'niushop':
+                this.openNiushopService(niushop);
+                break;
+            case 'weapp':
+                this.openWeappService(config, options);
+                break;
+            case 'aliapp':
+                this.openAliappService(config);
+                break;
+            default:
+                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;
+
+        // #ifdef MP-WEIXIN
+        if (wxworkConfig?.enable && wxworkConfig?.contact_url && !useOriginalService) {
+            wx.navigateToMiniProgram({
+                appId: 'wxeb490c6f9b154ef9',
+                path: `pages/contacts/externalContactDetail?url=${encodeURIComponent(wxworkConfig.contact_url)}`,
+                success: () => console.log('跳转企业微信成功'),
+                fail: (err) => {
+                    console.error('跳转企业微信失败:', err);
+                    this.fallbackToOriginalService();
+                }
+            });
+        } else {
+            wx.openCustomerServiceChat({
+                extInfo: { url: config.wxwork_url },
+                corpId: config.corpid,
+                showMessageCard: true,
+                sendMessageTitle,
+                sendMessagePath,
+                sendMessageImg
+            });
+        }
+        // #endif
+
+        // #ifdef H5
+        if (wxworkConfig?.enable && wxworkConfig?.contact_url) {
+            window.location.href = wxworkConfig.contact_url;
+        } else if (config.wxwork_url) {
+            location.href = config.wxwork_url;
+        } else {
+            this.fallbackToPhoneCall();
+        }
+        // #endif
+    }
+
+    /**
+     * 打开第三方客服
+     * @param {Object} config 客服配置
+     */
+    openThirdService(config) {
+        if (config.third_url) {
+            window.location.href = config.third_url;
+        } else {
+            this.fallbackToPhoneCall();
+        }
+    }
+
+    /**
+     * 打开牛商客服
+     * @param {Object} niushop 牛商参数
+     */
+    openNiushopService(niushop) {
+        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 = {}) {
+        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 = [];
+            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: 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.thirdPartyServiceUrl) {
+            // #ifdef H5
+            window.open(config.thirdPartyServiceUrl, '_blank');
+            // #endif
+            
+            // #ifdef MP-WEIXIN
+            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;
+        }
+
+        this.fallbackToPhoneCall();
+    }
+
+    /**
+     * 降级到电话客服
+     */
+    fallbackToPhoneCall() {
+        uni.showModal({
+            title: '联系客服',
+            content: '在线客服暂时不可用，是否拨打电话联系客服？',
+            success: (res) => {
+                if (res.confirm) {
+                    this.makePhoneCall();
+                }
+            }
+        });
+    }
+
+    /**
+     * 打开支付宝小程序客服
+     * @param {Object} config 客服配置
+     */
+    openAliappService(config) {
+        console.log('支付宝小程序客服', config);
+        switch (config.type) {
+            case 'aikefu':
+                this.openDifyService();
+                break;
+            case 'third':
+                this.openThirdService(config);
+                break;
+            default:
+                console.log('使用支付宝官方客服');
+                break;
+        }
+    }
+
+    /**
+     * 拨打电话
+     */
+    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'
+                });
+            }
+        });
+    }
+
+    /**
+     * 显示无客服弹窗
+     */
+    showNoServicePopup() {
+        const siteInfo = this.vm.$store.state.siteInfo || {};
+        const message = siteInfo?.site_tel 
+            ? `请联系客服，客服电话是${siteInfo.site_tel}` 
+            : '抱歉，商家暂无客服，请线下联系';
+
+        uni.showModal({
+            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: '无法直接添加企业微信客服，是否使用其他方式联系客服？',
+            success: (res) => {
+                if (res.confirm) {
+                    this.openWxworkService(true);
+                }
+            }
+        });
+    }
+
+    /**
+     * 获取客服按钮配置
+     * @returns {Object} 按钮配置
+     */
+    getButtonConfig() {
+        const config = this.getPlatformConfig();
+        if (!config) return { openType: '' };
+
+        let openType = '';
+        // #ifdef MP-WEIXIN
+        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实例
+ * @param {Object} externalConfig 外部最新配置
+ * @returns {CustomerService} 客服服务实例
+ */
+export function createCustomerService(vueInstance, externalConfig = null) {
+    return new CustomerService(vueInstance, externalConfig);
 }
--- a/components/hover-nav/hover-nav.vue
+++ b/components/hover-nav/hover-nav.vue
@@ -1,60 +1,37 @@
 <template>
-	<!-- 悬浮按钮 -->
-	<view v-if="pageCount == 1 || need" class="fixed-box" :style="{ height: fixBtnShow ? '330rpx' : '120rpx' }">
-		<!-- 微信小程序：区分官方客服和自定义客服 -->
+	<view v-if="pageCount == 1 || need" class="fixed-box" :style="{ height: fixBtnShow ? (isH5 ? '180rpx' : '330rpx') : '120rpx' }">
+		<!-- 统一的客服耳机按钮：H5和小程序共用 -->
 		<!-- #ifdef MP-WEIXIN -->
-		<!-- 官方客服：使用open-type="contact" -->
 		<button 
 			class="btn-item" 
-			v-if="fixBtnShow && useOfficialService" 
-			hoverClass="none" 
-			open-type="contact"
-			sessionFrom="weapp" 
-			showMessageCard="true"
-			:style="{ backgroundImage: 'url(' + (kefuimg ? kefuimg : '') + ')', backgroundSize: '100% 100%' }"
-		>
-			<text class="icox icox-kefu" v-if="!kefuimg"></text>
-		</button>
-		<!-- 自定义客服：点击触发contactServicer -->
-		<button 
-			class="btn-item" 
-			v-if="fixBtnShow && !useOfficialService" 
-			hoverClass="none" 
-			@click="contactServicer"
+			v-if="fixBtnShow" 
+			hoverClass="none"
+			:open-type="weappOfficialService ? 'contact' : ''"
+			@click="handleWeappCustomerClick"
 			:style="{ backgroundImage: 'url(' + (kefuimg ? kefuimg : '') + ')', backgroundSize: '100% 100%' }"
 		>
 			<text class="icox icox-kefu" v-if="!kefuimg"></text>
+			<view v-if="unreadCount > 0 && isDifyService" class="unread-badge">
+				<text class="badge-text">{{ unreadCount > 99 ? '99+' : unreadCount }}</text>
+			</view>
 		</button>
 		<!-- #endif -->
 		
-		<!-- H5：自定义客服按钮 -->
 		<!-- #ifdef H5 -->
 		<button 
 			class="btn-item" 
 			v-if="fixBtnShow" 
 			hoverClass="none" 
-			@click="contactServicer"
+			@click="handleCustomerService"
 			:style="{ backgroundImage: 'url(' + (kefuimg ? kefuimg : '') + ')', backgroundSize: '100% 100%' }"
 		>
 			<text class="icox icox-kefu" v-if="!kefuimg"></text>
+			<view v-if="unreadCount > 0 && isDifyService" class="unread-badge">
+				<text class="badge-text">{{ unreadCount > 99 ? '99+' : unreadCount }}</text>
+			</view>
 		</button>
 		<!-- #endif -->

-		<!-- AI智能助手 -->
-		<view 
-			class="btn-item" 
-			v-if="fixBtnShow && enableAIKefuButton" 
-			@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" 
@@ -86,31 +63,35 @@ export default {
 			kefuimg: '',
 			phoneimg: '',
 			customerService: null,
-			buttonConfig: null
+			buttonConfig: null,
+			isH5: false,
+			platformConfig: null,
+			latestConfig: null,
+			weappOfficialService: false // 微信小程序是否使用官方客服
 		};
 	},
 	created() {
+		// 1. 判断平台类型
+		// #ifdef H5
+		this.isH5 = true;
+		// #endif
+		// #ifdef MP-WEIXIN
+		this.isH5 = false;
+		// #endif
+
+		// 2. 初始化资源
 		this.kefuimg = this.$util.getDefaultImage().kefu;
 		this.phoneimg = this.$util.getDefaultImage().phone;
 		this.pageCount = getCurrentPages().length;

-		this.customerService = createCustomerService(this);
-		this.buttonConfig = this.customerService.getButtonConfig();
-		
-		console.log(`buttonConfig: `, this.buttonConfig);
+		// 3. 获取店铺电话
+		this.getShopTel();

-		const that = this;
-		uni.getStorage({
-			key: 'shopInfo',
-			success(e) {
-				// 校验手机号是否有效
-				if (e.data && e.data.mobile && /^1[3-9]\d{9}$/.test(e.data.mobile)) {
-					that.tel = e.data.mobile;
-				}
-			},
-			fail() {
-				console.warn('未获取到店铺信息');
-			}
+		// 4. 首次加载获取最新配置（小程序强制请求最新配置，避免缓存）
+		this.getLatestConfig(true).then(config => {
+			this.latestConfig = config;
+			this.initCustomerService(config);
+			this.initWeappServiceType();
 		});
 	},
 	computed: {
@@ -118,26 +99,15 @@ export default {
 			'globalAIKefuConfig',
 			'aiUnreadCount'
 		]),
-		enableAIKefuButton() {
-			return this.buttonConfig?.type === 'aikefu' && this.enableAIChat;
+		isDifyService() {
+			const serviceType = this.platformConfig?.type || '';
+			return serviceType === 'aikefu';
 		},
 		aiAgentimg() {
 			return this.globalAIKefuConfig?.icon || this.$util.getDefaultImage().aiAgent || '';
 		},
 		unreadCount() {
 			return this.aiUnreadCount;
-		},
-		enableAIChat() {
-			return this.globalAIKefuConfig?.enable || true;
-		},
-		useOfficialService() {
-			if (!this.buttonConfig) return true;
-			// #ifdef MP-WEIXIN
-			if (this.buttonConfig.type === 'weapp') {
-				return this.buttonConfig.useOfficial !== false;
-			}
-			// #endif
-			return false;
 		}
 	},
 	methods: {
@@ -145,154 +115,165 @@ export default {
 			'setAiUnreadCount'
 		]),
 		/**
-		 * 拨打电话逻辑：增加手机号校验和异常处理
+		 * 修复：微信小程序客服点击事件（直接触发客服逻辑）
 		 */
-		call() {
-			// 1. 校验手机号是否存在且有效
-			if (!this.tel || !/^1[3-9]\d{9}$/.test(this.tel)) {
-				uni.showToast({
-					title: '暂无有效联系电话',
-					icon: 'none',
-					duration: 2000
-				});
-				return;
+		handleWeappCustomerClick() {
+			if (!this.weappOfficialService) {
+				// 直接调用客服处理逻辑
+				this.handleCustomerService();
 			}
-
-			// 2. 调用系统拨号API
-			uni.makePhoneCall({
-				phoneNumber: this.tel,
-				fail(err) {
-					console.log('拨号操作失败：', err);
-					// 非用户取消的情况，给出提示
-					if (err.errMsg !== 'makePhoneCall:fail cancel') {
-						uni.showToast({
-							title: '拨号失败，请稍后重试',
-							icon: 'none',
-							duration: 2000
-						});
+		},
+		/**
+		 * 修复：获取最新配置（支持强制刷新，解决小程序缓存问题）
+		 */
+		async getLatestConfig(forceRefresh = false) {
+			return new Promise((resolve) => {
+				// H5/小程序强制请求最新配置，避免缓存
+				this.$api.sendRequest({
+					url: '/api/site/getServicerConfig',
+					header: {
+						'Cache-Control': 'no-cache, no-store, must-revalidate',
+						'Pragma': 'no-cache',
+						'Expires': '0'
+					},
+					data: { t: new Date().getTime() },
+					success: (res) => {
+						const config = res.code === 0 ? res.data : this.$store.state.servicerConfig || {};
+						this.$store.commit('UPDATE_SERVICER_CONFIG', config);
+						resolve(config);
+					},
+					fail: () => resolve(this.$store.state.servicerConfig || {})
+				});
+			});
+		},
+		/**
+		 * 初始化客服服务（确保实例正确创建）
+		 */
+		initCustomerService(config = null) {
+			// 强制重新创建客服实例
+			this.customerService = null;
+			this.customerService = createCustomerService(this, config || this.latestConfig);
+			this.platformConfig = this.customerService.refreshConfig(config || this.latestConfig);
+			this.buttonConfig = this.customerService.getButtonConfig();
+		},
+		/**
+		 * 微信小程序：初始化服务类型（修复判断逻辑）
+		 */
+		initWeappServiceType() {
+			// #ifdef MP-WEIXIN
+			this.weappOfficialService = this.buttonConfig?.openType === 'contact' && !this.isDifyService;
+			// #endif
+		},
+		/**
+		 * 获取店铺电话
+		 */
+		getShopTel() {
+			uni.getStorage({
+				key: 'shopInfo',
+				success: (e) => {
+					if (e.data && e.data.mobile && /^1[3-9]\d{9}$/.test(e.data.mobile)) {
+						this.tel = e.data.mobile;
 					}
 				}
 			});
 		},
-		openAIChat() {
-			if (this.enableAIChat) {
-				this.setAiUnreadCount(0);
+		/**
+		 * 拨打电话
+		 */
+		call() {
+			if (!this.tel || !/^1[3-9]\d{9}$/.test(this.tel)) {
+				uni.showToast({ title: '暂无有效联系电话', icon: 'none' });
+				return;
 			}
-			this.$util.redirectTo('/pages_tool/ai-chat/index');
+			uni.makePhoneCall({
+				phoneNumber: this.tel,
+				fail: (err) => {
+					if (err.errMsg !== 'makePhoneCall:fail cancel') {
+						uni.showToast({ title: '拨号失败，请稍后重试', icon: 'none' });
+					}
+				}
+			});
 		},
 		/**
-		 * 处理客服点击：调用客服服务的统一处理方法
+		 * 客服点击逻辑（修复：确保小程序端正确执行）
 		 */
-		contactServicer() {
-			// 移除错误的js路径跳转，直接调用客服服务的处理方法
-			this.customerService.handleCustomerClick({
-				// 可传递自定义参数，例如牛商客服参数、消息卡片参数
-				// niushop: { /* 牛商客服参数 */ },
-				// sendMessageTitle: '客服消息标题',
-				// sendMessagePath: '/pages/index/index',
-				// sendMessageImg: 'https://example.com/img.png'
-			});
+		async handleCustomerService() {
+			uni.showLoading({ title: '加载中...', mask: true });
+			try {
+				// 再次获取最新配置，确保是dify模式
+				const newConfig = await this.getLatestConfig(true);
+				this.initCustomerService(newConfig);
+				// 强制触发客服点击
+				if (this.customerService) {
+					this.customerService.handleCustomerClick();
+				}
+			} catch (e) {
+				uni.showToast({ title: '操作失败', icon: 'none' });
+			} finally {
+				uni.hideLoading();
+			}
 		}
 	}
 };
 </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;
-		}
-	}
-}
-
-//悬浮按钮
+<style scoped>
+/* 样式保持不变 */
 .fixed-box {
 	position: fixed;
-	right: 0rpx;
+	right: 20rpx;
 	bottom: 200rpx;
-	z-index: 10;
-	border-radius: 120rpx;
-	padding: 20rpx 0;
+	z-index: 9999;
 	display: flex;
-	justify-content: center;
 	flex-direction: column;
-	width: 100rpx;
-	box-sizing: border-box;
-	transition: 0.3s;
-	overflow: hidden;
+	align-items: center;
+	gap: 14rpx;
+}

-	.btn-item {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		text-align: center;
-		flex-direction: column;
-		line-height: 1;
-		margin: 14rpx 0;
-		transition: 0.1s;
-		background: #fff;
-		border-radius: 50rpx;
-		width: 80rpx;
-		height: 80rpx;
-		padding: 0;
-		position: relative;
+.btn-item {
+	width: 88rpx !important;
+	height: 88rpx !important;
+	border-radius: 50% !important;
+	background-color: #ffffff !important;
+	background-size: 60% 60% !important;
+	background-position: center !important;
+	background-repeat: no-repeat !important;
+	border: none !important;
+	padding: 0 !important;
+	margin: 0 !important;
+	display: flex !important;
+	justify-content: center !important;
+	align-items: center !important;
+	box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);
+}
+.btn-item::after {
+	border: none !important;
+}

-		text {
-			font-size: 36rpx;
-			font-weight: bold;
-		}
+.unread-badge {
+	position: absolute;
+	top: -5rpx;
+	right: -5rpx;
+	background: #ff4544;
+	color: #fff;
+	border-radius: 20rpx;
+	min-width: 30rpx;
+	height: 30rpx;
+	line-height: 30rpx;
+	text-align: center;
+	font-size: 10rpx;
+	padding: 0 8rpx;
+	box-shadow: 0 2rpx 10rpx rgba(255, 73, 72, 0.3);
+	z-index: 1;
+}

-		view {
-			font-size: 26rpx;
-			font-weight: bold;
-		}
+/* #ifdef MP-WEIXIN */
+.unread-badge {
+	font-size: 20rpx;
+}
+/* #endif */

-		// 未读消息小红点
-		.unread-badge {
-			position: absolute;
-			top: -5rpx;
-			right: -5rpx;
-			background-color: #ff4544;
-			color: white;
-			border-radius: 20rpx;
-			min-width: 30rpx;
-			height: 30rpx;
-			font-size: 10rpx;
-			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;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			width: 100%;
-			height: 100%;
-		}
-	}
+.ai-icon {
+	font-size: 40rpx;
 }
 </style>
--- a/project.private.config.json
+++ b/project.private.config.json
@@ -1,23 +0,0 @@
-{
-  "libVersion": "3.12.0",
-  "projectname": "lucky_shop",
-  "condition": {},
-  "setting": {
-    "urlCheck": true,
-    "coverView": true,
-    "lazyloadPlaceholderEnable": false,
-    "skylineRenderEnable": false,
-    "preloadBackgroundData": false,
-    "autoAudits": false,
-    "useApiHook": true,
-    "showShadowRootInWxmlPanel": true,
-    "useStaticServer": false,
-    "useLanDebug": false,
-    "showES6CompileOption": false,
-    "compileHotReLoad": true,
-    "checkInvalidKey": true,
-    "ignoreDevUnusedFiles": true,
-    "bigPackageSizeSupport": false,
-    "useIsolateContext": true
-  }
-}
Author	SHA1	Message	Date
jinhhanhan	8994294548	chore：删除了project.private.config.json	2025-12-22 11:30:11 +08:00
jinhhanhan	ccee9f4164	chore:运行正常的版本	2025-12-22 11:02:56 +08:00
jinhhanhan	ed5181b382	chore：电话按钮客服按钮背景白色圈改成正圆	2025-12-19 17:18:36 +08:00
jinhhanhan	95375d5476	chore：实现后台控制哪个客服，H5可以正常切换客服	2025-12-19 17:07:57 +08:00