feat: 谱系查看云图、曲线

src/views/data/analysis/components/pedigree/pedigreeDetail.vue

@@ -70,27 +70,17 @@
         </el-radio-group>
       </div>
       <div class="key-result-content">
-        <BaseTable
+        <TaskResultImage
           v-if="keyResultType === '1'"
-          ref="cloudImageTableRef"
-          tableName="DATA_SEARCH"
-          :api="getFileListApiFun"
-          :params="cloudImageParams"
-          showIndex
-          :fullHeight="true"
-          hideSearch
-          :actionList="cloudImageActionList"
+          :taskData="taskDataForResult"
+          :runId="resultRunId"
+          :showLeftOptions="false"
         />
-        <BaseTable
+        <TaskResultCsv
           v-else-if="keyResultType === '2'"
-          ref="curveTableRef"
-          tableName="DATA_SEARCH"
-          :api="getFileListApiFun"
-          :params="curveParams"
-          showIndex
-          :fullHeight="true"
-          hideSearch
-          :actionList="curveActionList"
+          :taskData="taskDataForResult"
+          :runId="resultRunId"
+          :showLeftOptions="false"
         />
         <TaskPerformance
           v-else-if="keyResultType === '3'"
@@ -175,6 +165,8 @@ import { getRunListByRunIdListApi } from '@/api/project/node';
 import { queryFlowTemplateDetailApi } from '@/api/capability/flow';
 import FilePreview from '@/components/common/filePreview/index.vue';
 import TaskPerformance from '@/components/taskDetail/taskPerformance.vue';
+import TaskResultImage from '@/views/task/execution/components/taskDetailPage/components/taskResultImage.vue';
+import TaskResultCsv from '@/views/task/execution/components/taskDetailPage/components/taskResultCsv.vue';
 import { downloadFileById } from '@/utils/file';
 import { cloneDeep } from 'lodash-es';
 import { enableConfigByTenant, TENANT_ENUM } from '@/tenants/tenant';
@@ -220,14 +212,6 @@ const calcFileActionList = [
   { title: '预览', type: 'primary', click: previewFileFun },
   { title: '下载', type: 'primary', click: downloadFileFun },
 ];
-const cloudImageActionList = [
-  { title: '预览', type: 'primary', click: previewFileFun },
-  { title: '下载', type: 'primary', click: downloadFileFun },
-];
-const curveActionList = [
-  { title: '预览', type: 'primary', click: previewFileFun },
-  { title: '下载', type: 'primary', click: downloadFileFun },
-];
 const reportActionList = [
   { title: '预览', type: 'primary', click: previewFileFun },
   { title: '下载', type: 'primary', click: downloadFileFun },
@@ -247,6 +231,12 @@ const videoActionList = [
 
 const keyResultType = ref('1');
 
+const taskDataForResult = computed(() => ({
+  uuid: props.pedigreeType === 'task' ? props.taskId : '',
+}));
+
+const resultRunId = computed(() => (props.pedigreeType === 'run' ? props.runId : ''));
+
 const flowNodeList = ref<any[]>([]);
 const currentFlowNodeId = ref<string>('');
 const runInfo = ref<any>({});
@@ -377,21 +367,14 @@ const calcResultParams = computed(() => buildParamsFun(FILE_TYPE.CALCULATION_RES
 const reportParams = computed(() => buildParamsFun(FILE_TYPE.REPORT_FILE));
 const testDataParams = computed(() => buildParamsFun(FILE_TYPE.TEST_DOCUMENT_FILE));
 const reviewFileParams = computed(() => buildParamsFun(FILE_TYPE.REVIEW_FILE));
-const cloudImageParams = computed(() => buildParamsFun(FILE_TYPE.PNG_FILE));
-const curveParams = computed(() => buildParamsFun(FILE_TYPE.CANVAS_FILE));
 const videoParams = computed(() => buildParamsFun(FILE_TYPE.VIDEO_FILE));
 
-const cloudImageTableRef = ref();
-const curveTableRef = ref();
 const videoTableRef = ref();
 
 const refreshKeyResultTableFun = () => {
-  const tableRefMap: Record<string, any> = {
-    '1': cloudImageTableRef,
-    '2': curveTableRef,
-    '4': videoTableRef,
-  };
-  tableRefMap[keyResultType.value]?.value?.resetFun(true);
+  if (keyResultType.value === '4') {
+    videoTableRef?.value?.resetFun(true);
+  }
 };
 
 const flowNodeRadioChangeFun = (uuid: string) => {