From caa02c5571de0ead069f090442e1ecb4c992a4ef Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 4 Dec 2024 19:05:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=8F=90=E7=A4=BA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/document/component/Status.vue      | 12 ++++++++++--
 ui/src/views/document/component/StatusTable.vue |  4 ++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/ui/src/views/document/component/Status.vue b/ui/src/views/document/component/Status.vue
index 8165b9559..bd9dd6710 100644
--- a/ui/src/views/document/component/Status.vue
+++ b/ui/src/views/document/component/Status.vue
@@ -1,5 +1,10 @@
 <template>
-  <el-popover v-model:visible="visible" placement="top" :width="450" trigger="hover">
+  <el-popover
+    v-model:visible="visible"
+    placement="top"
+    trigger="hover"
+    :popper-style="{ width: 'auto' }"
+  >
     <template #default
       ><StatusTable
         v-if="visible"
@@ -48,13 +53,16 @@ const checkList: Array<string> = [
   State.SUCCESS
 ]
 const aggStatus = computed(() => {
+  let obj = { key: 0, value: '' }
   for (const i in checkList) {
     const state = checkList[i]
     const index = props.status.indexOf(state)
     if (index > -1) {
-      return { key: props.status.length - index, value: state }
+      obj = { key: props.status.length - index, value: state }
+      break
     }
   }
+  return obj
 })
 const startedMap = {
   [TaskType.EMBEDDING]: '索引中',
diff --git a/ui/src/views/document/component/StatusTable.vue b/ui/src/views/document/component/StatusTable.vue
index 10e4795de..534dc965c 100644
--- a/ui/src/views/document/component/StatusTable.vue
+++ b/ui/src/views/document/component/StatusTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-for="status in statusTable" :key="status.type">
+  <div v-for="status in statusTable" :key="status.type" >
     <span> {{ taskTypeMap[status.type] }}：</span>
     <span>
       <el-text v-if="status.state === State.SUCCESS || status.state === State.REVOKED">
@@ -37,7 +37,7 @@
         Object.values(status.aggs ? status.aggs : {}).reduce((x: any, y: any) => x + y, 0)
       }}</span
     >
-    <el-text type="info" class="ml-4">
+    <el-text type="info" class="ml-12">
       {{
         status.time
           ? status.time[status.state == State.REVOKED ? State.REVOKED : State.PENDING]?.substring(