|
@@ -513,7 +513,7 @@
|
|
|
:style="{ width: rightMenuWidth + 'px' }"
|
|
|
>
|
|
|
<!-- 修改收缩按钮的位置和样式 -->
|
|
|
- <div
|
|
|
+ <!-- <div
|
|
|
class="collapse-button"
|
|
|
:class="{
|
|
|
'menu-expanded': !isRightMenuCollapsed,
|
|
@@ -526,7 +526,7 @@
|
|
|
alt="toggle"
|
|
|
class="collapse-icon"
|
|
|
/>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<!-- 添加拖动条 -->
|
|
|
<div
|
|
|
class="resize-handle"
|
|
@@ -549,7 +549,7 @@
|
|
|
</div> -->
|
|
|
<div class="right-menu-content">
|
|
|
<!-- 添加 Tab 切换 -->
|
|
|
- <div class="right-menu-tabs">
|
|
|
+ <!-- <div class="right-menu-tabs">
|
|
|
<div
|
|
|
class="tab-item"
|
|
|
:class="{ active: activeTab === 'search' }"
|
|
@@ -574,7 +574,7 @@
|
|
|
<FileOutlined />
|
|
|
<span>文档预览</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
|
|
|
<!-- 搜索面板 -->
|
|
|
<div v-show="activeTab === 'search'" class="panel-container">
|
|
@@ -1659,7 +1659,7 @@ const renderMarkdown = (content) => {
|
|
|
};
|
|
|
|
|
|
// 添加新的响应式变量
|
|
|
-const rightMenuWidth = ref(450); // 默认宽度
|
|
|
+const rightMenuWidth = ref(0); // 默认宽度
|
|
|
const minWidth = 0; // 最小宽度
|
|
|
const maxWidth = 800; // 最大宽度
|
|
|
|
|
@@ -1811,6 +1811,10 @@ const updateCollapsedState = () => {
|
|
|
// 修改知识库搜索开关处理方法
|
|
|
const handleKnowledgeToggle = (event) => {
|
|
|
if (event.target.checked) {
|
|
|
+ rightMenuWidth.value = 450;
|
|
|
+ if (document.querySelector('.chat')) {
|
|
|
+ document.querySelector('.chat').style.right = `${rightMenuWidth.value}px`;
|
|
|
+ }
|
|
|
// 开启知识库搜索时关闭互联网搜索
|
|
|
enableWebSearch.value = false;
|
|
|
// 切换到知识库标签页
|
|
@@ -1824,6 +1828,11 @@ const updateCollapsedState = () => {
|
|
|
pageSize: 20
|
|
|
});
|
|
|
}
|
|
|
+ }else{
|
|
|
+ rightMenuWidth.value = 0;
|
|
|
+ if (document.querySelector('.chat')) {
|
|
|
+ document.querySelector('.chat').style.right = `${rightMenuWidth.value}px`;
|
|
|
+ }
|
|
|
}
|
|
|
};
|
|
|
|
|
@@ -1865,6 +1874,10 @@ const updateCollapsedState = () => {
|
|
|
// 修改处理互联网搜索开关的方法
|
|
|
const handleWebSearchToggle = (event) => {
|
|
|
if (event.target.checked) {
|
|
|
+ rightMenuWidth.value = 450;
|
|
|
+ if (document.querySelector('.chat')) {
|
|
|
+ document.querySelector('.chat').style.right = `${rightMenuWidth.value}px`;
|
|
|
+ }
|
|
|
// 开启互联网搜索时关闭知识库搜索
|
|
|
enableKnowledgeSearch.value = false;
|
|
|
// 切换到搜索标签页
|
|
@@ -1877,6 +1890,11 @@ const updateCollapsedState = () => {
|
|
|
console.error("Web search failed:", error);
|
|
|
}); */
|
|
|
}
|
|
|
+ }else{
|
|
|
+ rightMenuWidth.value = 0;
|
|
|
+ if (document.querySelector('.chat')) {
|
|
|
+ document.querySelector('.chat').style.right = `${rightMenuWidth.value}px`;
|
|
|
+ }
|
|
|
}
|
|
|
};
|
|
|
|
|
@@ -2117,7 +2135,9 @@ const updateCollapsedState = () => {
|
|
|
|
|
|
// 初始化主题
|
|
|
onMounted(() => {
|
|
|
- console.log('onMounted');
|
|
|
+ if (document.querySelector('.chat')) {
|
|
|
+ document.querySelector('.chat').style.right = `0px`;
|
|
|
+ }
|
|
|
checkMobile();
|
|
|
// 优先使用存储的主题设置
|
|
|
const savedTheme = localStorage.getItem('theme');
|
|
@@ -4422,7 +4442,7 @@ button,
|
|
|
/* 知识库结果面板样式 */
|
|
|
.knowledge-results {
|
|
|
flex: 1;
|
|
|
- padding: 16px;
|
|
|
+ padding: 16px 5px;
|
|
|
overflow-y: auto;
|
|
|
}
|
|
|
|
|
@@ -4836,7 +4856,7 @@ button,
|
|
|
background-color: var(--secondary-bg);
|
|
|
/* border: 1px solid var(--border-color); */
|
|
|
border-radius: 8px;
|
|
|
- padding: 20px;
|
|
|
+ /* padding: 20px; */
|
|
|
/* margin-top: 20px; */
|
|
|
}
|
|
|
|