|
@@ -137,7 +137,7 @@
|
|
|
|
|
|
|
|
<!-- 右侧辅助面板(标签页容器,与 chat-panel 并列,带滑入滑出动画) -->
|
|
<!-- 右侧辅助面板(标签页容器,与 chat-panel 并列,带滑入滑出动画) -->
|
|
|
<Transition name="right-panel-slide" @after-leave="onPanelLeaveEnd">
|
|
<Transition name="right-panel-slide" @after-leave="onPanelLeaveEnd">
|
|
|
- <RightPanelTabs
|
|
|
|
|
|
|
+ <!-- <RightPanelTabs
|
|
|
v-if="currentRightPanels.tabs.length > 0"
|
|
v-if="currentRightPanels.tabs.length > 0"
|
|
|
:tabs="currentRightPanels.tabs"
|
|
:tabs="currentRightPanels.tabs"
|
|
|
:activeTabId="currentRightPanels.activeTabId"
|
|
:activeTabId="currentRightPanels.activeTabId"
|
|
@@ -149,6 +149,18 @@
|
|
|
@schedule-updated="handleScheduleUpdated"
|
|
@schedule-updated="handleScheduleUpdated"
|
|
|
@open-schedule-session="handleOpenScheduleSession"
|
|
@open-schedule-session="handleOpenScheduleSession"
|
|
|
@open-markdown-tab="openMarkdownPreviewTab"
|
|
@open-markdown-tab="openMarkdownPreviewTab"
|
|
|
|
|
+ /> -->
|
|
|
|
|
+ <RightPanelTabs
|
|
|
|
|
+ :tabs="currentRightPanels.tabs"
|
|
|
|
|
+ :activeTabId="currentRightPanels.activeTabId"
|
|
|
|
|
+ :messages="messages"
|
|
|
|
|
+ @switch-tab="activateTab"
|
|
|
|
|
+ @close-tab="closeTab"
|
|
|
|
|
+ @save-success="handleSaveSuccess"
|
|
|
|
|
+ @schedule-deleted="handleScheduleDeleted"
|
|
|
|
|
+ @schedule-updated="handleScheduleUpdated"
|
|
|
|
|
+ @open-schedule-session="handleOpenScheduleSession"
|
|
|
|
|
+ @open-markdown-tab="openMarkdownPreviewTab"
|
|
|
/>
|
|
/>
|
|
|
</Transition>
|
|
</Transition>
|
|
|
</template>
|
|
</template>
|
|
@@ -1003,15 +1015,15 @@
|
|
|
top: 16px;
|
|
top: 16px;
|
|
|
left: 24px;
|
|
left: 24px;
|
|
|
z-index: 10;
|
|
z-index: 10;
|
|
|
- width: 32px;
|
|
|
|
|
- height: 32px;
|
|
|
|
|
- background: #1a6696;
|
|
|
|
|
- border-radius: 4px;
|
|
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
|
|
+ width: 32px;
|
|
|
|
|
+ height: 32px;
|
|
|
|
|
+ background: #1a6696;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
transition: background 0.3s;
|
|
transition: background 0.3s;
|
|
|
|
|
+ border-radius: 4px;
|
|
|
|
|
|
|
|
&:hover {
|
|
&:hover {
|
|
|
background: #1f7ab8;
|
|
background: #1f7ab8;
|
|
@@ -1047,34 +1059,34 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.chat-panel {
|
|
.chat-panel {
|
|
|
- flex: 1;
|
|
|
|
|
- display: flex;
|
|
|
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex: 1;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
|
|
+ overflow: hidden;
|
|
|
background-image: var(--img-chat-panel-bg);
|
|
background-image: var(--img-chat-panel-bg);
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
|
- overflow: hidden;
|
|
|
|
|
min-width: 0;
|
|
min-width: 0;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.right-panel {
|
|
.right-panel {
|
|
|
- width: calc(50% - 140px);
|
|
|
|
|
- height: 100%;
|
|
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
|
|
+ width: calc(50% - 140px);
|
|
|
|
|
+ height: 100%;
|
|
|
background-image: var(--img-chat-panel-bg);
|
|
background-image: var(--img-chat-panel-bg);
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
|
|
|
|
&.full {
|
|
&.full {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
width: auto;
|
|
width: auto;
|
|
|
min-width: 0;
|
|
min-width: 0;
|
|
|
}
|
|
}
|
|
|
- flex-shrink: 0;
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 右侧面板滑入滑出过渡动画 */
|
|
/* 右侧面板滑入滑出过渡动画 */
|
|
@@ -1119,5 +1131,5 @@
|
|
|
</style>
|
|
</style>
|
|
|
|
|
|
|
|
<style lang="less">
|
|
<style lang="less">
|
|
|
- @import '../styles/modal.less';
|
|
|
|
|
|
|
+ @import url('../styles/modal.less');
|
|
|
</style>
|
|
</style>
|