chore；更改了客服和中英文按钮的顺序

chore：
chore：优化了hover
2026-02-05 10:14:27 +08:00 · 2026-02-05 09:56:37 +08:00 · 2026-02-05 09:50:36 +08:00 · 2026-02-05 09:27:43 +08:00 · 2026-02-04 17:09:57 +08:00 · 2026-02-02 18:04:59 +08:00
12 changed files with 2086 additions and 4481 deletions
--- a/common/js/customer-service.js
+++ b/common/js/customer-service.js
@@ -453,6 +453,206 @@ export class CustomerService {

        return { ...config, openType };
    }
+
+    /**
+     * 获取客服按钮图标
+     * @returns {String} 图标URL
+     */
+    getKefuButtonIcon() {
+        const shopInfo = this.vm.shopInfo || {};
+        const config = this.getPlatformConfig();
+
+        if (config?.type === 'aikefu') {
+            return shopInfo.aiAgentimg || '';
+        } else if (config?.type === 'wxwork' || config?.type === 'qyweixin') {
+            return shopInfo.aiAgentimg || '';
+        }
+        return shopInfo.kefuimg || this.vm.$util?.getDefaultImage()?.kefu || '';
+    }
+
+    /**
+     * 判断是否为微信官方客服
+     * @returns {Boolean}
+     */
+    isWeappOfficialKefu() {
+        const config = this.getPlatformConfig();
+        return config?.type === 'weapp';
+    }
+
+    /**
+     * 判断是否需要同时显示小程序系统客服
+     * @returns {Boolean}
+     */
+    shouldShowExtraWeappSystemKefu() {
+        const config = this.getPlatformConfig();
+        return (config?.show_system_service === true || config?.show_system_service === '1') && config?.type !== 'weapp';
+    }
+
+    /**
+     * 计算容器高度
+     * @param {Boolean} isLanguageSwitchEnabled 是否启用语言切换
+     * @param {Boolean} showWeappSystemKefu 是否显示小程序系统客服
+     * @param {Boolean} fixBtnShow 是否显示按钮
+     * @returns {String} 高度值（px）
+     */
+    getContainerHeight(isLanguageSwitchEnabled, showWeappSystemKefu, fixBtnShow) {
+        if (!fixBtnShow) return '160px';
+
+        let buttonCount = 1;
+        if (isLanguageSwitchEnabled) buttonCount++;
+        if (showWeappSystemKefu) buttonCount++;
+
+        const totalRpx = 94 * buttonCount - 14;
+        const pxValue = Math.round(totalRpx * 0.5);
+
+        return `${pxValue}px`;
+    }
+
+    /**
+     * 获取未读消息数量
+     * @returns {Number}
+     */
+    getUnreadCount() {
+        return this.vm.$store?.state?.aiUnreadCount || 0;
+    }
+
+    /**
+     * 拨打电话联系客服
+     * @param {String} phoneNumber 电话号码
+     */
+    makePhoneCallByNumber(phoneNumber) {
+        if (phoneNumber) {
+            uni.makePhoneCall({ phoneNumber });
+        } else {
+            this.makePhoneCall();
+        }
+    }
+
+    /**
+     * 打开 AI 智能助手
+     */
+    openAIChat() {
+        try {
+            if (typeof this.vm.setAiUnreadCount === 'function') {
+                this.vm.setAiUnreadCount(0);
+            }
+
+            const aiChatUrl = '/pages_tool/ai-chat/index';
+
+            uni.navigateTo({
+                url: aiChatUrl,
+                fail: (err) => {
+                    console.error('跳转 AI 客服失败:', err);
+                    // #ifdef H5
+                    window.location.href = aiChatUrl;
+                    // #endif
+                    uni.showToast({ title: '打开客服失败', icon: 'none' });
+                }
+            });
+        } catch (e) {
+            console.error('跳转 AI 客服异常:', e);
+            uni.showToast({ title: '打开客服失败', icon: 'none' });
+        }
+    }
+
+    /**
+     * 打开客服选择对话框（预留方法）
+     */
+    openCustomerSelectPopupDialog() {
+        uni.showToast({ title: '客服选择功能开发中', icon: 'none' });
+    }
+
+    /**
+     * 打开客服选择弹出层（ActionSheet）
+     * @param {Array} kefuList 客服列表
+     */
+    openKefuSelectPopup(kefuList) {
+        const kefuNames = kefuList.map(item => item.name);
+        uni.showActionSheet({
+            itemList: kefuNames,
+            success: (res) => {
+                const selectedKefu = kefuList[res.tapIndex];
+                const cs = createCustomerService(this.vm, selectedKefu);
+
+                if (selectedKefu.isOfficial) {
+                    uni.openCustomerServiceConversation({
+                        sessionFrom: 'weapp',
+                        showMessageCard: true
+                    });
+                } else if (selectedKefu.id === 'qyweixin-kefu') {
+                    if (uni.getSystemInfoSync().platform === 'wechat') {
+                        uni.navigateTo({
+                            url: '/pages_tool/qyweixin-kefu/index'
+                        });
+                    } else {
+                        const qyweixinUrl = this.vm.shopInfo?.qyweixinUrl;
+                        if (qyweixinUrl) {
+                            window.location.href = qyweixinUrl;
+                        } else {
+                            uni.showToast({ title: '企业微信客服未配置', icon: 'none' });
+                        }
+                    }
+                } else {
+                    cs.handleCustomerClick();
+                }
+            }
+        });
+    }
+
+    /**
+     * 核心方法：统一客服入口（带验证和配置检查）
+     * @param {Object} options 选项参数
+     */
+    handleUnifiedKefuClick(options = {}) {
+        const validation = this.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 = this.getPlatformConfig();
+        console.log('【当前客服配置】', platformConfig);
+
+        // 检查企业微信配置
+        if (platformConfig.type === 'wxwork') {
+            const wxworkConfig = this.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 {
+            this.handleCustomerClick({
+                sendMessageTitle: options.sendMessageTitle || '来自悬浮按钮的咨询',
+                sendMessagePath: options.sendMessagePath || '/pages/index/index'
+            });
+        } catch (error) {
+            console.error('客服处理失败:', error);
+            uni.showToast({ title: '打开客服失败', icon: 'none' });
+        }
+    }
 }

 /**
--- a/common/js/golbalConfig.js
+++ b/common/js/golbalConfig.js
@@ -65,6 +65,10 @@ 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,11 @@ function loadLangPackSync(lang, path) {
 	}
 }

+function getCurrentLocale() {
+	return uni.getStorageSync('lang') || "zh-cn"; 
+}
+
+
 export default {
 	langList: langConfig.langList,

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

 	/**
 	 * * 解析多语言
@@ -73,7 +76,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 +144,7 @@ export default {
 		if (!_page) return;

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

 		// 清空已加载的语言包缓存
 		for (let key in loadedLangPacks) {
@@ -161,7 +164,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
--- a/components/hover-nav/hover-nav.vue
+++ b/components/hover-nav/hover-nav.vue
@@ -1,41 +1,10 @@
 <template>
-  <view v-if="pageCount == 1 || need" class="fixed-box"
+  <view v-if="pageCount === 1 || need" class="fixed-box"
    :style="[customContainerStyle, { 
      height: containerHeight,
-      backgroundImage: bgUrl ? `url( $ {bgUrl})` : '',
+      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"
@@ -44,13 +13,44 @@
    >
      <text>{{ currentLangDisplayName }}</text>
    </view>
+    <!-- 微信官方客服按钮-->
+    <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 
+      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="fixBtnShow" 
      class="btn-item common-bg"
-      @click="call()"
-      :style="[{ backgroundImage: phoneimg ? `url( $ {phoneimg})` : '', backgroundSize: '100% 100%' }, customButtonStyle]"
+      @click="call"
+      :style="[{ backgroundImage: phoneimg ? `url(${phoneimg})` : '', backgroundSize: '100% 100%' }, customButtonStyle]"
    >
      <text class="iconfont icon-dianhua" v-if="!phoneimg"></text>
    </view>
@@ -73,12 +73,7 @@ export default {
      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: {
@@ -89,10 +84,10 @@ export default {
      return this.shopInfo?.aiAgentimg || '';
    },
    kefuimg() {
-      return this.shopInfo?.kefuimg || this. $util.getDefaultImage().kefu;
+      return this.shopInfo?.kefuimg || this.$util.getDefaultImage().kefu;
    },
    phoneimg() {
-      return this.shopInfo?.phoneimg || this. $util.getDefaultImage().phone;
+      return this.shopInfo?.phoneimg || this.$util.getDefaultImage().phone;
    },
    tel() {
      return this.shopInfo?.mobile || '';
@@ -111,58 +106,33 @@ export default {
      return this.shopInfo?.floatingButton?.button || {};
    },
    unreadCount() {
-      return this. $store.state.aiUnreadCount || 0;
+      return this.customerService?.getUnreadCount() || 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;
+      return this.customerService?.getKefuButtonIcon() || '';
    },
-    // ✅ 新增：判断是否为微信官方客服
    isWeappOfficialKefu() {
-      if (!this.shopInfo) return false;
-      const customerService = createCustomerService(this);
-      const config = customerService.getPlatformConfig();
-      return config?.type === 'weapp';
+      return this.customerService?.isWeappOfficialKefu() || false;
    },
-    // ✅ 新增：判断是否需要同时显示小程序系统客服
    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';
+      return this.customerService?.shouldShowExtraWeappSystemKefu() || false;
    },
    //根据显示的按钮数量动态计算容器高度
-   containerHeight() {
-     if (!this.fixBtnShow) return '320rpx';
+       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`;
-   }
-  },
+         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
    }
@@ -170,7 +140,6 @@ export default {
  created() {
    this.initLanguage();
    this.pageCount = getCurrentPages().length;
-
    uni.getStorage({
      key: 'shopInfo',
      success: (e) => {
@@ -181,15 +150,17 @@ export default {
        console.warn('未获取到 shopInfo，使用默认设置');
      }
    });
+    // 初始化 customerService 实例
+    this.customerService = createCustomerService(this);
  },
  methods: {
    initLanguage() {
-      this.langList = this. $langConfig.list();
+      this.langList = this.$langConfig.list();
      this.langIndexMap = {};
      for (let i = 0; i < this.langList.length; i++) {
        this.langIndexMap[i] = this.langList[i].value;
      }
-      const savedLang = uni.getStorageSync('lang');
+      const savedLang = this.$langConfig.getCurrentLocale();
      if (savedLang) {
        for (let i = 0; i < this.langList.length; i++) {
          if (this.langList[i].value === savedLang) {
@@ -201,118 +172,30 @@ export default {
        this.currentLangIndex = 0;
      }
    },
+
    call() {
-      if (this.tel) {
-        uni.makePhoneCall({ phoneNumber: this.tel + '' });
-      } else {
-        uni.showToast({ title: '暂无联系电话', icon: 'none' });
-      }
+      this.customerService.makePhoneCallByNumber(this.tel);
    },
+
    toggleLanguage() {
      this.currentLangIndex = this.currentLangIndex === 0 ? 1 : 0;
      const targetLang = this.langIndexMap[this.currentLangIndex];
-      this. $langConfig.change(targetLang);

-      if (uni.getSystemInfoSync().platform === 'browser') {
-        setTimeout(() => {
-          window.location.reload();
-        }, 100);
-      }
+      // 调用语言切换逻辑（设置 storage + 清空缓存）
+      this.$langConfig.change(targetLang);
    },

-    // ✅ 核心方法：统一客服入口
    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();
-          }
-        }
+      this.customerService.handleUnifiedKefuClick({
+        sendMessageTitle: '来自悬浮按钮的咨询',
+        sendMessagePath: '/pages/index/index'
      });
    }
  }
 }
 </script>

-<style scoped>
+<style lang="scss" scoped>
 .fixed-box {
  position: fixed;
  right: 0rpx;
@@ -333,16 +216,25 @@ export default {
 }

 .btn-item {
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  flex-direction: column;
+  line-height: 1;
+  margin: 14rpx 0;
+  transition: 0.1s;
+  color: var(--hover-nav-text-color);
+  border-radius: 50%;
  width: 80rpx;
  height: 80rpx;
-  background: #fff;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 14rpx 0;
-  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);
+  padding: 0;
+  overflow: hidden;
 }
+
+.common-bg {
+  background-color: var(--hover-nav-bg-color); 
+}
+
 .btn-item text {
  font-size: 28rpx;
 }
@@ -357,7 +249,6 @@ export default {
  justify-content: center;
  align-items: center;
  margin: 14rpx 0;
-  background: #fff;
  border-radius: 50rpx;
  width: 80rpx;
  height: 80rpx;
@@ -371,22 +262,6 @@ export default {
  font-weight: bold;
 }

-.unread-badge {
-  position: absolute;
-  top: -5rpx;
-  right: -5rpx;
-  background-color: #ff4544;
-  color: white;
-  border-radius: 20rpx;
-  min-width: 30rpx;
-  height: 30rpx;
-  font-size: 20rpx;
-  line-height: 30rpx;
-  text-align: center;
-  padding: 0 8rpx;
-  box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3);
-}
-
 .ai-icon {
  font-size: 40rpx;
  width: 100%;
--- a/manifest.json
+++ b/manifest.json
@@ -104,7 +104,7 @@
        },
        "router" : {
            "mode" : "history",
-            "base" : "/hwappx/2811/"
+            "base" : "/hwappx/common/"
        },
        "title" : "",
        "devServer" : {
--- a/pages.json
+++ b/pages.json
@@ -321,6 +321,12 @@
 					 "navigationBarTitleText": "AI 客服"
 					}
 				},
+				{
+					"path": "agreement/contenr",
+					"style": {
+						"navigationBarTitleText": ""
+					}
+				},				
 				{
 					"path": "vr/index",
 					"style": {
@@ -912,16 +918,22 @@
 				},
 				//******************文件模块******************
 				{
-					"path": "files/list",
-					"style": {
-						// #ifdef APP-PLUS
-						"navigationStyle": "custom",
-						// #endif
-						"navigationBarTitleText": "查看文件"
-					}
+				"path": "files/list",
+				"style": {
+					// #ifdef APP-PLUS
+					"navigationStyle": "custom",
+					// #endif
+					"navigationBarTitleText": "查看文件"
 				}
-			]
-		}
+			},
+			{
+				"path": "file-preview/file-preview",
+				"style": {
+					"navigationBarTitleText": "文件预览"
+				}
+			}
+		]
+	}
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,167 +1,159 @@
 <template>
-    <view :style="themeColor">
-        <view :style="{ backgroundColor: bgColor, minHeight: openBottomNav ? 'calc(100vh - 55px)' : '' }"
-            class="page-img">
-            <view class="site-info-box"
-                v-if="$util.isWeiXin() && followOfficialAccount && followOfficialAccount.isShow && wechatQrcode">
-                <view class="site-info">
-                    <view class="img-box" v-if="siteInfo.logo_square">
-                        <image :src="$util.img(siteInfo.logo_square)" mode="aspectFill"></image>
-                    </view>
-                    <view class="info-box" :style="{ color: '#ffffff' }">
-                        <text class="font-size-base">{{ siteInfo.site_name }}</text>
-                        <text>{{ followOfficialAccount.welcomeMsg }}</text>
-                    </view>
-                </view>
-                <view class="dite-button" @click="officialAccountsOpen">{{ isEnEnv ? 'Follow Official Account' : '关注公众号'
-                    }}</view>
-            </view>
+	<view :style="themeColor">
+		<view :style="{ backgroundColor: bgColor, minHeight: openBottomNav ? 'calc(100vh - 55px)' : '' }"
+			class="page-img">
+			<view class="site-info-box"
+				v-if="$util.isWeiXin() && followOfficialAccount && followOfficialAccount.isShow && wechatQrcode">
+				<view class="site-info">
+					<view class="img-box" v-if="siteInfo.logo_square">
+						<image :src="$util.img(siteInfo.logo_square)" mode="aspectFill"></image>
+					</view>
+					<view class="info-box" :style="{ color: '#ffffff' }">
+						<text class="font-size-base">{{ siteInfo.site_name }}</text>
+						<text>{{ followOfficialAccount.welcomeMsg }}</text>
+					</view>
+				</view>
+				<view class="dite-button" @click="officialAccountsOpen">{{ isEnEnv ? 'Follow Official Account' : '关注公众号'
+					}}</view>
+			</view>

-            <diy-index-page v-if="topIndexValue" ref="indexPage" :value="topIndexValue" :bgUrl="safeBgUrl"
-                :scrollTop="scrollTop" :diyGlobal="diyData.global" class="diy-index-page">
-                <template v-slot:components>
-                    <diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop"
-                        :haveTopCategory="true" :followOfficialAccount="followOfficialAccount" />
-                </template>
-                <template v-slot:default>
-                    <ns-copyright v-show="isShowCopyRight" />
-                </template>
-            </diy-index-page>
+			<!-- 	<view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch" :style="{ backgroundImage: bgImg }">
+			<ns-navbar :title-color="textNavColor" :data="diyData.global" :scrollTop="scrollTop" :isBack="false"/>
+		</view> -->

-            <view v-else class="bg-index"
-                :style="{ backgroundImage: backgroundUrlStyle, paddingTop: paddingTop, marginTop: marginTop }">
-                <diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop"
-                    :followOfficialAccount="followOfficialAccount" />
-                <ns-copyright v-show="isShowCopyRight" />
-            </view>
+			<diy-index-page v-if="topIndexValue" ref="indexPage" :value="topIndexValue" :bgUrl="bgUrl"
+				:scrollTop="scrollTop" :diyGlobal="diyData.global" class="diy-index-page">
+				<template v-slot:components>
+					<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop"
+						:haveTopCategory="true" :followOfficialAccount="followOfficialAccount" />
+				</template>
+				<template v-slot:default>
+					<ns-copyright v-show="isShowCopyRight" />
+				</template>
+			</diy-index-page>

-            <template v-if="adv.advshow != -1">
-                <view @touchmove.prevent.stop>
-                    <uni-popup ref="uniPopupWindow" type="center" class="wap-floating" :maskClick="false">
-                        <view class="small-bot">
-                            <swiper autoplay="true" :circular="true" indicator-active-color="#fff"
-                                indicator-color="rgba(255,255,255,0.6)" :indicator-dots="true" interval="3000">
-                                <swiper-item v-for="(item, index) in adv.list" :key="index">
-                                    <image class="slide-image" @click="$util.diyRedirectTo(item.link)" height="100%"
-                                        :src="$util.img(item.imageUrl)" width="100%"></image>
-                                </swiper-item>
-                            </swiper>
-                            <view class="small-bot-close" @click="closePopupWindow">
-                                <i class="iconfont icon-round-close" style="color:#fff"></i>
-                            </view>
-                        </view>
-                    </uni-popup>
-                </view>
-            </template>
+			<view v-else class="bg-index"
+				:style="{ backgroundImage: backgroundUrl, paddingTop: paddingTop, marginTop: marginTop }">
+				<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop"
+					:followOfficialAccount="followOfficialAccount" />
+				<ns-copyright v-show="isShowCopyRight" />
+			</view>

-            <!-- 底部tabBar -->
-            <view class="page-bottom" v-if="openBottomNav">
-                <diy-bottom-nav @callback="callback" :name="name" />
-            </view>
+			<template v-if="adv.advshow != -1">
+				<view @touchmove.prevent.stop>
+					<uni-popup ref="uniPopupWindow" type="center" class="wap-floating" :maskClick="false">
+						<view class="small-bot">
+							<!-- 	<view class="adver-time" wx:if="{{startadv.params.style=='default'&&startadv.params.canclose==1}}">
+							<view bindtap="adverclose">跳过</view>
+							<view class="time">{{clock}}s</view>
+						</view>
+						<view class="adver-time" wx:if="{{startadv.params.style=='default'&&startadv.params.canclose==0}}">
+							<view class="time" style="line-height: 64rpx;">{{clock}}s</view>
+						</view> -->
+							<swiper autoplay="true" :circular="true" indicator-active-color="#fff"
+								indicator-color="rgba(255,255,255,0.6)" :indicator-dots="true" interval="3000">
+								<swiper-item v-for="(item, index) in adv.list" :key="index">
+									<image class="slide-image" @click="$util.diyRedirectTo(item.link)" height="100%"
+										:src="$util.img(item.imageUrl)" width="100%"></image>
+									<!-- 	<image bindtap="adverclose" class="slide-image" height="100%" src="{{item.imgurl}}" width="100%" wx:if="{{item.click==1}}"></image> -->
+								</swiper-item>
+							</swiper>
+							<view bindtap="adverclose" class="small-bot-close" @click="closePopupWindow">
+								<i class="iconfont icon-round-close" style="color:#fff"></i>
+							</view>
+						</view>
+						<!-- 	<view class="image-wrap">
+						<swiper class="swiper" style="width:100%;height: 1200rpx;" :autoplay="true"  interval="3000" circular="true" :indicator-dots="true" indicator-color="#000" indicator-active-color="red">
+							<swiper-item class="swiper-item" v-for="(item, index) in adv.list" :key="index" v-if="item.imageUrl" @click="$util.diyRedirectTo(item.link)">
+								<view class="item">
+									<image :src="$util.img(item.imageUrl)" mode="aspectFit" :show-menu-by-longpress="true"/>
+								</view>
+							</swiper-item>
+						</swiper>
+					</view>
+					<text class="iconfont icon-round-close" @click="closePopupWindow"></text> -->
+					</uni-popup>
+				</view>
+			</template>

-            <!-- 关注公众号弹窗 -->
-            <view @touchmove.prevent class="official-accounts-inner" v-if="wechatQrcode">
-                <uni-popup ref="officialAccountsPopup" type="center">
-                    <view class="official-accounts-wrap">
-                        <image class="content" :src="$util.img(wechatQrcode)" mode="aspectFit"></image>
-                        <text class="desc">关注了解更多</text>
-                        <text class="close iconfont icon-round-close" @click="officialAccountsClose"></text>
-                    </view>
-                </uni-popup>
-            </view>
+			<!-- 底部tabBar -->
+			<view class="page-bottom" v-if="openBottomNav">
+				<diy-bottom-nav @callback="callback" :name="name" />
+			</view>

-            <!-- 收藏 -->
-            <uni-popup ref="collectPopupWindow" type="top" class="wap-floating wap-floating-collect">
-                <view v-if="showTip" class="collectPopupWindow"
-                    :style="{ marginTop: (collectTop + statusBarHeight) * 2 + 'rpx' }">
-                    <image :src="$util.img('public/uniapp/index/collect2.png')" mode="aspectFit" />
-                    <text @click="closeCollectPopupWindow">我知道了</text>
-                </view>
-            </uni-popup>
+			<!-- 关注公众号弹窗 -->
+			<view @touchmove.prevent class="official-accounts-inner" v-if="wechatQrcode">
+				<uni-popup ref="officialAccountsPopup" type="center">
+					<view class="official-accounts-wrap">
+						<image class="content" :src="$util.img(wechatQrcode)" mode="aspectFit"></image>
+						<text class="desc">关注了解更多</text>
+						<text class="close iconfont icon-round-close" @click="officialAccountsClose"></text>
+					</view>
+				</uni-popup>
+			</view>

-            <!-- 选择门店弹出框 -->
-            <view @touchmove.prevent.stop class="choose-store">
-                <uni-popup ref="chooseStorePopup" type="center" :maskClick="false" class="choose-store">
-                    <view class="choose-store-popup">
-                        <view class="head-wrap" @click="closeChooseStorePopup">请确认门店</view>
-                        <view class="position-wrap">
-                            <text class="iconfont icon-dizhi"></text>
-                            <text class="address">{{ currentPosition }}</text>
-                            <view class="reposition" @click="reposition"
-                                v-if="globalStoreConfig && globalStoreConfig.is_allow_change == 1">
-                                <text class="iconfont icon-dingwei"></text>
-                                <text>重新定位</text>
-                            </view>
-                        </view>
-                        <view class="store-wrap" v-if="nearestStore">
-                            <text class="tag">当前门店</text>
-                            <view class="store-name">{{ nearestStore.store_name }}</view>
-                            <view class="address">{{ nearestStore.show_address }}</view>
-                            <view class="distance" v-if="nearestStore.distance">
-                                <text class="iconfont icon-dizhi"></text>
-                                <text>{{ nearestStore.distance > 1 ? nearestStore.distance + 'km' :
-                                    nearestStore.distance *
-                                    1000 +
-                                    'm' }}</text>
-                            </view>
-                        </view>
-                        <button type="primary" @click="enterStore">确认进入</button>
-                        <view class="other-store" @click="chooseOtherStore"
-                            v-if="globalStoreConfig && globalStoreConfig.is_allow_change == 1">
-                            <text>选择其他门店</text>
-                            <text class="iconfont icon-right"></text>
-                        </view>
-                    </view>
-                </uni-popup>
-            </view>
-            <hover-nav :need="true"></hover-nav>
-            <privacy-popup ref="privacyPopup"></privacy-popup>
-            <to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
-            <ns-login ref="login"></ns-login>
-        </view>
-    </view>
+			<!-- 收藏 -->
+			<uni-popup ref="collectPopupWindow" type="top" class="wap-floating wap-floating-collect">
+				<view v-if="showTip" class="collectPopupWindow"
+					:style="{ marginTop: (collectTop + statusBarHeight) * 2 + 'rpx' }">
+					<image :src="$util.img('public/uniapp/index/collect2.png')" mode="aspectFit" />
+					<text @click="closeCollectPopupWindow">我知道了</text>
+				</view>
+			</uni-popup>
+
+			<!-- 选择门店弹出框，定位当前位置，展示最近的一个门店 -->
+			<view @touchmove.prevent.stop class="choose-store">
+				<uni-popup ref="chooseStorePopup" type="center" :maskClick="false" class="choose-store">
+					<view class="choose-store-popup">
+						<view class="head-wrap" @click="closeChooseStorePopup">请确认门店</view>
+						<view class="position-wrap">
+							<text class="iconfont icon-dizhi"></text>
+							<text class="address">{{ currentPosition }}</text>
+							<view class="reposition" @click="reposition"
+								v-if="globalStoreConfig && globalStoreConfig.is_allow_change == 1">
+								<text class="iconfont icon-dingwei"></text>
+								<text>重新定位</text>
+							</view>
+						</view>
+						<view class="store-wrap" v-if="nearestStore">
+							<text class="tag">当前门店</text>
+							<view class="store-name">{{ nearestStore.store_name }}</view>
+							<view class="address">{{ nearestStore.show_address }}</view>
+							<view class="distance" v-if="nearestStore.distance">
+								<text class="iconfont icon-dizhi"></text>
+								<text>{{ nearestStore.distance > 1 ? nearestStore.distance + 'km' :
+									nearestStore.distance *
+									1000 +
+									'm' }}</text>
+							</view>
+						</view>
+						<button type="primary" @click="enterStore">确认进入</button>
+						<view class="other-store" @click="chooseOtherStore"
+							v-if="globalStoreConfig && globalStoreConfig.is_allow_change == 1">
+							<text>选择其他门店</text>
+							<text class="iconfont icon-right"></text>
+						</view>
+					</view>
+				</uni-popup>
+			</view>
+			<hover-nav :need="true"></hover-nav>
+			<!-- 隐私协议 -->
+			<privacy-popup ref="privacyPopup"></privacy-popup>
+			<to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
+			<ns-login ref="login"></ns-login>
+		</view>
+	</view>
 </template>

 <script>
+
+
 import diyJs from '@/common/js/diy.js';
 import scroll from '@/common/js/scroll-view.js';
 import indexJs from './public/js/index.js';

 export default {
-    mixins: [diyJs, scroll, indexJs],
-
-   data() {
-     return {
-       diyData: { global: {}, value: null },
-       followOfficialAccount: {},
-       wechatQrcode: '',
-       adv: { advshow: -1, list: [] },
-       // ❌ 不要定义 siteInfo、bgUrl，除非你明确知道它们不会冲突
-     };
-   },
-
-    computed: {
-        // ✅ 安全获取 bgUrl（用于 diy-index-page 的 prop）
-        safeBgUrl() {
-            // 优先取全局配置中的 bgUrl，没有则用组件自己的 bgUrl（如有），否则为空
-            return this.diyData?.global?.bgUrl || this.bgUrl || '';
-        },
-
-        // ✅ 安全生成 background-image 样式字符串（用于 fallback 区域）
-        backgroundUrlStyle() {
-            const url = this.diyData?.global?.bgUrl || this.bgUrl || '';
-            return url ? `url(${url})` : 'none';
-        }
-    },
-
-    // 如果你的 mixin 中已经处理了数据加载，这里可以留空
-    // 否则建议在 created/mounted 中初始化默认值或请求数据
-    created() {
-        // 可选：如果 mixin 没有初始化 diyData，这里再兜底一次
-        if (!this.diyData) {
-            this.diyData = { global: {}, value: null };
-        }
-    }
+	mixins: [diyJs, scroll, indexJs]
 };
 </script>

@@ -170,86 +162,85 @@ export default {
@import './public/css/index.scss';

 .small-bot {
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    z-index: 122;
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	z-index: 122;
 }

 .small-bot swiper {
-    width: 560rpx;
-    height: 784rpx;
-    margin: 120rpx auto 0;
-    border-radius: 10rpx;
-    overflow: hidden;
+	width: 560rpx;
+	height: 784rpx;
+	margin: 120rpx auto 0;
+	border-radius: 10rpx;
+	overflow: hidden;
 }

 .small-bot swiper .slide-image {
-    width: 100%;
-    height: 100%;
+	width: 100%;
+	height: 100%;
 }

 .small-bot-close {
-    width: 66rpx;
-    height: 66rpx;
-    border-radius: 50%;
-    text-align: center;
-    line-height: 64rpx;
-    font-size: 64rpx;
-    color: #fff;
-    margin: 30rpx auto 0;
+	width: 66rpx;
+	height: 66rpx;
+	border-radius: 50%;
+	text-align: center;
+	line-height: 64rpx;
+	font-size: 64rpx;
+	color: #fff;
+	margin: 30rpx auto 0;
 }

 .small-bot-close i {
-    font-size: 60rpx;
+	font-size: 60rpx;
 }
 </style>
-
 <style scoped>
-.swiper /deep/ .uni-swiper-dots-horizontal {
-    left: 40%;
-    bottom: 40px
+.swiper ::v-deep .uni-swiper-dots-horizontal {
+	left: 40%;
+	bottom: 40px
 }

 .wap-floating>>>.uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
-    background: none !important;
+	background: none !important;
 }

 .choose-store>>>.goodslist-uni-popup-box {
-    width: 80%;
+	width: 80%;
 }

-/deep/.diy-index-page .uni-popup .uni-popup__wrapper-box {
-    border-radius: 0;
+::v-deep .diy-index-page .uni-popup .uni-popup__wrapper-box {
+	border-radius: 0;
 }

-/deep/ .placeholder {
-    height: 0;
+::v-deep .placeholder {
+	height: 0;
 }

-/deep/::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-    background-color: transparent;
-    display: none;
+::v-deep ::-webkit-scrollbar {
+	width: 0;
+	height: 0;
+	background-color: transparent;
+	display: none;
 }

-/deep/ .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
-    max-height: unset !important;
+::v-deep .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
+	max-height: unset !important;
 }

-/deep/ .mescroll-totop {
-    /* #ifdef H5 */
-    right: 28rpx !important;
-    bottom: 200rpx !important;
-    /* #endif */
-    /* #ifdef MP-WEIXIN */
-    right: 27rpx !important;
-    bottom: 180rpx !important;
-    /* #endif */
+::v-deep .mescroll-totop {
+	/* #ifdef H5 */
+	right: 28rpx !important;
+	bottom: 200rpx !important;
+	/* #endif */
+	/* #ifdef MP-WEIXIN */
+	right: 27rpx !important;
+	bottom: 180rpx !important;
+	/* #endif */
 }
 </style>
--- a/pages_tool/ai-chat/ai-chat-message.vue
+++ b/pages_tool/ai-chat/ai-chat-message.vue
--- a/pages_tool/ai-chat/index.vue
+++ b/pages_tool/ai-chat/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="ai-chat-page" :style="wrapperPageStyle">
+  <view class="container" :style="wrapperPageStyle">
    <!--自定义导航头部 -->
    <view class="custom-navbar" ref="pageHeader" v-if="showCustomNavbar">
      <view class="header-left">
@@ -51,12 +51,11 @@
 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 {
@@ -86,11 +85,11 @@ export default {
      // --- 聊天内容区域 ---  
      scrollViewHeight: '0px',

-
      // 事件处理器引用（用于清理）
      safeEventHandlers: new Map()
    }
  },
+  
  computed: {
    ...mapGetters([
      'globalAIKefuConfig'
@@ -109,7 +108,7 @@ export default {
    },
    wrapperPageStyle() {
      // #ifdef H5
-      return `top: ${this.navBarHeight + 'px'};`
+      return `top:  $ {this.navBarHeight + 'px'};`
      // #endif

      // #ifdef MP-WEIXIN
@@ -121,35 +120,42 @@ export default {
    wrapperChatContentStyle() {
      return { 
        height: this.containerHeight,
-        paddingTop: this.showCustomNavbar ? '0' : (this.navHeight + 'px')
+        paddingTop: this.showCustomNavbar ? '0' : (this.navBarHeight + 'px')
      }
    }
  },

  async onLoad(options) {
-    await this.initPage(options)
+    // ✅ 修改：取消权限校验，允许所有客服类型访问此页面
+    // const hasAccess = this.checkAccessPermission();
+    // if (!hasAccess) {
+    //   // 如果校验失败，不继续初始化
+    //   return;
+    // }
+
+    this. $langConfig.title('AI智能客服');
+    this.initChat();
  },
  
  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),
@@ -165,124 +171,100 @@ 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) {
      console.error('事件处理错误:', {
        error: error.message,
        eventType: event?.type,
-        component: this.$options.name
-      })
+        component: this. $options.name
+      });
      
-      this.showError('操作失败，请重试')
+      this.showError('操作失败，请重试');
    },

    // ========== 初始化页面 ==========
-    async initPage(options = {}) {
-      this.$langConfig.title('AI智能客服');
-      this.initChat()
+    initChat() {
+      console.log('AI聊天页面初始化');
    },

-
-    // 初始化导航栏相关配置
    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) {
@@ -290,19 +272,12 @@ export default {
        title: message,
        icon: 'none',
        duration: 2000
-      })
-    },    
-
-
-    // 初始化聊天
-    initChat() {
-      // 可以在这里加载历史消息
-      console.log('AI聊天页面初始化')
+      });
    },    

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

    // 显示菜单
@@ -312,59 +287,54 @@ 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.addMessage({
+            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(),
@@ -391,27 +361,18 @@ export default {
 - **复制**: 长按消息可复制内容
 - **转发**: 支持消息转发功能`,
        timestamp: Date.now()
-      }
-      this.$refs.chat.addMessage(helpMessage)
+      };
+      this. $refs.chat.addMessage(helpMessage);
    },

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

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

-    // 生成AI回复
    generateAIResponse(userMessage) {
      const responses = [
        '我理解您的需求，让我为您详细解答。',
@@ -419,133 +380,142 @@ 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(),
        role: 'ai',
        type: 'text',
-        content: `${randomResponse}\n\n您的问题"${userMessage.content}"我已经收到，正在为您处理中...`,
+        content: ` $ {randomResponse}\n\n您的问题" $ {userMessage.content}"我已经收到，正在为您处理中...`,
        timestamp: Date.now(),
        actions: [
          { 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) {
-      console.log('文件预览:', message)
-      uni.showToast({
-        title: '打开文件: ' + message.fileName,
-        icon: 'none'
-      })
+      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} 吗？`,
+        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) {
-      console.log('商品查看:', message)
-      uni.showToast({
-        title: '查看商品: ' + message.title,
-        icon: 'none'
-      })
+      uni.showToast({ title: '查看商品: ' + message.title, icon: 'none' });
    },

-    // 输入内容变化
    onInputChange(value) {
-      console.log('输入内容:', 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;
    }
  }
 }
 </script>

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

 /* 页面样式 */
-.ai-chat-page {
-  display: flex;
-  flex-direction: column;
-  background-color: #f8f8f8;
-  overflow: hidden;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
+  .container {
+    display: flex;
+    flex-direction: column;
+    background-color: white; /* 白色 */
+    overflow: hidden;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }

 /* 自定义导航头部 */
 .custom-navbar {
@@ -553,7 +523,7 @@ export default {
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 30rpx;
-  background-color: white;
+  background-color: #c4e0ff; /* 浅蓝色 */
  border-bottom: 2rpx solid #eeeeee;
  
  .header-left {
@@ -565,7 +535,7 @@ export default {
      width: 60rpx;
      height: 60rpx;
      border-radius: 50%;
-      background-color: #f8f8f8;
+      background-color: #ffffff; /* 白色按钮 */
      display: flex;
      align-items: center;
      justify-content: center;
@@ -610,7 +580,7 @@ export default {
      width: 60rpx;
      height: 60rpx;
      border-radius: 50%;
-      background-color: #f8f8f8;
+      background-color: #ffffff; /* 白色按钮 */
      display: flex;
      align-items: center;
      justify-content: center;
@@ -634,18 +604,11 @@ 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://xcx6.aigc-quickapp.com/",//修改域名
-  uniacid: 2811,//后台对应uniacid
+  baseUrl: "https://dev.aigc-quickapp.com/",//修改域名
+  uniacid: 1,//后台对应uniacid
 };
--- a/store/index.js
+++ b/store/index.js
@@ -65,6 +65,7 @@ const store = new Vuex.Store({
 		bottomNavHidden: false, // 底部导航是否隐藏，true：隐藏，false：显示
 		aiUnreadCount: 10, // AI未读消息数量
 		globalAIKefuConfig: null, // AI客服配置
+		 customerServiceType: 'ai',
 		globalStoreConfig: null, // 门店配置
 		globalStoreInfo: null, // 门店信息
 		defaultStoreInfo: null, // 默认门店
@@ -159,6 +160,9 @@ 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
jinhhanhan	bf24746a7c	chore；更改了客服和中英文按钮的顺序	2026-02-05 10:14:27 +08:00
jinhhanhan	5ff2925ba1	chore：	2026-02-05 09:56:37 +08:00
jinhhanhan	3dc81e7f53	chore：优化了hover	2026-02-05 09:50:36 +08:00
jinhhanhan	0417c5c5ed	chore：优化了hover	2026-02-05 09:27:43 +08:00
jinhhanhan	db26a85c8b	chore：商品，名片，我的都能正常跳转了	2026-02-04 17:09:57 +08:00
ZF sun	54c39259a7	chore:代码合并，整理功能	2026-02-02 18:04:59 +08:00
ZF Sun	15361211b1	Merge pull request 'tjh/merge' (#3 ) from tjh/merge into dev/1.0 Reviewed-on: #3	2026-02-02 09:52:19 +00:00
jinhhanhan	e301ddc6ec	chore：微信小程序标签栏点击可以跳转	2026-01-31 17:04:50 +08:00
jinhhanhan	a560ad4a5d	chore：后台点击什么页面就显示什么	2026-01-31 10:24:12 +08:00
jinhhanhan	7f7a18803f	chore：智能客服正常运行	2026-01-31 10:06:59 +08:00
jinhhanhan	42563d7184	chore：改了pages-tool/ai-chat/ai-chat-message.vue	2026-01-31 09:47:41 +08:00
jinhhanhan	14a903f42a	chore：改了components/chat-message/chat-message.vue	2026-01-31 09:44:05 +08:00
jinhhanhan	c9f8614927	chore：改了common/js/lang.js	2026-01-31 09:23:36 +08:00
jinhhanhan	fe9303bf4c	chore：改了store/index.js	2026-01-31 09:20:31 +08:00
jinhhanhan	e4dfd0ae11	chore：改了project.config.json	2026-01-31 09:17:57 +08:00
jinhhanhan	7037d0b083	chore：改了pages-tool/ai-chat/index.vue	2026-01-31 09:14:00 +08:00
jinhhanhan	e8a79bd245	chore：改了golbalconfig.js	2026-01-31 09:11:00 +08:00