chore：点进智能AI页面，输入框移动到底部

pages_tool/ai-chat/index.vue

@@ -13,8 +13,9 @@
     <!-- #endif -->
 
     <!-- 聊天内容区域：从导航栏下方到容器底部 -->
-    <view class="chat-content" :style="{ bottom: tabBarHeight }">
-      <ai-chat-message 
+    <!-- AI 智能页始终全屏,不让位给底部 tabBar,聊天区直接占满到底 -->
+    <view class="chat-content" :style="{ bottom: '0rpx' }">
+      <ai-chat-message
         ref="chat"
         :initial-messages="initialMessages"
         :fallback-welcome="fallbackWelcome"
@@ -69,14 +70,9 @@
       </view>
     </view>
 
-    <!-- 底部导航栏(仅在 tabBar 场景下显示):
-         通过 golbalConfig mixin 的 shouldShowTabBar 控制 v-show,
-         组件内部已绑定 data-component-name="diy-bottom-nav"。
-         - 后端把 ai-chat 配为底部导航栏项 → 用户点击该项进入 → tabBar 显示并高亮对应项
-         - 浮动按钮(diy-float-btn)进入时 onLoad commit setBottomNavHidden(true)
-           → shouldShowTabBar=false → tabBar 隐藏
-         - 离开页面(onUnload)还原 bottomNavHidden → 不污染其他页面 -->
-    <diy-bottom-nav></diy-bottom-nav>
+    <!-- 底部导航栏:AI 智能页是全屏聊天体验,强制不渲染底部 tabBar,
+         让输入框贴到屏幕底,不论从哪个入口进入都不显示。 -->
+    <diy-bottom-nav v-if="false"></diy-bottom-nav>
   </view>
 </template>
 
@@ -119,12 +115,9 @@ export default {
       // 事件处理器引用（用于清理）
       safeEventHandlers: new Map(),
 
-      // 是否从浮动按钮进入
-      // 用来在运行时区分两种场景:
-      //   1) 后台把 ai-chat 配为底部导航栏 tabBar 项 → 用户点击该项进入 → 底部 tabBar 显示并高亮
-      //   2) 浮动按钮(diy-float-btn)的链接指向 ai-chat → 用户点击浮动按钮进入 → 底部 tabBar 隐藏
-      // 通过 onLoad(options).from 判定;同时会通过 $store.state.bottomNavHidden 临时隐藏 tabBar,
-      // 并在 onUnload 还原,避免影响其他页面。
+      // 进入 AI 智能页时是否临时隐藏了底部 tabBar。
+      // 标记进入时已调用 setBottomNavHidden(true),在 onUnload 中根据此标记还原,
+      // 避免返回其他 tabBar 页时底部导航栏保持隐藏状态。
       isFromFloatBtn: false,
     }
   },
@@ -171,24 +164,16 @@ export default {
 
     this.$langConfig.title(this.pageTitle || this.$lang('ai-chat.index.title'));
 
-    // ====== 区分底部导航栏/浮动按钮两种进入来源 ======
-    // diy-float-btn 跳转时会在 link 上注入 __dyu=FloatBtn
-    // (见 diy-float-btn.vue#onFloatBtnClick)
-    // 这种情况应当隐藏底部 tabBar(AI 客服页是全屏聊天体验,不应被 tabBar 占用屏幕)
-    // 而点击底部导航栏 tabBar 项进入时,通常不会携带 __dyu query,
-    // 此时 tabBar 正常显示并由 checkTabBarActive 步骤2精确命中高亮当前项。
-    // 用 __dyu 这种 3 字符 + 双下划线前缀的命名,几乎不可能与业务 page_params 冲突
-    // (业务方不会使用 __ 开头的短变量名)。
-    const dyuEntry = (options && options.__dyu) || '';
-    if (dyuEntry === 'FloatBtn') {
-      this.isFromFloatBtn = true;
-      // 临时隐藏底部导航栏;onUnload 会还原。
-      try {
-        this.$store.commit('setBottomNavHidden', true);
-      } catch (e) { /* 兼容没有该 mutation 的旧 store */ }
-    } else {
-      this.isFromFloatBtn = false;
-    }
+    // ====== 进入 AI 智能页始终隐藏底部 tabBar ======
+    // 原因:AI 智能页是全屏聊天体验,不论是
+    //   1) 底部导航栏"智能客服"项直接点击进入
+    //   2) diy-float-btn 浮动按钮(注入 __dyu=FloatBtn)进入
+    // 都不应被 tabBar 占用屏幕,否则输入框会被挤到 tabBar 上方。
+    // 进入时 setBottomNavHidden(true) 临时隐藏,onUnload 还原,避免污染其他页面。
+    this.isFromFloatBtn = true; // 标记进入时已隐藏,onUnload 据此还原
+    try {
+      this.$store.commit('setBottomNavHidden', true);
+    } catch (e) { /* 兼容没有该 mutation 的旧 store */ }
 
     this.initChat();
   },