feat: tool execution record

wangdan-fit2cloud · wangdan-fit2cloud · commit 1018718c7a6a · 2026-01-30T11:39:43.000+08:00
diff --git a/ui/src/locales/lang/en-US/common.ts b/ui/src/locales/lang/en-US/common.ts
@@ -144,4 +144,8 @@ export default {
     next: 'Next',
   },
   use: 'Use',
+  ExecutionRecord: {
+    title: 'Execution Record',
+    subTitle: 'View Execution Record',
+  },
 }
diff --git a/ui/src/locales/lang/en-US/views/trigger.ts b/ui/src/locales/lang/en-US/views/trigger.ts
@@ -4,6 +4,7 @@ export default {
   task: 'Task',
   triggerTask: 'Trigger Task',
   taskExecution: 'Task Execution',
+  triggerSource: 'Trigger Source',
   delete: {
     confirmTitle: 'Confirm deleting trigger:',
     confirmTitle2: 'triggers?',
diff --git a/ui/src/locales/lang/en-US/workflow.ts b/ui/src/locales/lang/en-US/workflow.ts
@@ -537,7 +537,6 @@ You are a master of problem optimization, adept at accurately inferring user int
   },
   SystemPromptPlaceholder: 'System Prompt, can reference variables in the system, such as',
   UserPromptPlaceholder: 'User Prompt, can reference variables in the system, such as',
-  ExecutionRecord: 'Execution Record',
   initiator: 'Iniiator',
   abnormalInformation: 'Abnormal Information',
 }
diff --git a/ui/src/locales/lang/zh-CN/common.ts b/ui/src/locales/lang/zh-CN/common.ts
@@ -144,4 +144,8 @@ export default {
     next: '下一步',
   },
   use: '使用',
+  ExecutionRecord: {
+    title: '执行记录',
+    subTitle: '查看执行记录',
+  }
 }
diff --git a/ui/src/locales/lang/zh-CN/views/trigger.ts b/ui/src/locales/lang/zh-CN/views/trigger.ts
@@ -4,6 +4,7 @@ export default {
   task: '任务',
   triggerTask: '触发任务',
   taskExecution: '任务执行',
+  triggerSource: '触发来源',
   delete: {
     confirmTitle: '是否删除触发器：',
     confirmTitle2: '个触发器？',
@@ -44,5 +45,4 @@ export default {
     },
   },
   requestParameter: '请求参数',
-  xecutionRecord: '执行记录',
 }
diff --git a/ui/src/locales/lang/zh-CN/workflow.ts b/ui/src/locales/lang/zh-CN/workflow.ts
@@ -528,7 +528,6 @@ export default {
   },
   SystemPromptPlaceholder: '系统提示词，可以引用系统中的变量：如',
   UserPromptPlaceholder: '用户提示词，可以引用系统中的变量：如',
-  ExecutionRecord: '执行记录',
   initiator: '发起人',
   abnormalInformation: '异常信息'
 
diff --git a/ui/src/locales/lang/zh-Hant/common.ts b/ui/src/locales/lang/zh-Hant/common.ts
@@ -143,4 +143,8 @@ export default {
     next: '下一步',
   },
   use: '使用',
+  ExecutionRecord: {
+    title: '執行記錄',
+    subTitle: '查看執行記錄',
+  },
 }
diff --git a/ui/src/locales/lang/zh-Hant/views/trigger.ts b/ui/src/locales/lang/zh-Hant/views/trigger.ts
@@ -4,6 +4,7 @@ export default {
   task: '任務',
   triggerTask: '觸發任務',
   taskExecution: '任務執行',
+  triggerSource: '觸發來源',
   delete: {
     confirmTitle: '是否刪除觸發器：',
     confirmTitle2: '個觸發器？',
diff --git a/ui/src/locales/lang/zh-Hant/workflow.ts b/ui/src/locales/lang/zh-Hant/workflow.ts
@@ -522,7 +522,6 @@ export default {
   },
   SystemPromptPlaceholder: '系統提示詞，可以引用系統中的變量：如',
   UserPromptPlaceholder: '用戶提示詞，可以引用系統中的變量：如',
-  ExecutionRecord: '執行記錄',
   initiator: '發起人',
    abnormalInformation: '異常信息'
 }
diff --git a/ui/src/views/document/index.vue b/ui/src/views/document/index.vue
@@ -155,7 +155,7 @@
 
               <el-tooltip
                 effect="dark"
-                :content="$t('workflow.ExecutionRecord')"
+                :content="$t('common.ExecutionRecord.title')"
                 placement="top"
                 v-if="knowledgeDetail?.type === 4 && permissionPrecise.doc_create(id)"
               >
diff --git a/ui/src/views/knowledge-workflow/component/execution-record/ExecutionDetailDrawer.vue b/ui/src/views/knowledge-workflow/component/execution-record/ExecutionDetailDrawer.vue
@@ -22,7 +22,7 @@
     <div>
       <el-scrollbar>
         <h4 class="title-decoration-1 mb-16 mt-4">
-          {{ $t('workflow.ExecutionRecord') }}
+          {{ $t('common.ExecutionRecord.title') }}
         </h4>
         <el-card class="mb-24" shadow="never" style="--el-card-padding: 12px 16px">
           <el-row :gutter="16" class="lighter">
diff --git a/ui/src/views/knowledge-workflow/component/execution-record/ExecutionRecordDrawer.vue b/ui/src/views/knowledge-workflow/component/execution-record/ExecutionRecordDrawer.vue
@@ -1,7 +1,7 @@
 <template>
   <el-drawer
     v-model="drawer"
-    :title="$t('workflow.ExecutionRecord')"
+    :title="$t('common.ExecutionRecord.title')"
     direction="rtl"
     size="800px"
     :before-close="close"
diff --git a/ui/src/views/knowledge-workflow/index.vue b/ui/src/views/knowledge-workflow/index.vue
@@ -92,7 +92,7 @@
                 v-if="permissionPrecise.doc_create(id)"
               >
                 <AppIcon iconName="app-execution-record" class="color-secondary"></AppIcon>
-                {{ $t('workflow.ExecutionRecord') }}
+                {{ $t('common.ExecutionRecord.title') }}
               </el-dropdown-item>
               <el-dropdown-item @click="openHistory">
                 <AppIcon iconName="app-history-outlined" class="color-secondary"></AppIcon>
diff --git a/ui/src/views/tool/component/ToolListContainer.vue b/ui/src/views/tool/component/ToolListContainer.vue
@@ -320,7 +320,7 @@
                               iconName="app-schedule-report"
                               class="color-secondary"
                             ></AppIcon>
-                            {{ $t('查看执行记录') }}
+                            {{ $t('common.ExecutionRecord.subTitle') }}
                           </el-dropdown-item>
                           <el-dropdown-item
                             @click.stop="openMoveToDialog(item)"
@@ -429,7 +429,7 @@ import ToolStoreDescDrawer from '@/views/tool/component/ToolStoreDescDrawer.vue'
 
 import bus from '@/bus'
 import ResourceMappingDrawer from '@/components/resource_mapping/index.vue'
-import ToolRecordDrawer from "@/views/tool/component/ToolRecordDrawer.vue";
+import ToolRecordDrawer from "@/views/tool/execution-record/TriggerRecordDrawer.vue";
 
 const route = useRoute()
 
diff --git a/ui/src/views/tool/execution-record/ExecutionDetailDrawer.vue b/ui/src/views/tool/execution-record/ExecutionDetailDrawer.vue
@@ -13,7 +13,7 @@
       <div class="flex align-center" style="margin-left: -8px">
         <el-button class="cursor mr-4" link @click.prevent="visible = false">
           <el-icon :size="20">
-            <Back/>
+            <Back />
           </el-icon>
         </el-button>
         <h4>{{ $t('chat.executionDetails.title') }}</h4>
@@ -22,12 +22,12 @@
     <div>
       <el-scrollbar>
         <h4 class="title-decoration-1 mb-16 mt-4">
-          {{ $t('workflow.ExecutionRecord') }}
+          {{ $t('common.ExecutionRecord.title') }}
         </h4>
         <el-card class="mb-24" shadow="never" style="--el-card-padding: 12px 16px">
           <el-row :gutter="16" class="lighter">
             <el-col :span="6">
-              <p class="color-secondary mb-4">{{ $t('views.trigger.triggerTask') }}</p>
+              <p class="color-secondary mb-4">{{ $t('views.trigger.triggerSource') }}</p>
               <p class="flex align-center">
                 <el-avatar shape="square" :size="22" style="background: none" class="mr-8">
                   <img
@@ -43,8 +43,8 @@
                 </el-avatar>
 
                 <span class="ellipsis-1" :title="props.currentContent?.source_name">{{
-                    props.currentContent?.source_name || '-'
-                  }}</span>
+                  props.currentContent?.source_name || '-'
+                }}</span>
               </p>
             </el-col>
             <el-col :span="6">
@@ -54,42 +54,32 @@
                   class="color-text-primary"
                   v-if="props.currentContent?.state === 'SUCCESS'"
                 >
-                  <el-icon class="color-success">
-                    <SuccessFilled/>
-                  </el-icon>
+                  <el-icon class="color-success"><SuccessFilled /></el-icon>
                   {{ $t('common.status.success') }}
                 </el-text>
                 <el-text
                   class="color-text-primary"
                   v-else-if="props.currentContent?.state === 'FAILURE'"
                 >
-                  <el-icon class="color-danger">
-                    <CircleCloseFilled/>
-                  </el-icon>
+                  <el-icon class="color-danger"><CircleCloseFilled /></el-icon>
                   {{ $t('common.status.fail') }}
                 </el-text>
                 <el-text
                   class="color-text-primary"
                   v-else-if="props.currentContent?.state === 'REVOKED'"
                 >
-                  <el-icon class="color-danger">
-                    <CircleCloseFilled/>
-                  </el-icon>
+                  <el-icon class="color-danger"><CircleCloseFilled /></el-icon>
                   {{ $t('common.status.REVOKED') }}
                 </el-text>
                 <el-text
                   class="color-text-primary"
                   v-else-if="props.currentContent?.state === 'REVOKE'"
                 >
-                  <el-icon class="is-loading color-primary">
-                    <Loading/>
-                  </el-icon>
+                  <el-icon class="is-loading color-primary"><Loading /></el-icon>
                   {{ $t('common.status.REVOKE') }}
                 </el-text>
                 <el-text class="color-text-primary" v-else>
-                  <el-icon class="is-loading color-primary">
-                    <Loading/>
-                  </el-icon>
+                  <el-icon class="is-loading color-primary"><Loading /></el-icon>
                   {{ $t('common.status.STARTED') }}
                 </el-text>
               </p>
@@ -113,35 +103,78 @@
         <h4 class="title-decoration-1 mb-16 mt-4">
           {{ $t('chat.executionDetails.title') }}
         </h4>
-        <template v-for="(item, index) in arraySort(detail ?? [], 'index')" :key="index">
-          <ExecutionDetailCard :data="item"></ExecutionDetailCard>
-        </template>
+        <el-card class="mb-8" shadow="never" style="--el-card-padding: 12px 16px">
+          <div class="flex-between cursor" @click="showDetail = !showDetail">
+            <div class="flex align-center">
+              <el-icon class="mr-8 arrow-icon" :class="showDetail ? 'rotate-90' : ''">
+                <CaretRight />
+              </el-icon>
+              <el-avatar
+                v-if="detail?.tool_icon"
+                shape="square"
+                :size="24"
+                style="background: none"
+                class="mr-8"
+              >
+                <img :src="resetUrl(detail?.tool_icon)" alt="" />
+              </el-avatar>
+              <ToolIcon v-else :size="24" :type="detail?.tool_type" />
+              <h4>{{ detail?.tool_name }}</h4>
+            </div>
+            <div class="flex align-center">
+              <span class="mr-16 color-secondary" v-if="detail?.state !== 'STARTED'"
+                >{{ detail?.run_time?.toFixed(2) || 0.0 }} s</span
+              >
+              <el-icon class="color-success" :size="16" v-if="detail?.state === 'SUCCESS'">
+                <CircleCheck />
+              </el-icon>
+              <el-icon class="is-loading" :size="16" v-if="detail?.state === 'STARTED'">
+                <Loading />
+              </el-icon>
+              <el-icon class="color-danger" :size="16" v-else>
+                <CircleClose />
+              </el-icon>
+            </div>
+          </div>
+          <el-collapse-transition>
+            <div class="mt-12" v-if="showDetail">
+              <!-- 工具库 -->
+              <div class="card-never border-r-6 mt-8">
+                <h5 class="p-8-12">{{ $t('chat.executionDetails.input') }}</h5>
+                <div class="p-8-12 border-t-dashed lighter break-all">
+                  {{ detail?.meta.input || '-' }}
+                </div>
+              </div>
+              <div class="card-never border-r-6 mt-8">
+                <h5 class="p-8-12">{{ $t('chat.executionDetails.output') }}</h5>
+                <div class="p-8-12 border-t-dashed lighter break-all">
+                  {{ detail?.meta.output || '-' }}
+                </div>
+              </div>
+            </div>
+          </el-collapse-transition>
+        </el-card>
       </el-scrollbar>
     </div>
     <template #footer>
       <div>
         <el-button @click="pre" :disabled="pre_disable || loading">{{
-            $t('common.pages.prev')
-          }}
-        </el-button>
+          $t('common.pages.prev')
+        }}</el-button>
         <el-button @click="next" :disabled="next_disable || loading">{{
-            $t('common.pages.next')
-          }}
-        </el-button>
+          $t('common.pages.next')
+        }}</el-button>
       </div>
     </template>
   </el-drawer>
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
+import { ref, computed, watch } from 'vue'
 import { useRoute } from 'vue-router'
-import { arraySort } from '@/utils/array'
-import { resetUrl } from '@/utils/common'
-import ExecutionDetailCard from '@/components/execution-detail-card/index.vue'
+import { isAppIcon, resetUrl } from '@/utils/common'
 import { datetimeFormat } from '@/utils/time'
-import { loadSharedApi } from "@/utils/dynamics-api/shared-api.ts";
-
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api.ts'
 const props = withDefaults(
   defineProps<{
     /**
@@ -180,17 +213,19 @@ const apiType = computed(() => {
 })
 
 const detail = ref<any>(null)
+const showDetail = ref<boolean>(true)
 
 const loading = ref(false)
 const visible = ref(false)
 
-function closeHandle() {
-}
+function closeHandle() {}
 
 watch(
   () => props.currentId,
   () => {
-    getDetail()
+    if (props.currentId) {
+      getDetail()
+    }
   },
 )
 
@@ -202,22 +237,13 @@ watch(visible, (bool) => {
 })
 
 function getDetail() {
-  // triggerAPI
-  //   .getTriggerTaskRecordDetails(
-  //     props.currentContent?.trigger_id,
-  //     props.currentContent?.trigger_task_id,
-  //     props.currentContent?.id,
-  //   )
-  //   .then((ok) => {
-  //     detail.value = Object.values(ok.data.details)
-  //   })
   if (!props.currentContent) {
     return
   }
-  loadSharedApi({type: 'tool', systemType: apiType.value})
+  loadSharedApi({ type: 'tool', systemType: apiType.value })
     .getToolRecordDetail(props.currentContent?.tool_id, props.currentContent?.id, loading)
     .then((ok: any) => {
-      detail.value = [ok.data]
+      detail.value = ok.data
     })
 }
 
diff --git a/ui/src/views/tool/execution-record/TriggerRecordDrawer.vue b/ui/src/views/tool/execution-record/TriggerRecordDrawer.vue
diff --git a/ui/src/views/trigger/execution-record/ExecutionDetailDrawer.vue b/ui/src/views/trigger/execution-record/ExecutionDetailDrawer.vue
diff --git a/ui/src/views/trigger/execution-record/TriggerTaskRecordDrawer.vue b/ui/src/views/trigger/execution-record/TriggerTaskRecordDrawer.vue
diff --git a/ui/src/views/trigger/index.vue b/ui/src/views/trigger/index.vue

Original file line number	Diff line number	Diff line change
`@@ -144,4 +144,8 @@ export default {`
`144`	`144`	`next: 'Next',`
`145`	`145`	`},`
`146`	`146`	`use: 'Use',`
	`147`	`+ ExecutionRecord: {`
	`148`	`+ title: 'Execution Record',`
	`149`	`+ subTitle: 'View Execution Record',`
	`150`	`+ },`
`147`	`151`	`}`
Original file line number	Diff line number	Diff line change
`@@ -537,7 +537,6 @@ You are a master of problem optimization, adept at accurately inferring user int`
`537`	`537`	`},`
`538`	`538`	`SystemPromptPlaceholder: 'System Prompt, can reference variables in the system, such as',`
`539`	`539`	`UserPromptPlaceholder: 'User Prompt, can reference variables in the system, such as',`
`540`		`- ExecutionRecord: 'Execution Record',`
`541`	`540`	`initiator: 'Iniiator',`
`542`	`541`	`abnormalInformation: 'Abnormal Information',`
`543`	`542`	`}`
Original file line number	Diff line number	Diff line change
`@@ -143,4 +143,8 @@ export default {`
`143`	`143`	`next: '下一步',`
`144`	`144`	`},`
`145`	`145`	`use: '使用',`
	`146`	`+ ExecutionRecord: {`
	`147`	`+ title: '執行記錄',`
	`148`	`+ subTitle: '查看執行記錄',`
	`149`	`+ },`
`146`	`150`	`}`
Original file line number	Diff line number	Diff line change
`@@ -522,7 +522,6 @@ export default {`
`522`	`522`	`},`
`523`	`523`	`SystemPromptPlaceholder: '系統提示詞，可以引用系統中的變量：如',`
`524`	`524`	`UserPromptPlaceholder: '用戶提示詞，可以引用系統中的變量：如',`
`525`		`- ExecutionRecord: '執行記錄',`
`526`	`525`	`initiator: '發起人',`
`527`	`526`	`abnormalInformation: '異常信息'`
`528`	`527`	`}`
Original file line number	Diff line number	Diff line change
`@@ -155,7 +155,7 @@`
`155`	`155`
`156`	`156`	`<el-tooltip`
`157`	`157`	`effect="dark"`
`158`		`- :content="$t('workflow.ExecutionRecord')"`
	`158`	`+ :content="$t('common.ExecutionRecord.title')"`
`159`	`159`	`placement="top"`
`160`	`160`	`v-if="knowledgeDetail?.type === 4 && permissionPrecise.doc_create(id)"`
`161`	`161`	`>`