From 5f970864a13140e2df6d20992a11c63f8b5d1bae Mon Sep 17 00:00:00 2001
From: hhhero <krishuang136@gmail.com>
Date: Sat, 10 Aug 2024 18:41:21 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=80=9D=E7=BB=B4=E5=AF=BC=E5=9B=BE?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E9=A2=84=E8=A7=88=E4=BC=9A=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/mindmap/manager/index.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/views/ai/mindmap/manager/index.vue b/src/views/ai/mindmap/manager/index.vue
index 1a5e9305..210986b2 100644
--- a/src/views/ai/mindmap/manager/index.vue
+++ b/src/views/ai/mindmap/manager/index.vue
@@ -94,9 +94,16 @@
   </ContentWrap>
 
   <!-- 思维导图的预览 -->
-  <el-drawer v-model="previewVisible" :with-header="false" size="800px">
+  <el-drawer
+    v-model="previewVisible"
+    :with-header="false"
+    size="800px"
+    @opened="openedHandler"
+    @close="closeHandler"
+  >
     <Right
       ref="rightRef"
+      v-if="drawerOpened"
       :generatedContent="previewContent"
       :isEnd="true"
       :isGenerating="false"
@@ -167,7 +174,6 @@ const handleDelete = async (id: number) => {
   } catch {}
 }
 
-// TODO 芋艿：预览会报错
 /** 预览操作按钮 */
 const previewVisible = ref(false)
 const previewContent = ref('')
@@ -176,6 +182,14 @@ const openPreview = (row: MindMapVO) => {
   previewVisible.value = true
 }
 
+const drawerOpened = ref(false) // drawer组件是否完全展开
+const openedHandler = () => { // drawer完全打开时再渲染预览组件
+  drawerOpened.value = true
+}
+const closeHandler = () => { // drawer关闭时回调，更改一下drawerOpened的值为false
+  drawerOpened.value = false
+}
+
 /** 初始化 **/
 onMounted(async () => {
   getList()