From 00e1b2e35012acb776feaeb2b85a89143af96590 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 25 Jan 2024 16:36:42 +0800
Subject: [PATCH] feat:

---
 .../ai-chat/ParagraphSourceDialog.vue         | 101 +++++++++---------
 1 file changed, 53 insertions(+), 48 deletions(-)

diff --git a/ui/src/components/ai-chat/ParagraphSourceDialog.vue b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
index adc99a2a6..bc0e70f5f 100644
--- a/ui/src/components/ai-chat/ParagraphSourceDialog.vue
+++ b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
@@ -6,56 +6,58 @@
     destroy-on-close
     append-to-body
   >
-    <el-scrollbar height="450">
-      <div class="p-16">
-        <el-form label-position="top">
-          <el-form-item label="用户问题">
-            <el-input v-model="detail.problem_text" disabled />
-          </el-form-item>
-          <el-form-item label="优化后问题">
-            <el-input v-model="detail.padding_problem_text" disabled />
-          </el-form-item>
-          <el-form-item label="引用分段">
-            <template v-for="(item, index) in detail.paragraph_list" :key="index">
-              <CardBox
-                shadow="never"
-                :title="item.title || '-'"
-                class="paragraph-source-card cursor mb-8"
-                :class="item.is_active ? '' : 'disabled'"
-                :showIcon="false"
-              >
-                <template #icon>
-                  <AppAvatar :name="index + 1 + ''" class="mr-12 avatar-light" :size="22" />
-                </template>
-                <div class="active-button primary">{{ item.similarity?.toFixed(3) }}</div>
-                <template #description>
-                  <el-scrollbar height="90">
-                    {{ item.content }}
-                  </el-scrollbar>
-                </template>
-                <template #footer>
-                  <div class="footer-content flex-between">
-                    <el-text>
-                      <el-icon>
-                        <Document />
-                      </el-icon>
-                      {{ item?.document_name }}
-                    </el-text>
-                    <div class="flex align-center">
-                      <AppAvatar class="mr-8" shape="square" :size="18">
-                        <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
-                      </AppAvatar>
+    <div class="paragraph-source-height">
+      <el-scrollbar>
+        <div class="p-16">
+          <el-form label-position="top">
+            <el-form-item label="用户问题">
+              <el-input v-model="detail.problem_text" disabled />
+            </el-form-item>
+            <el-form-item label="优化后问题">
+              <el-input v-model="detail.padding_problem_text" disabled />
+            </el-form-item>
+            <el-form-item label="引用分段">
+              <template v-for="(item, index) in detail.paragraph_list" :key="index">
+                <CardBox
+                  shadow="never"
+                  :title="item.title || '-'"
+                  class="paragraph-source-card cursor mb-8"
+                  :class="item.is_active ? '' : 'disabled'"
+                  :showIcon="false"
+                >
+                  <template #icon>
+                    <AppAvatar :name="index + 1 + ''" class="mr-12 avatar-light" :size="22" />
+                  </template>
+                  <div class="active-button primary">{{ item.similarity?.toFixed(3) }}</div>
+                  <template #description>
+                    <el-scrollbar height="90">
+                      {{ item.content }}
+                    </el-scrollbar>
+                  </template>
+                  <template #footer>
+                    <div class="footer-content flex-between">
+                      <el-text>
+                        <el-icon>
+                          <Document />
+                        </el-icon>
+                        {{ item?.document_name }}
+                      </el-text>
+                      <div class="flex align-center">
+                        <AppAvatar class="mr-8" shape="square" :size="18">
+                          <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
+                        </AppAvatar>
 
-                      <span class="ellipsis"> {{ item?.dataset_name }}</span>
+                        <span class="ellipsis"> {{ item?.dataset_name }}</span>
+                      </div>
                     </div>
-                  </div>
-                </template>
-              </CardBox>
-            </template>
-          </el-form-item>
-        </el-form>
-      </div>
-    </el-scrollbar>
+                  </template>
+                </CardBox>
+              </template>
+            </el-form-item>
+          </el-form>
+        </div>
+      </el-scrollbar>
+    </div>
   </el-dialog>
 </template>
 <script setup lang="ts">
@@ -88,6 +90,9 @@ defineExpose({ open })
   .el-dialog__body {
     padding: 8px !important;
   }
+  .paragraph-source-height {
+    height: calc(100vh - 260px);
+  }
 }
 .paragraph-source-card {
   height: 210px;