主数据删除前添加确认

src/view/Manage/DataMaster/Define/Component/DefineTable.jsx

 import { useEffect, useMemo, useState } from 'react';
-import { Space, Button, Input, Pagination, Tooltip } from 'antd';
+import { Space, Button, Input, Pagination, Tooltip,Modal } from 'antd';
 import { useContextMenu, Menu as RcMenu, Item as RcItem } from "react-contexify";
 
 import ResizeableTable from '../../../ResizeableTable';
@@ -27,6 +27,8 @@ const DefineTable = (props) => {
   const [pagination, setPagination] = useState({pageNum: 1, pageSize: 20});
 
   const {pageNum, pageSize} = pagination;
+  const [modal, contextHolder] = Modal.useModal();
+
 
   useEffect(() => {
     setCheckedKeys([]);
@@ -133,21 +135,27 @@ const DefineTable = (props) => {
   }
 
   const onBatchDeleteClick = () => {
-    setDeleteLoading(true);
-    dispatch({
-      type: 'msd.deleteModels',
-      payload: {
-        params: {
-          modelIds: (checkedKeys||[]).join(',')
-        }
-      },
-      callback: (data) => {
-        setDeleteLoading(false);
-        showMessage('success', '删除成功');
-        getTemplates();
-      }, 
-      error: () => {
-        setDeleteLoading(false);
+    modal.confirm({
+      title: '是否确认删除该条数据?',
+      content: '',
+      onOk: () => {
+        setDeleteLoading(true);
+        dispatch({
+          type: 'msd.deleteModels',
+          payload: {
+          params: {
+            modelIds: (checkedKeys||[]).join(',')
+          }
+        },
+        callback: (data) => {
+          setDeleteLoading(false);
+          showMessage('success', '删除成功');
+          getTemplates();
+        }, 
+        error: () => {
+          setDeleteLoading(false);
+                  }
+        });
       }
     });
   }
@@ -246,6 +254,7 @@ const DefineTable = (props) => {
           编辑
         </RcItem>
       </RcMenu>
+      {contextHolder}  
     </div>
   );
 }

src/view/Manage/DataMaster/Manage/Component/ManageTable.jsx

 import { useMemo, useState, useEffect } from 'react';
-import { Space, Button, Input, Pagination, Tooltip } from 'antd';
+import { Space, Button, Input, Pagination, Tooltip,Modal } from 'antd';
 import { useContextMenu, Menu as RcMenu, Item as RcItem } from "react-contexify";
 
 import ResizeableTable from '../../../ResizeableTable';
@@ -30,6 +30,7 @@ const ManageTable = (props) => {
   const [importDataDrawerVisible, setImportDataDrawerVisible] = useState(false);
 
   const {pageNum, pageSize} = pagination;
+  const [modal,contextHolder] = Modal.useModal();
 
   const columns = useMemo(() => {
     const newColumns = [
@@ -140,19 +141,25 @@ const ManageTable = (props) => {
   }
 
   const onBatchDeleteClick = () => {
-    setDeleteLoading(true);
-    dispatch({
-      type: 'msd.deleteDatas',
-      payload: {
-        data: checkedKeys||[]
-      },
-      callback: (data) => {
-        setDeleteLoading(false);
-        showMessage('success', '删除成功');
-        getFiledsAndDatas();
-      }, 
-      error: () => {
-        setDeleteLoading(false);
+    modal.confirm({
+      title: '是否确认删除该条数据?',
+      content: '',
+      onOk: () => {
+        setDeleteLoading(true);
+        dispatch({
+          type: 'msd.deleteDatas',
+          payload: {
+            data: checkedKeys||[]
+          },
+          callback: (data) => {
+            setDeleteLoading(false);
+            showMessage('success', '删除成功');
+            getFiledsAndDatas();
+          }, 
+          error: () => {
+            setDeleteLoading(false);
+          }
+        });
       }
     });
   }
@@ -276,6 +283,7 @@ const ManageTable = (props) => {
           编辑
         </RcItem>
       </RcMenu>
+      {contextHolder}
     </div>
   );
 }