黑白名单提示

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 { InfoCircleOutlined } from '@ant-design/icons';
 
 import { dispatch } from '../../../../model';
 
@@ -15,6 +16,7 @@ const UpdateTaskModal = (props) => {
   const [ checkAllValue, setCheckAllValue ] = useState(false);
 
   const [ form ] = Form.useForm();
+  const [modal, contextHolder] = Modal.useModal();
 
   useEffect(() => {
 
@@ -84,10 +86,7 @@ const UpdateTaskModal = (props) => {
     })
   }
 
-  const onOk = async() => {
-    try {
-      const row = await form.validateFields();
-
+  const saveTask = (row) => {
       //深拷贝
       let newTask = JSON.parse(JSON.stringify(taskSettings));
 
@@ -117,7 +116,25 @@ const UpdateTaskModal = (props) => {
           setConfirmLoading(false);
         }
       })
+  }
+
+  const onOk = async() => {
+    try {
+      const row = await form.validateFields();
+
+      if (row.tableFilterParam||row.tableBlacklist) {
+        modal.confirm({
+          title: '提示!',
+          content: `增加白名单会有删除白名单外的元数据风险,增加黑名单会有删除黑名单的元数据风险,您确定要${action==='edit'?'编辑':'新增'}该任务吗?`,
+          onOk: () => {
+            saveTask(row);
+          }
+        });
+
+        return;
+      }
 
+      saveTask(row);
     } catch (errInfo) {
       console.log('Validate Failed:', errInfo);
     }
@@ -221,12 +238,20 @@ const UpdateTaskModal = (props) => {
       <Form {...formItemLayout} form={form}>
       {
         taskSettings && (taskSettings.targetConfParameters||[]).filter(item => item.name!=='schema').map((param, index) => {
+          let tooltip = null;
+          if (param.name === 'tableFilterParam') {
+            tooltip = {title: '增加白名单,有删除白名单外的元数据风险', icon: <InfoCircleOutlined style={{ color: 'red' }} />};
+          } else if (param.name === 'tableBlacklist') {
+            tooltip = {title: '增加黑名单, 有删除黑名单的元数据风险', icon: <InfoCircleOutlined style={{ color: 'red' }} />};
+          }
+
           return (
             <Form.Item 
               label={param.cnName||''}
               name={param.name||''}
               key={index}
               rules={[{ required: param.required, message: '必填项'}]}
+              tooltip={tooltip}
             >
             {
               ( param.show ? <Input placeholder={param.explain||''} /> : <Input.Password placeholder={param.explain||''} visibilityToggle={false} /> )
@@ -236,6 +261,8 @@ const UpdateTaskModal = (props) => {
         })
       }
       </Form>
+
+      {contextHolder}
     </Modal>
   );
 }