From 54e0000db9010f4aa644e5f305c1ac4991689d66 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 18 Nov 2024 19:10:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E5=AF=B9=E8=AF=9D?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E6=A1=A3=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/api/type/application.ts                |  1 +
 .../ai-chat/ExecutionDetailDialog.vue         | 50 +++++++++++++++----
 .../component/chat-input-operate/index.vue    |  4 +-
 .../component/question-content/index.vue      | 16 ++++--
 4 files changed, 54 insertions(+), 17 deletions(-)

diff --git a/ui/src/api/type/application.ts b/ui/src/api/type/application.ts
index 11b630f13..3762256e0 100644
--- a/ui/src/api/type/application.ts
+++ b/ui/src/api/type/application.ts
@@ -41,6 +41,7 @@ interface chatType {
   vote_status: string
   status?: number,
   execution_details: any[]
+  upload_meta?: any[]
 }
 
 export class ChatRecordManage {
diff --git a/ui/src/components/ai-chat/ExecutionDetailDialog.vue b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
index bc3f2e160..dd403b15d 100644
--- a/ui/src/components/ai-chat/ExecutionDetailDialog.vue
+++ b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
@@ -50,21 +50,48 @@
                     <div class="card-never border-r-4">
                       <h5 class="p-8-12">参数输入</h5>
                       <div class="p-8-12 border-t-dashed lighter">
-                        <div>用户问题: {{ item.question || '-' }}</div>
-                        <div v-for="(f, i) in item.global_fields" :key="i">
-                          {{ f.label }}: {{ f.value }}
+                        <div class="mb-8">
+                          <span class="color-secondary">用户问题:</span>
+                          {{ item.question || '-' }}
+                        </div>
+                        <div v-for="(f, i) in item.global_fields" :key="i" class="mb-8">
+                          <span class="color-secondary">{{ f.label }}:</span> {{ f.value }}
                         </div>
                         <div v-if="item.document_list?.length > 0">
-                          上传的文档:
-                          <div v-for="(f, i) in item.document_list" :key="i">
-                            {{ f.name }}
-                          </div>
+                          <p class="mb-8 color-secondary">上传的文档:</p>
+
+                          <el-space wrap>
+                            <template v-for="(f, i) in item.document_list" :key="i">
+                              {{ f.name }}
+                              <el-card
+                                shadow="never"
+                                style="--el-card-padding: 8px"
+                                class="file cursor"
+                              >
+                                <div class="flex align-center">
+                                  <img :src="getImgUrl(f && f?.name)" alt="" width="24" />
+                                  <div class="ml-4 ellipsis" :title="f && f?.name">
+                                    {{ f && f?.name }}
+                                  </div>
+                                </div>
+                              </el-card>
+                            </template>
+                          </el-space>
                         </div>
                         <div v-if="item.image_list?.length > 0">
-                          上传的图片:
-                          <div v-for="(f, i) in item.image_list" :key="i">
-                            {{ f.name }}
-                          </div>
+                          <p class="mb-8 color-secondary">上传的图片:</p>
+
+                          <el-space wrap>
+                            <template v-for="(f, i) in item.image_list" :key="i">
+                              <el-image
+                                :src="f.url"
+                                alt=""
+                                fit="cover"
+                                style="width: 40px; height: 40px; display: block"
+                                class="border-r-4"
+                              />
+                            </template>
+                          </el-space>
                         </div>
                       </div>
                     </div>
@@ -308,6 +335,7 @@ import ParagraphCard from './component/ParagraphCard.vue'
 import { arraySort } from '@/utils/utils'
 import { iconComponent } from '@/workflow/icons/utils'
 import { WorkflowType } from '@/enums/workflow'
+import { getImgUrl } from '@/utils/utils'
 
 const dialogVisible = ref(false)
 const detail = ref<any[]>([])
diff --git a/ui/src/components/ai-chat/component/chat-input-operate/index.vue b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
index 81c327c8e..0174c1612 100644
--- a/ui/src/components/ai-chat/component/chat-input-operate/index.vue
+++ b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
@@ -9,7 +9,7 @@
           v-if="uploadDocumentList.length || uploadImageList.length"
         >
           <el-space wrap>
-            <!-- <template v-for="(item, index) in uploadDocumentList" :key="index">
+            <template v-for="(item, index) in uploadDocumentList" :key="index">
               <el-card shadow="never" style="--el-card-padding: 8px" class="file cursor">
                 <div
                   class="flex align-center"
@@ -29,7 +29,7 @@
                   </div>
                 </div>
               </el-card>
-            </template> -->
+            </template>
             <template v-for="(item, index) in uploadImageList" :key="index">
               <div
                 class="file cursor border border-r-4"
diff --git a/ui/src/components/ai-chat/component/question-content/index.vue b/ui/src/components/ai-chat/component/question-content/index.vue
index de56f9655..031d24706 100644
--- a/ui/src/components/ai-chat/component/question-content/index.vue
+++ b/ui/src/components/ai-chat/component/question-content/index.vue
@@ -32,7 +32,7 @@
         <div class="mb-8" v-if="image_list.length">
           <el-space wrap>
             <template v-for="(item, index) in image_list" :key="index">
-              <div class="file cursor border border-r-4" v-if="item.url">
+              <div class="file cursor border-r-4" v-if="item.url">
                 <el-image
                   :src="item.url"
                   :zoom-rate="1.2"
@@ -62,11 +62,19 @@ const props = defineProps<{
   chatRecord: chatType
 }>()
 const document_list = computed(() => {
-  return []
+  if (props.chatRecord?.upload_meta) {
+    return props.chatRecord.upload_meta?.document_list || []
+  } else if (props.chatRecord.execution_details?.length > 0) {
+    return props.chatRecord.execution_details[0]?.document_list || []
+  } else {
+    return []
+  }
 })
 const image_list = computed(() => {
-  if (props.chatRecord.execution_details?.length > 0) {
-    return props.chatRecord.execution_details[0].image_list
+  if (props.chatRecord?.upload_meta) {
+    return props.chatRecord.upload_meta?.image_list || []
+  } else if (props.chatRecord.execution_details?.length > 0) {
+    return props.chatRecord.execution_details[0]?.image_list || []
   } else {
     return []
   }