任务multiSelect

src/view/Manage/DatasourceManage/Component/UpdateTaskModal.jsx

 import React, { useEffect, useState } from 'react';
-import { Modal, Checkbox, Row, Col, Divider, Input, Typography, Form, Switch } from 'antd';
+import { Modal, Checkbox, Row, Col, Divider, Input, Typography, Form, Switch, Select } from 'antd';
 
 import { dispatch } from '../../../../model';
 
+const MultiSelect = ({ value = '', data = [], onChange, ...restProps }) => {
+
+  const onSelectChange = (value) => {
+    onChange((value||[]).join(','));
+  }
+
+  return (
+    <Select
+      mode="multiple"
+      value={value?value.split(','):[]}
+      onChange={onSelectChange}
+      allowClear
+      style={{ width: '100%' }}
+      {...restProps}
+    >
+    {
+      (data||[]).map((item, index) => {
+        return (
+          <Select.Option key={item}>{item}</Select.Option>
+        );
+      })
+    }
+    </Select>
+  )
+}
+
 const UpdateTaskModal = (props) => {
   const { visible, onCancel, action, id, datasourceId,currentDatabase } = props;
   const [ schemas, setSchemas ] = useState([]);
@@ -229,7 +255,8 @@ const UpdateTaskModal = (props) => {
               rules={[{ required: param.required, message: '必填项'}]}
             >
             {
-              ( param.show ? <Input placeholder={param.explain||''} /> : <Input.Password placeholder={param.explain||''} visibilityToggle={false} /> )
+              (param.selectMode==='multiSelect') ? <MultiSelect data={param.selectItem} placeholder={param.explain||''} />
+              : ( param.show ? <Input placeholder={param.explain||''} /> : <Input.Password placeholder={param.explain||''} visibilityToggle={false} /> )
             }
             </Form.Item>
           )