feature：mysql数据库归集为csv文件 (#76)

* fix：配比任务需要能够跳转到目标数据集

* feature：增加配比任务详情接口

* fix：删除不存在的配比详情页面

* fix：使用正式的逻辑来展示标签

* fix：参数默认值去掉多余的-

* fix：修复配比任务相关操作

* fix：去除不需要的日志打印和import

* feature：数据归集创建时将obs、mysql归集也放出

* refactor：重构数据归集的代码

* refactor：重构数据归集的代码

* feature：增加实现mysql归集为csv文件

frontend/src/pages/DataCollection/Create/CreateTask.tsx

@@ -321,21 +321,15 @@ export default function CollectionTaskCreate() {
                 {selectedTemplate === TemplateType.MYSQL && (
                   <div className="grid grid-cols-2 gap-3 px-2 bg-blue-50 rounded">
                     <Form.Item
-                      name={["config", "host"]}
-                      rules={[{ required: true, message: "请输入MYSQL主机名" }]}
-                      label="MYSQL主机名"
+                      name={["config", "jdbcUrl"]}
+                      rules={[{ required: true, message: "请输入数据库链接" }]}
+                      label="数据库链接"
+                      className="col-span-2"
                     >
-                      <Input placeholder="192.168.1.100" />
+                      <Input placeholder="jdbc:mysql://localhost:3306/mysql?useUnicode=true&characterEncoding=utf8" />
                     </Form.Item>
                     <Form.Item
-                      name={["config", "port"]}
-                      rules={[{ required: true, message: "请输入端口号" }]}
-                      label="端口号"
-                    >
-                      <Input placeholder="3306" />
-                    </Form.Item>
-                    <Form.Item
-                      name={["config", "user"]}
+                      name={["config", "username"]}
                       rules={[{ required: true, message: "请输入用户名" }]}
                       label="用户名"
                     >
@@ -346,22 +340,22 @@ export default function CollectionTaskCreate() {
                       rules={[{ required: true, message: "请输入密码" }]}
                       label="密码"
                     >
-                      <Input placeholder="" />
+                      <Input type="password" className="h-8 text-xs" placeholder="Secret Key" />
                     </Form.Item>
                     <Form.Item
-                      name={["config", "schema"]}
-                      rules={[{ required: true, message: "请输入数据库" }]}
-                      label="数据库"
-                    >
-                      <Input placeholder="public" />
-                    </Form.Item>
-                    <Form.Item
-                      name={["config", "sql"]}
+                      name={["config", "querySql"]}
                       rules={[{ required: true, message: "请输入查询语句" }]}
                       label="查询语句"
                     >
                       <Input placeholder="select * from your_table" />
                     </Form.Item>
+                    <Form.Item
+                      name={["config", "headers"]}
+                      label="列名"
+                      className="col-span-2"
+                    >
+                      <Select placeholder="请输入列名" mode="tags" />
+                    </Form.Item>
                   </div>
                 )}
               </>