优化前端代码，调整菜单和路由

public/index.html

@@ -12,7 +12,8 @@
     <!-- Prevent caching at the proxy server -->
     <meta http-equiv="expires" content="0">
     <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
+    <title>企微侧边栏</title>
     <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,shrink-to-fit=no,user-scalable=no"> -->
     <script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>
   </head>

src/App.vue

@@ -4,16 +4,9 @@
     <div class="mobile-menu-bar" v-if="token && external_userid && showMemberId">
       <!-- 临时调试信息 -->
       <div class="menu-container">
-        <el-menu
-          :default-active="selectedPath"
-          mode="horizontal"
-          class="mobile-el-menu"
-          :class="{ 'collapsed': !isMenuExpanded && shouldShowToggle }"
-          background-color="#fff"
-          router
-          @select="handleSelect"
-          ref="menuRef"
-        >
+        <el-menu :default-active="selectedPath" mode="horizontal" class="mobile-el-menu"
+          :class="{ 'collapsed': !isMenuExpanded && shouldShowToggle }" background-color="#fff" router
+          @select="handleSelect" ref="menuRef">
           <el-menu-item v-for="item in menuList" :key="item.path" :index="item.path" class="mobile-menu-item">
             <!-- 任务列表菜单项显示红点 -->
             <div v-if="item.path === '/taskList' && hasTaskRedDot" class="menu-item-with-badge">
@@ -27,20 +20,14 @@
             <span v-else>{{ item.label }}</span>
           </el-menu-item>
         </el-menu>
-        
+
         <!-- 展开收起按钮 -->
-        <el-button 
-          type="text"
-          size="mini"
-          v-if="shouldShowToggle" 
-          class="menu-toggle-btn" 
-          @click="toggleMenu"
-        >
+        <el-button type="text" size="mini" v-if="shouldShowToggle" class="menu-toggle-btn" @click="toggleMenu">
           <i :class="isMenuExpanded ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
           <span>{{ isMenuExpanded ? '收起' : '展开' }}</span>
         </el-button>
       </div>
-      
+
       <!-- 绑定的 w 账号 -->
       <bindUserList />
     </div>
@@ -90,7 +77,7 @@ export default {
           label: '礼包记录',
           path: '/giftRecord'
         },
-       
+
         // {
         //   label: '任务记录',
         //   path: '/taskRecord'
@@ -113,7 +100,7 @@ export default {
           hasRedDot: false  // 红点状态
         },
         {
-          label: '跟进记录',
+          label: '微言助手',
           path: '/summaryList'
         },
         // {
@@ -196,7 +183,7 @@ export default {
       this.selectedPath = currentPath
     }
     console.log('创建时路径:', currentPath, '选中路径:', this.selectedPath)
-    
+
     // 监听窗口大小变化
     window.addEventListener('resize', this.handleResize)
     // 初始检查
@@ -240,25 +227,25 @@ export default {
     toggleMenu() {
       this.isMenuExpanded = !this.isMenuExpanded
     },
-    
+
     // 检查菜单是否需要换行
     checkMenuOverflow() {
       this.$nextTick(() => {
         const menuElement = this.$refs.menuRef?.$el
         if (!menuElement) return
-        
+
         // 临时展开菜单来检查实际高度
         const wasCollapsed = !this.isMenuExpanded && this.shouldShowToggle
         if (wasCollapsed) {
           menuElement.classList.remove('collapsed')
         }
-        
+
         const menuHeight = menuElement.scrollHeight
         const singleLineHeight = 50 // 单行高度
-        
+
         // 如果菜单高度超过单行，说明需要换行
         this.shouldShowToggle = menuHeight > singleLineHeight + 10 // 加10px容错
-        
+
         // 如果不需要展开收起按钮，则直接展开
         if (!this.shouldShowToggle) {
           this.isMenuExpanded = true
@@ -268,7 +255,7 @@ export default {
         }
       })
     },
-    
+
     // 窗口大小变化处理
     handleResize() {
       clearTimeout(this.resizeTimer)

src/router/index.js

@@ -12,7 +12,7 @@ import taskRecord from '../views/taskRecord.vue'
 import mailList from '@/views/mailList.vue'
 import quickSendGame from '@/views/quickSendGame.vue'
 import taskList from '@/views/taskList.vue'
-import summaryList from '@/views/summaryList.vue'
+import aiChat from '@/views/components/aiChat/aiChat.vue'
 import Cookies from 'js-cookie'
 import store from '@/store'
 Vue.use(VueRouter)
@@ -85,9 +85,9 @@ const routes = [
     component: taskList
   },
   {
-    path: '/summaryList',
-    name: 'summaryList',
-    component: summaryList
+    path: '/aiChat',
+    name: 'aiChat',
+    component: aiChat
   },
   {
     path: '/login',

src/views/components/aiChat/aiArgenChat.vue

+<template>
+    <div>
+        <h1>AI 微言</h1>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'aiArgenChat'
+}
+</script>
\ No newline at end of file

src/views/components/aiChat/aiChat.vue

+<template>
+    <div class="quickSendGame columnFlex">
+        <div class="content search-form">
+            <el-tabs v-model="activeName">
+                <el-tab-pane label="AI微言" name="aiChat">
+                    <aiArgenChat v-if="activeName === 'aiChat'" />
+                </el-tab-pane>
+                <el-tab-pane label="AI 跟进记录" name="aiFollow">
+                    <summaryList v-if="activeName === 'aiFollow'" />
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+    </div>
+</template>
+
+<script>
+import aiArgenChat from './aiArgenChat.vue'
+import summaryList from './summaryList.vue'
+import { mapActions } from 'vuex'
+export default {
+    name: 'quickSendGame',
+    components: {
+        aiArgenChat,
+        summaryList,
+    },
+    data() {
+        return {
+            activeName: 'aiChat'
+        }
+    },
+    created() {
+    },
+    mounted() {
+        // this.initializeWecom()
+    },
+    methods: {
+        ...mapActions('user', ['initWecom']),
+        async initializeWecom() {
+            try {
+                console.log('🚀 开始初始化企业微信 SDK')
+                const result = await this.initWecom()
+                console.log('✅ 企业微信 SDK 初始化成功', result)
+            } catch (error) {
+                console.error('❌ 企业微信 SDK 初始化失败:', error)
+            }
+        },
+    }
+}
+</script>
+<style lang="scss" scoped>
+.quickSendGame {
+
+    ::v-deep .el-tabs__nav-next,
+    ::v-deep .el-tabs__nav-prev {
+        line-height: 50px;
+    }
+
+    width: 100%;
+    height: 100%;
+    background: #fff;
+
+    ::v-deep .el-tabs__item {
+        padding: 0 15px;
+    }
+
+    .detailsTitle {
+        width: 100%;
+        padding: 0 10px;
+        height: 60px;
+        font-size: 18px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333333;
+        border-bottom: 1px solid #ebeef5;
+        border-left: 1px solid #ebeef5;
+
+        p {
+            color: #333333;
+        }
+    }
+
+    .content {
+        width: 100%;
+        height: calc(100% - 10px);
+
+        ::v-deep .el-tabs__header {
+            margin: 0 0 20px;
+        }
+    }
+
+    ::v-deep .el-tabs--border-card .is-active {
+        border: none !important;
+    }
+
+    ::v-deep .is-active {
+        border: none;
+    }
+
+    .inputContent {
+        width: 100%;
+
+        ::v-deep .el-input {
+            width: 80%;
+        }
+    }
+
+    ::v-deep .el-tabs,
+    .el-tabs__content,
+    .el-tab-pane {
+        width: 100%;
+        height: 100%;
+    }
+
+    ::v-deep .el-tabs__content {
+        width: 100%;
+        height: calc(100% - 50px);
+    }
+
+    ::v-deep .el-tab-pane {
+        width: 100%;
+        height: 100%;
+    }
+
+    .scrollList {
+        width: 100%;
+        height: calc(100% - 40px);
+        overflow: auto;
+    }
+
+    .draggable {
+        position: relative;
+        transition: all 0.3s;
+
+        .icon {
+            position: absolute;
+            left: 10px;
+            top: 15px;
+            z-index: 10;
+        }
+    }
+
+    ::v-deep .el-icon-circle-close {
+        color: #fff;
+    }
+
+    .bate {
+        width: 42px;
+        height: 20px;
+        background: linear-gradient(135deg, #6ee7e9 0%, #9ff2cd 47%, #e3fdb2 100%);
+        border-radius: 10px;
+        padding: 0px 10px 3px 10px;
+    }
+}
+</style>
\ No newline at end of file

src/views/giftRecord.vue

@@ -20,7 +20,7 @@ export default {
     EmailGift,
     WxGift
   },
-  created(){
+  created() {
     this.initializeWecom()
   },
   methods: {
@@ -45,43 +45,43 @@ export default {
 
 <style lang="scss" scoped>
 .gift-tab-container-apply-gift {
-    width: 100%;
-    height: 100%;
-    padding-top: 10px;
-    background: #fff;
+  width: 100%;
+  height: 100%;
+  padding-top: 10px;
+  background: #fff;
 
-    ::v-deep .el-tabs__content{
-        height: calc(100% - 55px);
-      }
-    
-    ::v-deep .el-tabs {
-      .el-tabs__header {
-        margin: 0;
-        padding: 0 15px;
-      }
-      
-      .el-tabs__item {
-        height: 40px;
-        line-height: 40px;
-        font-size: 16px;
-        color: #333333;
-        
-        &.is-active {
-          color: #3491FA;
-        }
-      }
-     
-      
-      .el-tabs__active-bar {
-        background-color: #3491FA;
-        height: 3px;
-        border-radius: 1.5px;
-      }
-      
-      .el-tabs__nav-wrap::after {
-        height: 1px;
-        background-color: #e4e7ed;
+  ::v-deep .el-tabs__content {
+    height: calc(100% - 55px);
+  }
+
+  ::v-deep .el-tabs {
+    .el-tabs__header {
+      margin: 0;
+      padding: 0 15px;
+    }
+
+    .el-tabs__item {
+      height: 40px;
+      line-height: 40px;
+      font-size: 16px;
+      color: #333333;
+
+      &.is-active {
+        color: #3491FA;
       }
     }
+
+
+    .el-tabs__active-bar {
+      background-color: #3491FA;
+      height: 3px;
+      border-radius: 1.5px;
+    }
+
+    .el-tabs__nav-wrap::after {
+      height: 1px;
+      background-color: #e4e7ed;
+    }
+  }
 }
 </style>
\ No newline at end of file