Fix: Interface integration for the file log page in the overview #9869 (#10222)

### What problem does this PR solve?

Fix: Interface integration for the file log page in the overview

- Support for selecting data pipeline parsing types
- Use the RunningStatus enumeration instead of numeric status
- Obtain and display data pipeline file log details
- Replace existing mock data with new interface data on the page
- Link the file log list to the real data source
- Optimize log information display
- Fixed a typo in the field name "pipeline_id" → "pipeline_id"

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/dataset/dataset-overview/hook.ts

@@ -1,5 +1,12 @@
-import kbService from '@/services/knowledge-service';
+import {
+  useGetPaginationWithRouter,
+  useHandleSearchChange,
+} from '@/hooks/logic-hooks';
+import kbService, {
+  listDataPipelineLogDocument,
+} from '@/services/knowledge-service';
 import { useQuery } from '@tanstack/react-query';
+import { useCallback } from 'react';
 import { useParams, useSearchParams } from 'umi';
 
 export interface IOverviewTital {
@@ -24,4 +31,78 @@ const useFetchOverviewTital = () => {
   return { data };
 };
 
-export { useFetchOverviewTital };
+export interface IFileLogItem {
+  create_date: string;
+  create_time: number;
+  document_id: string;
+  document_name: string;
+  document_suffix: string;
+  document_type: string;
+  dsl: any;
+  path: string[];
+  task_id: string;
+  id: string;
+  name: string;
+  kb_id: string;
+  operation_status: string;
+  parser_id: string;
+  pipeline_id: string;
+  pipeline_title: string;
+  avatar: string;
+  process_begin_at: null | string;
+  process_duration: number;
+  progress: number;
+  progress_msg: string;
+  source_from: string;
+  status: string;
+  task_type: string;
+  tenant_id: string;
+  update_date: string;
+  update_time: number;
+}
+export interface IFileLogList {
+  docs: IFileLogItem[];
+  total: number;
+}
+
+const useFetchFileLogList = () => {
+  const [searchParams] = useSearchParams();
+  const { searchString, handleInputChange } = useHandleSearchChange();
+  const { pagination, setPagination } = useGetPaginationWithRouter();
+  const { id } = useParams();
+  const knowledgeBaseId = searchParams.get('id') || id;
+  const { data } = useQuery<IFileLogList>({
+    queryKey: [
+      'fileLogList',
+      knowledgeBaseId,
+      pagination.current,
+      pagination.pageSize,
+      searchString,
+    ],
+    queryFn: async () => {
+      const { data: res = {} } = await listDataPipelineLogDocument({
+        kb_id: knowledgeBaseId,
+        page: pagination.current,
+        page_size: pagination.pageSize,
+        keywords: searchString,
+        // order_by: '',
+      });
+      return res.data || [];
+    },
+  });
+  const onInputChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(
+    (e) => {
+      setPagination({ page: 1 });
+      handleInputChange(e);
+    },
+    [handleInputChange, setPagination],
+  );
+  return {
+    data,
+    searchString,
+    handleInputChange: onInputChange,
+    pagination: { ...pagination, total: data?.total },
+  };
+};
+
+export { useFetchFileLogList, useFetchOverviewTital };