refactor: 重构AI聊天页面路由与冗余代码

1.  合并旧AI页面到ai-chat页面，删除冗余的ai/index.vue和api文件
2.  移除首页和工作页的AI悬浮按钮
3.  更新页面路由配置与登录跳转路径
4.  调整聊天输入框底部间距适配安全区域

src/api/ai/ai.js

@@ -1,10 +0,0 @@
-import request from '@/utils/request'
-
-// AI 对话
-export function sendChatMessage(data) {
-  return request({
-    url: '/ai/chat',
-    method: 'post',
-    data: data
-  })
-}

src/pages.json

@@ -262,12 +262,6 @@
       }
     },
     {
-      "path": "pages/ai/index",
-      "style": {
-        "navigationBarTitleText": "AI问答"
-      }
-    },
-    {
       "path": "pages/announcement/index",
       "style": {
         "navigationBarTitleText": "公告"
@@ -398,7 +392,7 @@
         "text": "消息"
       },
       {
-        "pagePath": "pages/ai/index",
+        "pagePath": "pages/ai-chat/index",
         "iconPath": "static/images/tabbar/ai.png",
         "selectedIconPath": "static/images/tabbar/ai_.png",
         "text": "AI问答"

src/pages/ai-chat/index.vue

@@ -721,6 +721,7 @@ $text-sub: #999;
   background: #fff;
   border-top: 1rpx solid #eee;
   gap: 16rpx;
+  margin-bottom: 93rpx;
 }
 .input {
   flex: 1;

src/pages/ai/index.vue

@@ -1,323 +0,0 @@
-<template>
-  <view class="ai-chat-page">
-    <!-- 消息列表 -->
-    <scroll-view
-      class="message-list"
-      scroll-y
-      :scroll-into-view="scrollToId"
-      @scrolltoupper="loadMore"
-      enable-back-to-top
-    >
-      <view class="messages-wrapper">
-        <view
-          v-for="(msg, index) in messages"
-          :key="msg.id"
-          :id="'msg-' + msg.id"
-          class="message-item"
-          :class="msg.role === 'user' ? 'user-msg' : 'ai-msg'"
-        >
-          <!-- AI 头像 -->
-          <view v-if="msg.role !== 'user'" class="avatar ai-avatar">
-            <text class="avatar-text">AI</text>
-          </view>
-          <view class="bubble-wrapper">
-            <view class="bubble" :class="msg.role === 'user' ? 'user-bubble' : 'ai-bubble'">
-              <text class="bubble-text">{{ msg.content }}</text>
-              <view v-if="msg.role === 'assistant' && index === messages.length - 1 && loading" class="typing-dots">
-                <text class="dot">.</text>
-                <text class="dot">.</text>
-                <text class="dot">.</text>
-              </view>
-            </view>
-          </view>
-          <!-- 用户头像 -->
-          <view v-if="msg.role === 'user'" class="avatar user-avatar">
-            <text class="avatar-text">我</text>
-          </view>
-        </view>
-      </view>
-    </scroll-view>
-
-    <!-- 输入区域 -->
-    <view class="input-area">
-      <view class="input-wrapper">
-        <input
-          v-model="inputText"
-          class="chat-input"
-          type="text"
-          placeholder="请输入您的问题..."
-          placeholder-class="placeholder-style"
-          :disabled="loading"
-          @confirm="sendMessage"
-          confirm-type="send"
-        />
-        <view class="send-btn" :class="{ disabled: !inputText.trim() || loading }" @click="sendMessage">
-          <text class="send-icon">↑</text>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-import { sendChatMessage } from '@/api/ai/ai'
-
-let msgId = 0
-
-export default {
-  data() {
-    return {
-      inputText: '',
-      messages: [],
-      loading: false,
-      scrollToId: ''
-    }
-  },
-  onLoad() {
-    this.addWelcomeMessage()
-  },
-  methods: {
-    addWelcomeMessage() {
-      this.messages.push({
-        id: ++msgId,
-        role: 'assistant',
-        content: '您好！我是智慧安检 AI 助手，有什么可以帮助您的吗？'
-      })
-      this.$nextTick(() => {
-        this.scrollToBottom()
-      })
-    },
-    async sendMessage() {
-      const text = this.inputText.trim()
-      if (!text || this.loading) return
-
-      // 添加用户消息
-      this.messages.push({
-        id: ++msgId,
-        role: 'user',
-        content: text
-      })
-      this.inputText = ''
-      this.scrollToBottom()
-
-      // 添加占位 AI 消息
-      this.loading = true
-      const aiMsgId = ++msgId
-      this.messages.push({
-        id: aiMsgId,
-        role: 'assistant',
-        content: ''
-      })
-      this.scrollToBottom()
-
-      try {
-        const res = await sendChatMessage({
-          message: text,
-          history: this.messages
-            .filter(m => m.content)
-            .slice(-10)
-            .map(m => ({
-              role: m.role,
-              content: m.content
-            }))
-        })
-        const reply = res?.data?.reply || res?.data?.content || '抱歉，我暂时无法回答这个问题，请稍后再试。'
-        // 更新 AI 回复
-        const aiMsg = this.messages.find(m => m.id === aiMsgId)
-        if (aiMsg) {
-          aiMsg.content = reply
-        }
-      } catch (error) {
-        const aiMsg = this.messages.find(m => m.id === aiMsgId)
-        if (aiMsg) {
-          aiMsg.content = '网络开小差了，请稍后再试。'
-        }
-      } finally {
-        this.loading = false
-        this.$nextTick(() => {
-          this.scrollToBottom()
-        })
-      }
-    },
-    scrollToBottom() {
-      if (this.messages.length > 0) {
-        this.scrollToId = 'msg-' + this.messages[this.messages.length - 1].id
-      }
-    },
-    loadMore() {
-      // 预留加载更多历史消息
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.ai-chat-page {
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  background-color: #f5f5f5;
-  padding-top: var(--status-bar-height);
-}
-
-.message-list {
-  flex: 1;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
-
-.messages-wrapper {
-  padding: 20rpx 30rpx;
-  padding-bottom: 30rpx;
-}
-
-.message-item {
-  display: flex;
-  align-items: flex-start;
-  margin-bottom: 30rpx;
-
-  &.user-msg {
-    justify-content: flex-end;
-  }
-
-  &.ai-msg {
-    justify-content: flex-start;
-  }
-}
-
-.avatar {
-  width: 64rpx;
-  height: 64rpx;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-
-  .avatar-text {
-    font-size: 24rpx;
-    font-weight: bold;
-    color: #fff;
-  }
-}
-
-.ai-avatar {
-  background: linear-gradient(135deg, #409EFF, #36cfc9);
-  margin-right: 16rpx;
-}
-
-.user-avatar {
-  background: linear-gradient(135deg, #36d399, #409EFF);
-  margin-left: 16rpx;
-}
-
-.bubble-wrapper {
-  max-width: 70%;
-  display: flex;
-}
-
-.bubble {
-  padding: 20rpx 24rpx;
-  border-radius: 12rpx;
-  font-size: 28rpx;
-  line-height: 1.6;
-  word-break: break-word;
-}
-
-.user-bubble {
-  background: linear-gradient(135deg, #409EFF, #36cfc9);
-  color: #fff;
-  border-bottom-right-radius: 4rpx;
-}
-
-.ai-bubble {
-  background: #fff;
-  color: #333;
-  border-bottom-left-radius: 4rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
-}
-
-.bubble-text {
-  white-space: pre-wrap;
-}
-
-.typing-dots {
-  display: inline-flex;
-  align-items: center;
-  margin-left: 4rpx;
-
-  .dot {
-    font-size: 40rpx;
-    line-height: 1;
-    color: #999;
-    animation: blink 1.4s infinite both;
-
-    &:nth-child(2) {
-      animation-delay: 0.2s;
-    }
-
-    &:nth-child(3) {
-      animation-delay: 0.4s;
-    }
-  }
-}
-
-@keyframes blink {
-  0%, 80%, 100% {
-    opacity: 0;
-  }
-  40% {
-    opacity: 1;
-  }
-}
-
-/* 输入区域 */
-.input-area {
-  padding: 16rpx 24rpx;
-  padding-bottom: calc(16rpx + env(safe-area-inset-bottom));
-  background: #fff;
-  border-top: 1rpx solid #eee;
-}
-
-.input-wrapper {
-  display: flex;
-  align-items: center;
-  gap: 16rpx;
-}
-
-.chat-input {
-  flex: 1;
-  height: 72rpx;
-  background: #f5f5f5;
-  border-radius: 36rpx;
-  padding: 0 30rpx;
-  font-size: 28rpx;
-  color: #333;
-}
-
-.placeholder-style {
-  color: #999;
-  font-size: 28rpx;
-}
-
-.send-btn {
-  width: 72rpx;
-  height: 72rpx;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #409EFF, #36cfc9);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-
-  &.disabled {
-    opacity: 0.4;
-  }
-
-  .send-icon {
-    color: #fff;
-    font-size: 36rpx;
-    font-weight: bold;
-  }
-}
-</style>

src/pages/home/index.vue

@@ -37,10 +37,6 @@
       </div>
     </div>
 
-    <!-- AI助手悬浮按钮 -->
-    <view class="ai-float-btn" @click="openAiChat">
-      <text class="ai-float-icon">AI</text>
-    </view>
 
     <Notice ref="notice" />
     <!--  今日待办  -->
@@ -123,9 +119,7 @@ export default {
 
   },
   methods: {
-    openAiChat() {
-      uni.navigateTo({ url: '/pages/ai-chat/index' });
-    },
+
     goworkDocu() {
       uni.navigateTo({
         url: '/pages/workDocu/index'
@@ -376,24 +370,4 @@ img {
   margin-bottom: 32rpx;
 }
 
-.ai-float-btn {
-  position: fixed;
-  right: 40rpx;
-  bottom: 180rpx;
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #1890ff, #096dd9);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 8rpx 24rpx rgba(24, 144, 255, 0.45);
-  z-index: 99;
-}
-.ai-float-icon {
-  color: #fff;
-  font-size: 28rpx;
-  font-weight: 700;
-  letter-spacing: 2rpx;
-}
 </style>

src/pages/login.vue

@@ -78,7 +78,7 @@ export default {
   onLoad() {
     //#ifdef H5
     if (getToken()) {
-      this.$tab.reLaunch('/pages/work/index')
+      this.$tab.reLaunch('/pages/myToDoList/index')
     }
     this.getStorage()
     //#endif
@@ -164,7 +164,7 @@ export default {
       this.$store.dispatch('GetInfo').then(res => {
         // 登录成功后调用showMessageTabRedDot更新消息tab红点状态
         showMessageTabRedDot()
-        this.$tab.reLaunch('/pages/work/index')
+        this.$tab.reLaunch('/pages/myToDoList/index')
       })
     }
   }

src/pages/work/index.vue

@@ -34,10 +34,7 @@
       </view>
     </div>
 
-    <!-- AI助手悬浮按钮 -->
-    <view class="ai-float-btn" @click="openAiChat">
-      <text class="ai-float-icon">AI</text>
-    </view>
+   
   </home-container>
 </template>
 <script>
@@ -98,9 +95,7 @@ export default {
     updateCurrentDate() {
       this.currentDate = this.formatDate(new Date());
     },
-    openAiChat() {
-      uni.navigateTo({ url: '/pages/ai-chat/index' });
-    },
+   
     handleGridClick(url) {
       console.log('点击了宫格：', url, this.role);
       uni.navigateTo({
@@ -227,24 +222,5 @@ export default {
   color: #999;
 }
 
-.ai-float-btn {
-  position: fixed;
-  right: 40rpx;
-  bottom: 180rpx;
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #1890ff, #096dd9);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 8rpx 24rpx rgba(24, 144, 255, 0.45);
-  z-index: 99;
-}
-.ai-float-icon {
-  color: #fff;
-  font-size: 28rpx;
-  font-weight: 700;
-  letter-spacing: 2rpx;
-}
+
 </style>