From a5d58b7ec71bd9c4106cb8be3cefde2279b0ef2b Mon Sep 17 00:00:00 2001
From: wangdan <dan.wang@fit2cloud.com>
Date: Sun, 28 Apr 2024 18:49:19 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=B7=E5=BC=8F=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ai-chat/ParagraphSourceDialog.vue | 13 +++++++++++--
 .../application/components/ParamSettingDialog.vue   |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/ai-chat/ParagraphSourceDialog.vue b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
index 1b7cf2d70..2c8749dc3 100644
--- a/ui/src/components/ai-chat/ParagraphSourceDialog.vue
+++ b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
@@ -5,6 +5,7 @@
     v-model="dialogVisible"
     destroy-on-close
     append-to-body
+    align-center
   >
     <div class="paragraph-source-height">
       <el-scrollbar>
@@ -63,7 +64,7 @@
   </el-dialog>
 </template>
 <script setup lang="ts">
-import { ref, watch, nextTick } from 'vue'
+import { ref, watch, onBeforeUnmount } from 'vue'
 import { cloneDeep } from 'lodash'
 import { arraySort } from '@/utils/utils'
 const emit = defineEmits(['refresh'])
@@ -86,12 +87,15 @@ const open = (data: any, id?: string) => {
   detail.value.paragraph_list = arraySort(detail.value.paragraph_list, 'similarity', true)
   dialogVisible.value = true
 }
-
+onBeforeUnmount(() => {
+  dialogVisible.value = false
+})
 defineExpose({ open })
 </script>
 <style lang="scss">
 .paragraph-source {
   padding: 0;
+
   .el-dialog__header {
     padding: 24px 24px 0 24px;
   }
@@ -102,4 +106,9 @@ defineExpose({ open })
     height: calc(100vh - 260px);
   }
 }
+@media only screen and (max-width: 768px) {
+  .paragraph-source {
+    width: 90% !important;
+  }
+}
 </style>
diff --git a/ui/src/views/application/components/ParamSettingDialog.vue b/ui/src/views/application/components/ParamSettingDialog.vue
index d5db1e41e..92e22c274 100644
--- a/ui/src/views/application/components/ParamSettingDialog.vue
+++ b/ui/src/views/application/components/ParamSettingDialog.vue
@@ -251,7 +251,7 @@ defineExpose({ open })
     padding: 0 !important;
   }
   .dialog-max-height {
-    height: calc(100vh - 180px);
+    height: 550px;
   }
   .custom-slider {
     .el-input-number.is-without-controls .el-input__wrapper {