feat: enhance dataset management features with improved tag handling, download functionality, and UI updates

frontend/src/pages/DataCleansing/Home/components/TaskList.tsx

@@ -65,7 +65,7 @@ export default function TaskList() {
     fetchData();
   };
 
-  const taskOperations = (record) => {
+  const taskOperations = (record: CleansingTask) => {
     const isRunning = record.status?.value === TaskStatus.RUNNING;
     const showStart = [
       TaskStatus.PENDING,
@@ -91,7 +91,8 @@ export default function TaskList() {
       {
         key: "delete",
         label: "删除",
-        icon: <DeleteOutlined style={{ color: "#f5222d" }} />,
+        danger: true,
+        icon: <DeleteOutlined />,
         onClick: deleteTask, // implement delete logic
       },
     ];
@@ -106,6 +107,13 @@ export default function TaskList() {
       width: 150,
       ellipsis: true,
     },
+    {
+      title: "任务ID",
+      dataIndex: "id",
+      key: "id",
+      width: 150,
+      ellipsis: true,
+    },
     {
       title: "源数据集",
       dataIndex: "srcDatasetId",
@@ -231,6 +239,7 @@ export default function TaskList() {
                 <Button
                   type="text"
                   icon={op.icon}
+                  danger={op?.danger}
                   onClick={() => op.onClick(record)}
                 />
               </Tooltip>

frontend/src/pages/DataCleansing/Home/components/TemplateList.tsx

@@ -31,7 +31,8 @@ export default function TemplateList() {
     {
       key: "delete",
       label: "删除模板",
-      icon: <DeleteOutlined style={{ color: "#f5222d" }} />,
+      danger: true,
+      icon: <DeleteOutlined />,
       onClick: (template: CleansingTemplate) => deleteTemplate(template), // 可实现删除逻辑
     },
   ];