Pārlūkot izejas kodu

修改部分样式

yangg 4 mēneši atpakaļ
vecāks
revīzija
5206b45d4c

+ 1 - 1
.env.development

@@ -1,2 +1,2 @@
 NODE_ENV=development
-VITE_BASE_AI_API=http://127.0.0.1:8082
+VITE_BASE_AI_API=https://ylaiapi.raycos.com.cn

+ 2 - 2
src/components/KnowledgeResults/index.vue

@@ -16,9 +16,9 @@
           @click="clearSearch"
         >×</span>
       </div>
-      <button @click="handleSearch" :disabled="isSearching" class="search-button">
+      <!-- <button @click="handleSearch" :disabled="isSearching" class="search-button">
         {{ isSearching ? '搜索中...' : '搜索' }}
-      </button>
+      </button> -->
     </div>
 
     <!-- 搜索结果列表 -->

+ 1 - 1
src/components/VoiceConfig/index.vue

@@ -186,7 +186,7 @@ const handlePreviewVoice = async () => {
     isPreviewPlaying.value = true;
     
     // 构建预览URL
-    const previewUrl = `${import.meta.env.VITE_BASE_AI_API}/get_voice_preview?voice_id=${voiceConfig.role}&text=你好&style=chat`;
+    const previewUrl = `${import.meta.env.VITE_BASE_AI_API}/get_voice_preview?voice_id=${voiceConfig.role}&text=你好`;
     
     // 如果已存在音频元素,先停止并移除
     if (audioElement.value) {

+ 62 - 8
src/views/report.vue

@@ -17,7 +17,7 @@
       <!-- Logo -->
       <div class="logo">
         <img
-          src="https://ecsaas.raycos.com.cn/web/uploads/20230713/3690c0badc2c7be4552a253f72d6d701.png"
+          src="http://ecsaas.raycos.com.cn/web/uploads/20230713/3690c0badc2c7be4552a253f72d6d701.png"
           :draggable="false"
           alt="logo"
           class="logo-img"
@@ -433,6 +433,21 @@
       }" 
       :style="{ width: rightMenuWidth + 'px' }"
     >
+    <!-- 修改收缩按钮的位置和样式 -->
+    <div 
+      class="collapse-button" 
+      :class="{ 
+        'menu-expanded': !isRightMenuCollapsed,
+        'menu-collapsed': isRightMenuCollapsed 
+      }"
+      @click="toggleRightMenu"
+    >
+      <img
+        :src="isRightMenuCollapsed ? leftIcon : rightIcon"
+        alt="toggle"
+        class="collapse-icon"
+      />
+    </div>
       <!-- 添加拖动条 -->
       <div 
         class="resize-handle"
@@ -642,7 +657,7 @@ const isSearchLoading = ref(false);
 const searchTotal = ref(0);
 
 // 添加互联网搜索开关状态
-const enableWebSearch = ref(false);
+const enableWebSearch = ref(true);
 
 // 添加新的响应式变量
 const isMenuCollapsed = ref(false);
@@ -694,7 +709,28 @@ const toggleMenu = () => {
 // 修改右侧菜单切换逻辑
 const toggleRightMenu = () => {
   // 不执行任何操作,保持展开状态
-  return;
+  isRightMenuCollapsed.value = !isRightMenuCollapsed.value;
+  
+  if (isRightMenuCollapsed.value) {
+    // 收起菜单时的处理
+    if (document.querySelector('.chat')) {
+      document.querySelector('.chat').style.right = '0';
+    }
+  } else {
+    enableWebSearch.value = true;
+    // 展开菜单时的处理
+    if (document.querySelector('.chat')) {
+      document.querySelector('.chat').style.right = `${rightMenuWidth.value}px`;
+    }
+  }
+
+  if (isMobile.value) {
+    document.body.style.overflow = isRightMenuCollapsed.value ? 'auto' : 'hidden';
+    if (!isRightMenuCollapsed.value) {
+      isMenuCollapsed.value = true;
+    }
+  }
+/*   return; */
 };
 
 // 修改自动展开右侧菜单的方法
@@ -1104,7 +1140,7 @@ const sendMessageS = async (query) => {
         num_results: 20,
         page: 1,
         page_size: 20,
-        engine: "bing",
+        engine: "tavily",
       }
     );
 
@@ -2717,20 +2753,18 @@ const updateCollapsedState = () => {
 /* 添加收缩按钮样式 */
 .collapse-button {
   position: absolute;
-  right: -20px;
   top: 50%;
   transform: translateY(-50%);
   width: 20px;
   height: 40px;
   background: #fff;
   border: 1px solid rgba(0, 0, 0, 0.06);
-  border-left: none;
-  border-radius: 0 4px 4px 0;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  z-index: 1;
+  z-index: 3;
+  transition: right 0.3s ease, left 0.3s ease;
 }
 
 .collapse-button:hover {
@@ -3613,6 +3647,26 @@ button,
 .panel-container {
   max-height: calc(100% - 46px); /* 减去 tab 的高度 */
 }
+
+/* 菜单展开时的按钮样式 */
+.collapse-button.menu-expanded {
+  left: -20px;
+  border-right: none;
+  border-radius: 4px 0 0 4px;
+}
+
+/* 菜单收起时的按钮样式 */
+.collapse-button.menu-collapsed {
+  left: -20px;
+  border-left: none;
+  border-radius: 0 4px 4px 0;
+}
+
+/* 确保右侧菜单收起时按钮仍然可见 */
+.right_menu.collapsed .collapse-button {
+  right: auto;
+  left: -20px;
+}
 </style>
 <style lang="less" scoped>
 ::v-deep .message-content {