From c17ded916263e685b566175536d48a1416e35ea3 Mon Sep 17 00:00:00 2001
From: MoeexT <yuwancumian666@outlook.com>
Date: Sat, 28 Feb 2026 16:02:48 +0800
Subject: [PATCH] Revert ":fire: remove mysql-template & simplify template
 source/target (#374)"

This reverts commit be49f791ddc475514c02f82a4b1bbd29257051b9.
---
 frontend/src/i18n/locales/en/common.json      |   1 -
 frontend/src/i18n/locales/zh/common.json      |   1 -
 .../Home/TemplateManagement.tsx               | 247 +++++++-----------
 scripts/db/data-collection-init.sql           |  13 +
 4 files changed, 101 insertions(+), 161 deletions(-)

diff --git a/frontend/src/i18n/locales/en/common.json b/frontend/src/i18n/locales/en/common.json
index 2e0261a18..03fc79f0e 100644
--- a/frontend/src/i18n/locales/en/common.json
+++ b/frontend/src/i18n/locales/en/common.json
@@ -112,7 +112,6 @@
         "createdAt": "Created At",
         "updatedAt": "Updated At"
       },
-      "columnSettings": "Column Settings",
       "messages": {
         "refreshFailed": "Refresh failed"
       }
diff --git a/frontend/src/i18n/locales/zh/common.json b/frontend/src/i18n/locales/zh/common.json
index fa200d1b0..bb79e22c3 100644
--- a/frontend/src/i18n/locales/zh/common.json
+++ b/frontend/src/i18n/locales/zh/common.json
@@ -112,7 +112,6 @@
         "createdAt": "创建时间",
         "updatedAt": "更新时间"
       },
-      "columnSettings": "列设置",
       "messages": {
         "refreshFailed": "刷新失败"
       }
diff --git a/frontend/src/pages/DataCollection/Home/TemplateManagement.tsx b/frontend/src/pages/DataCollection/Home/TemplateManagement.tsx
index 31f37668e..ae2320aff 100644
--- a/frontend/src/pages/DataCollection/Home/TemplateManagement.tsx
+++ b/frontend/src/pages/DataCollection/Home/TemplateManagement.tsx
@@ -1,13 +1,10 @@
-import { App, Card, Table, Tag, Dropdown, Button } from "antd";
+import { App, Card, Table, Tag } from "antd";
 import type { ColumnsType } from "antd/es/table";
-import type { MenuProps } from "antd";
 import { SearchControls } from "@/components/SearchControls";
 import useFetchData from "@/hooks/useFetchData";
 import { queryDataXTemplatesUsingGet } from "../collection.apis";
 import { formatDateTime } from "@/utils/unit";
 import { useTranslation } from "react-i18next";
-import { SettingOutlined } from "@ant-design/icons";
-import { useState, useMemo } from "react";
 
 type CollectionTemplate = {
   id: string;
@@ -22,24 +19,9 @@ type CollectionTemplate = {
   updatedAt?: string;
 };
 
-// 所有可用的列配置
-const ALL_COLUMNS = {
-  name: 'dataCollection.templateManagement.columns.templateName',
-  builtIn: 'dataCollection.templateManagement.columns.templateType',
-  source: 'dataCollection.templateManagement.columns.source',
-  target: 'dataCollection.templateManagement.columns.target',
-  description: 'dataCollection.templateManagement.columns.description',
-  createdAt: 'dataCollection.templateManagement.columns.createdAt',
-  updatedAt: 'dataCollection.templateManagement.columns.updatedAt',
-} as const;
-
-// 默认隐藏的列
-const DEFAULT_HIDDEN_COLUMNS = ['createdAt', 'updatedAt'];
-
 export default function TemplateManagement() {
   const { message } = App.useApp();
   const { t } = useTranslation();
-  const [hiddenColumns, setHiddenColumns] = useState<Set<string>>(new Set(DEFAULT_HIDDEN_COLUMNS));
 
   const filters = [
     {
@@ -80,149 +62,96 @@ export default function TemplateManagement() {
     0
   );
 
-  // 根据隐藏列的状态动态生成 columns
-  const columns: ColumnsType<CollectionTemplate> = useMemo(() => {
-    const allColumns: ColumnsType<CollectionTemplate> = [
-      {
-        title: t("dataCollection.templateManagement.columns.templateName"),
-        dataIndex: "name",
-        key: "name",
-        fixed: "left",
-        width: 200,
-        ellipsis: true,
-      },
-      {
-        title: t("dataCollection.templateManagement.columns.templateType"),
-        dataIndex: "builtIn",
-        key: "builtIn",
-        width: 120,
-        render: (v?: boolean) => (
-          <Tag color={v ? "blue" : "default"}>
-            {v
-              ? t("dataCollection.templateManagement.filters.builtIn")
-              : t("dataCollection.templateManagement.filters.custom")}
-          </Tag>
-        ),
-      },
-      {
-        title: t("dataCollection.templateManagement.columns.source"),
-        key: "source",
-        width: 220,
-        ellipsis: true,
-        render: (_: any, record: CollectionTemplate) => {
-          // 如果 sourceType 和 sourceName 相同，只显示一个
-          if (record.sourceType === record.sourceName) {
-            return <span>{record.sourceType}</span>;
-          }
-          return <span>{`${record.sourceType} / ${record.sourceName}`}</span>;
-        },
-      },
-      {
-        title: t("dataCollection.templateManagement.columns.target"),
-        key: "target",
-        width: 220,
-        ellipsis: true,
-        render: (_: any, record: CollectionTemplate) => {
-          // 如果 targetType 和 targetName 相同，只显示一个
-          if (record.targetType === record.targetName) {
-            return <span>{record.targetType}</span>;
-          }
-          return <span>{`${record.targetType} / ${record.targetName}`}</span>;
-        },
-      },
-      {
-        title: t("dataCollection.templateManagement.columns.description"),
-        dataIndex: "description",
-        key: "description",
-        width: 260,
-        ellipsis: true,
-        render: (v?: string) => v || t("common.placeholders.empty"),
-      },
-      {
-        title: t("dataCollection.templateManagement.columns.createdAt"),
-        dataIndex: "createdAt",
-        key: "createdAt",
-        width: 160,
-      },
-      {
-        title: t("dataCollection.templateManagement.columns.updatedAt"),
-        dataIndex: "updatedAt",
-        key: "updatedAt",
-        width: 160,
-      },
-    ];
-
-    // 过滤掉隐藏的列
-    return allColumns.filter(col => !hiddenColumns.has(col.key as string));
-  }, [t, hiddenColumns]);
-
-  // 列显示切换处理
-  const handleColumnToggle = (columnKey: string) => {
-    setHiddenColumns(prev => {
-      const newHidden = new Set(prev);
-      if (newHidden.has(columnKey)) {
-        newHidden.delete(columnKey);
-      } else {
-        newHidden.add(columnKey);
-      }
-      return newHidden;
-    });
-  };
-
-  // 列选择菜单
-  const columnMenuItems: MenuProps['items'] = Object.entries(ALL_COLUMNS).map(([key, label]) => ({
-    key,
-    label: t(label),
-  }));
-
-  // 获取显示的列（非隐藏列）
-  const visibleColumns = Object.keys(ALL_COLUMNS).filter(key => !hiddenColumns.has(key));
+  const columns: ColumnsType<CollectionTemplate> = [
+    {
+      title: t("dataCollection.templateManagement.columns.templateName"),
+      dataIndex: "name",
+      key: "name",
+      fixed: "left",
+      width: 200,
+      ellipsis: true,
+    },
+    {
+      title: t("dataCollection.templateManagement.columns.templateType"),
+      dataIndex: "builtIn",
+      key: "builtIn",
+      width: 120,
+      render: (v?: boolean) => (
+        <Tag color={v ? "blue" : "default"}>
+          {v
+            ? t("dataCollection.templateManagement.filters.builtIn")
+            : t("dataCollection.templateManagement.filters.custom")}
+        </Tag>
+      ),
+    },
+    {
+      title: t("dataCollection.templateManagement.columns.source"),
+      key: "source",
+      width: 220,
+      ellipsis: true,
+      render: (_: any, record: CollectionTemplate) => (
+        <span>{`${record.sourceType} / ${record.sourceName}`}</span>
+      ),
+    },
+    {
+      title: t("dataCollection.templateManagement.columns.target"),
+      key: "target",
+      width: 220,
+      ellipsis: true,
+      render: (_: any, record: CollectionTemplate) => (
+        <span>{`${record.targetType} / ${record.targetName}`}</span>
+      ),
+    },
+    {
+      title: t("dataCollection.templateManagement.columns.description"),
+      dataIndex: "description",
+      key: "description",
+      width: 260,
+      ellipsis: true,
+      render: (v?: string) => v || t("common.placeholders.empty"),
+    },
+    {
+      title: t("dataCollection.templateManagement.columns.createdAt"),
+      dataIndex: "createdAt",
+      key: "createdAt",
+      width: 160,
+    },
+    {
+      title: t("dataCollection.templateManagement.columns.updatedAt"),
+      dataIndex: "updatedAt",
+      key: "updatedAt",
+      width: 160,
+    },
+  ];
 
   return (
     <div className="space-y-4">
-      <div className="flex items-center justify-between">
-        <SearchControls
-          searchTerm={searchParams.keyword}
-          onSearchChange={(newSearchTerm) =>
-            setSearchParams((prev) => ({
-              ...prev,
-              keyword: newSearchTerm,
-              current: 1,
-            }))
-          }
-          searchPlaceholder={t("dataCollection.templateManagement.filters.searchPlaceholder")}
-          filters={filters}
-          selectedFilters={searchParams.filter}
-          onFiltersChange={handleFiltersChange}
-          showViewToggle={false}
-          showReload={true}
-          onClearFilters={() =>
-            setSearchParams((prev) => ({
-              ...prev,
-              filter: { ...prev.filter, builtIn: [] },
-              current: 1,
-              keyword: "",
-            }))
-          }
-          onReload={() => {
-            fetchData().catch(() => message.error(t("dataCollection.templateManagement.messages.refreshFailed")));
-          }}
-          className="flex-1"
-        />
-        <Dropdown
-          menu={{
-            items: columnMenuItems,
-            selectable: true,
-            multiple: true,
-            selectedKeys: visibleColumns,
-            onClick: ({ key }) => handleColumnToggle(key as string),
-          }}
-        >
-          <Button icon={<SettingOutlined />}>
-            {t("dataCollection.templateManagement.columnSettings")}
-          </Button>
-        </Dropdown>
-      </div>
+      <SearchControls
+        searchTerm={searchParams.keyword}
+        onSearchChange={(newSearchTerm) =>
+          setSearchParams((prev) => ({
+            ...prev,
+            keyword: newSearchTerm,
+            current: 1,
+          }))
+        }
+        searchPlaceholder={t("dataCollection.templateManagement.filters.searchPlaceholder")}
+        filters={filters}
+        selectedFilters={searchParams.filter}
+        onFiltersChange={handleFiltersChange}
+        showViewToggle={false}
+        onClearFilters={() =>
+          setSearchParams((prev) => ({
+            ...prev,
+            filter: { ...prev.filter, builtIn: [] },
+            current: 1,
+            keyword: "",
+          }))
+        }
+        onReload={() => {
+          fetchData().catch(() => message.error(t("dataCollection.templateManagement.messages.refreshFailed")));
+        }}
+      />
 
       <Card>
         <Table
diff --git a/scripts/db/data-collection-init.sql b/scripts/db/data-collection-init.sql
index 36c077b78..072f37621 100644
--- a/scripts/db/data-collection-init.sql
+++ b/scripts/db/data-collection-init.sql
@@ -184,6 +184,19 @@ INSERT INTO t_dc_collection_templates (
           'system',
           'system'
       ),
+      (
+          '3',
+          'MYSQL归集模板',
+          '将MYSQL数据库中的数据以csv文件的形式归集到DataMate平台上。',
+          'mysqlreader',
+          'mysqlreader',
+          'txtfilewriter',
+          'txtfilewriter',
+          '{"parameter": {}, "reader": {"username": {"name": "用户名","description": "数据库的用户名。","type": "input", "required": true, "index": 2}, "password": {"name": "密码","description": "数据库的密码。","type": "password", "required": true, "index": 3}, "connection": {"name": "数据库连接信息", "description": "数据库连接信息。", "type": "multipleList", "size": 1, "index": 1, "properties": {"jdbcUrl": {"type": "inputList", "name": "数据库连接", "description": "数据库连接url。", "required": true, "index": 1}, "querySql": {"type": "inputList", "name": "查询sql", "description": "输入符合语法的sql查询语句。", "required": true, "index": 2}}}}, "writer": {"header": {"name": "列名","description": "查询结果的列名，最终会体现为csv文件的表头。","type": "selectTag", "required": false}}}',
+          TRUE,
+          'system',
+          'system'
+      ),
       (
           '4',
           'StarRocks归集模板',