|
@@ -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 {
|