@zgfe/modules-dm 1.0.2-dm.8 → 1.0.2-y.0

package/es/modules/dataPlan/addPlan.js

@@ -17,13 +17,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
-import { Input, Button, Select, Tabs, Drawer, Upload, message, Checkbox, Empty } from 'antd';
+import { Input, Button, Select, Tabs, Drawer, Upload, message, Checkbox, Spin, Table } from 'antd';
 var Option = Select.Option;
 import React, { useEffect, useState, useContext } from 'react';
 import './styles/index.less';
 import request from '../../utils/ajax';
 import apis from '../../constants/api';
 import _ from 'lodash';
+import { getAppID } from '../../utils';
 import Search from './search';
 import EventList from './eventList';
 import UserAttributeList from './userAttributeList';
@@ -39,19 +40,25 @@ var AddPlan = function AddPlan(props) {
 
   var _useContext = useContext(BizGlobalDataContext),
       currentApp = _useContext.currentApp,
-      isDemo = _useContext.isDemo;
+      isDemo = _useContext.isDemo; // console.log('isDemo', isDemo);
+
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      spinning = _useState2[0],
+      setSpinning = _useState2[1]; // console.log('detailId', props.detailId, props.detailName);
 
-  console.log('isDemo', isDemo); // console.log('detailId', props.detailId, props.detailName);
 
   useEffect(function () {
     setPlanName(props.detailName);
   }, [props.detailName]);
   useEffect(function () {
     if (props.detailId != -1) {
+      setSpinning(true);
       request(apis.queryPlanDetail, {
         method: 'get',
         params: {
-          appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+          appId: getAppID(currentApp),
           id: props.detailId
         }
       }).then(function (res) {
@@ -59,19 +66,21 @@ var AddPlan = function AddPlan(props) {
         tableDataHandle(res.data, res.data.propPlanAndRealDataDiff, 'detail');
       }).catch(function (err) {
         message.error('获取详情数据失败');
+      }).finally(function () {
+        setSpinning(false);
       });
     }
   }, [props.detailId]); // 方案名称
 
-  var _useState = useState('input'),
-      _useState2 = _slicedToArray(_useState, 2),
-      detailNameShow = _useState2[0],
-      setDetailNameShow = _useState2[1];
-
-  var _useState3 = useState(''),
+  var _useState3 = useState('input'),
       _useState4 = _slicedToArray(_useState3, 2),
-      planName = _useState4[0],
-      setPlanName = _useState4[1];
+      detailNameShow = _useState4[0],
+      setDetailNameShow = _useState4[1];
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      planName = _useState6[0],
+      setPlanName = _useState6[1];
 
   var PlanNameChange = function PlanNameChange(e) {
     if (e.currentTarget.value.length > 20) {
@@ -90,30 +99,31 @@ var AddPlan = function AddPlan(props) {
 
   var exportHandleChange = function exportHandleChange(e) {
     // console.log(e, selectedRowKeys);
+    if (e == '1' && selectedRowKeys.length <= 0) {
+      message.error('当前未选中数据，无法导出');
+      return;
+    }
+
     var _selectedRowKeys = selectedRowKeys.map(function (item) {
       return item.split('&*&')[0];
-    }); //  console.log(e, selectedRowKeys);
-
+    });
 
     if (listTab == '1') {
-      console.log('导出全部：', "".concat(apis.downloadPlanEvent, "?appId=").concat(currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId, "&planId=").concat(props.detailId, "&eventName").concat(e == '0' ? '' : '=' + _selectedRowKeys));
-      window.open("".concat(apis.downloadPlanEvent, "?appId=").concat(currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId, "&planId=").concat(props.detailId, "&eventName").concat(e == '0' ? '' : '=' + _selectedRowKeys));
+      window.open("".concat(apis.downloadPlanEvent, "?appId=").concat(getAppID(currentApp), "&planId=").concat(props.detailId, "&eventName").concat(e == '0' ? '' : '=' + _selectedRowKeys));
     } else {
-      window.open("".concat(apis.downloadPlanProp, "?appId=").concat(currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId, "&planId=").concat(props.detailId, "&propName").concat(e == '0' ? '' : '=' + _selectedRowKeys));
+      window.open("".concat(apis.downloadPlanProp, "?appId=").concat(getAppID(currentApp), "&planId=").concat(props.detailId, "&propName").concat(e == '0' ? '' : '=' + _selectedRowKeys));
     }
-
-    setExportValue('导出');
   };
 
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      visible = _useState6[0],
-      setVisible = _useState6[1];
-
-  var _useState7 = useState('1'),
+  var _useState7 = useState(false),
       _useState8 = _slicedToArray(_useState7, 2),
-      listTab = _useState8[0],
-      setListTab = _useState8[1];
+      visible = _useState8[0],
+      setVisible = _useState8[1];
+
+  var _useState9 = useState('1'),
+      _useState10 = _slicedToArray(_useState9, 2),
+      listTab = _useState10[0],
+      setListTab = _useState10[1];
 
   var tabsChange = function tabsChange(activeKey) {
     setListTab(activeKey);
@@ -121,15 +131,15 @@ var AddPlan = function AddPlan(props) {
     setSelectedRowKeys([]);
   };
 
-  var _useState9 = useState(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      searchTotal = _useState10[0],
-      setSearchTotal = _useState10[1];
-
-  var _useState11 = useState(''),
+  var _useState11 = useState(0),
       _useState12 = _slicedToArray(_useState11, 2),
-      searchData = _useState12[0],
-      setSearchData = _useState12[1]; // 关闭抽屉
+      searchTotal = _useState12[0],
+      setSearchTotal = _useState12[1];
+
+  var _useState13 = useState(''),
+      _useState14 = _slicedToArray(_useState13, 2),
+      searchData = _useState14[0],
+      setSearchData = _useState14[1]; // 关闭抽屉
 
 
   var closeDrawer = function closeDrawer(type) {
@@ -150,16 +160,18 @@ var AddPlan = function AddPlan(props) {
     maxCount: 1,
     showUploadList: false,
     beforeUpload: function beforeUpload(file) {
-      console.log(file);
+      setSpinning(true);
       var fileType = file.name.split('.');
 
-      if (fileType[fileType.length - 1] != 'xlsx' && fileType[fileType.length - 1] != 'xsl') {
-        message.error('上传仅支持xlsx或xsl格式的文件');
+      if (fileType[fileType.length - 1] != 'xlsx' && fileType[fileType.length - 1] != 'xls') {
+        message.error('仅支持excel(xls、xlsx)格式文件，请检查后重新上传');
+        setSpinning(false);
         return;
       }
 
       if (file.size > 5 * 1024 * 1024) {
-        message.error('最大支持上传5M的文件');
+        message.error('文件大小支持5M以内，请检查后重新上传');
+        setSpinning(false);
         return;
       }
 
@@ -167,23 +179,23 @@ var AddPlan = function AddPlan(props) {
       formData.append('file', file, file.name);
       var data = new FormData();
       data.append('upload', file);
-      data.append('appId', currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId);
+      data.append('appId', getAppID(currentApp));
       data.append('planName', '');
       request(apis.uploadPlan, {
         method: 'post',
         data: data
       }).then(function (res) {
-        console.log('111', res);
-
         if (res == null) {
           // 接口处理表格异常处理
           message.error('上传失败');
+          setSpinning(false);
           return;
         }
 
         if (Object.keys(res.data).length <= 0) {
           // 破损表格，异常处理
           message.error('上传失败');
+          setSpinning(false);
           return;
         }
 
@@ -193,33 +205,35 @@ var AddPlan = function AddPlan(props) {
         setListTab('1');
       }).catch(function (err) {
         message.error('上传失败');
+      }).finally(function () {
+        setSpinning(false);
       });
       return false;
     }
   }; // 事件列表-渲染数据
 
-  var _useState13 = useState([]),
-      _useState14 = _slicedToArray(_useState13, 2),
-      eventListData = _useState14[0],
-      setEventListData = _useState14[1]; // 事件列表-原数据
-
-
   var _useState15 = useState([]),
       _useState16 = _slicedToArray(_useState15, 2),
-      eventListDataCopy = _useState16[0],
-      setEventListDataCopy = _useState16[1]; // 用户属性列表-渲染数据
+      eventListData = _useState16[0],
+      setEventListData = _useState16[1]; // 事件列表-原数据
 
 
   var _useState17 = useState([]),
       _useState18 = _slicedToArray(_useState17, 2),
-      userAttrData = _useState18[0],
-      setUserAttrData = _useState18[1]; // 用户属性列表-原数据
+      eventListDataCopy = _useState18[0],
+      setEventListDataCopy = _useState18[1]; // 用户属性列表-渲染数据
 
 
   var _useState19 = useState([]),
       _useState20 = _slicedToArray(_useState19, 2),
-      userAttrDataCopy = _useState20[0],
-      setUserAttrDataCopy = _useState20[1]; // 手动添加事件或属性
+      userAttrData = _useState20[0],
+      setUserAttrData = _useState20[1]; // 用户属性列表-原数据
+
+
+  var _useState21 = useState([]),
+      _useState22 = _slicedToArray(_useState21, 2),
+      userAttrDataCopy = _useState22[0],
+      setUserAttrDataCopy = _useState22[1]; // 手动添加事件或属性
 
 
   var addEventOrUserFun = function addEventOrUserFun(data) {
@@ -380,10 +394,10 @@ var AddPlan = function AddPlan(props) {
   }; // 保存方案按钮是否置灰
 
 
-  var _useState21 = useState(false),
-      _useState22 = _slicedToArray(_useState21, 2),
-      saveDisabled = _useState22[0],
-      setSaveDisabled = _useState22[1];
+  var _useState23 = useState(false),
+      _useState24 = _slicedToArray(_useState23, 2),
+      saveDisabled = _useState24[0],
+      setSaveDisabled = _useState24[1];
 
   useEffect(function () {
     if (JSON.stringify(eventListData).indexOf('eventName') == -1) {
@@ -391,10 +405,28 @@ var AddPlan = function AddPlan(props) {
     } else {
       setSaveDisabled(false);
     }
-  }, [eventListData]); // 保存方案
+  }, [eventListData]);
+
+  var _useState25 = useState(0),
+      _useState26 = _slicedToArray(_useState25, 2),
+      eventCount = _useState26[0],
+      setEventCount = _useState26[1];
+
+  useEffect(function () {
+    var _eventCount = 0;
+    eventListDataCopy.map(function (_item, index) {
+      for (var key in _item) {
+        _item[key].map(function (item) {
+          _eventCount++;
+        });
+      }
+    });
+    setEventCount(_eventCount);
+  }, [eventListDataCopy]); // 保存方案
 
   var savePlanData = function savePlanData() {
     if (planName == '') {
+      message.error('请输入方案名称');
       setplanNameInputStatus('warning');
       return;
     }
@@ -414,7 +446,7 @@ var AddPlan = function AddPlan(props) {
 
     var eventPlanList = [];
     var userPropPlanList = [];
-    eventListData.map(function (_item) {
+    eventListDataCopy.map(function (_item) {
       var _loop2 = function _loop2(key) {
         _item[key].map(function (item) {
           item.attributeName.map(function (_item) {
@@ -431,16 +463,27 @@ var AddPlan = function AddPlan(props) {
         _loop2(key);
       }
     });
-    userAttrData.map(function (item) {
-      userPropPlanList.push(item);
+    var _tempUserAttrFilter = [];
+    userAttrDataCopy.map(function (item) {
+      if (_tempUserAttrFilter.indexOf(item.propName) == -1) {
+        _tempUserAttrFilter.push(item.propName);
+
+        userPropPlanList.push(item);
+      }
     });
     var ManagementPlan = {
-      appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+      appId: getAppID(currentApp),
       planId: props.detailId != -1 ? props.detailId : 0,
       planName: planName,
       eventPlanList: eventPlanList,
       userPropPlanList: userPropPlanList
     };
+
+    if (eventCount > 500) {
+      message.error('每个方案最多保存500条数据，请修改后重新保存');
+      return;
+    }
+
     request(apis.savePlan, {
       method: 'post',
       data: _objectSpread({}, ManagementPlan)
@@ -455,10 +498,10 @@ var AddPlan = function AddPlan(props) {
   }; // 存储选中的keys
 
 
-  var _useState23 = useState([]),
-      _useState24 = _slicedToArray(_useState23, 2),
-      selectedRowKeys = _useState24[0],
-      setSelectedRowKeys = _useState24[1];
+  var _useState27 = useState([]),
+      _useState28 = _slicedToArray(_useState27, 2),
+      selectedRowKeys = _useState28[0],
+      setSelectedRowKeys = _useState28[1];
 
   var tableCheck = function tableCheck(e, record) {
     // console.log(e.target.checked, record.key);
@@ -471,8 +514,13 @@ var AddPlan = function AddPlan(props) {
   }; // 选中当前页面全部数据
 
 
-  var allCheck = function allCheck(e) {
-    if (e.target.checked) {
+  var _useState29 = useState(false),
+      _useState30 = _slicedToArray(_useState29, 2),
+      tableAllchecked = _useState30[0],
+      setTableAllchecked = _useState30[1];
+
+  useEffect(function () {
+    if (tableAllchecked) {
       var _tempData = [];
 
       if (listTab == '1') {
@@ -497,48 +545,80 @@ var AddPlan = function AddPlan(props) {
     } else {
       setSelectedRowKeys([]);
     }
-  }; // useEffect(() => {
-  //   console.log('最近selectedRowKeys', selectedRowKeys);
-  // }, [selectedRowKeys]);
-  // 批量删除
+  }, [tableAllchecked]);
 
+  var allCheck = function allCheck(e) {
+    setTableAllchecked(e.target.checked);
+  };
 
-  var batchDetele = function batchDetele() {
-    if (listTab == '1') {
-      var data = _.cloneDeep(eventListData);
+  var _useState31 = useState(''),
+      _useState32 = _slicedToArray(_useState31, 2),
+      allCheckedClassName = _useState32[0],
+      setAllCheckedClassName = _useState32[1];
 
-      var _tempData = [];
-      data.map(function (_item, index) {
-        var _jsop = {};
+  useEffect(function () {
+    if (selectedRowKeys.length == eventCount && eventCount != 0) {
+      setAllCheckedClassName('ant-checkbox-checked');
+      setTableAllchecked(true);
+    } else if (selectedRowKeys.length <= 0) {
+      setAllCheckedClassName('');
+      setTableAllchecked(false);
+    } else {
+      setAllCheckedClassName('ant-checkbox-indeterminate');
+    } // console.log('最近selectedRowKeys', selectedRowKeys, eventCount);
 
-        var _loop3 = function _loop3(key) {
-          var _data = [];
+  }, [selectedRowKeys]); // 批量删除
 
-          _item[key].map(function (item) {
-            selectedRowKeys.indexOf(item.key) == -1 ? _data.push(item) : null;
-          });
+  var deteleDataHandle = function deteleDataHandle(data) {
+    var _tempData = [];
+    data.map(function (_item, index) {
+      var _jsop = {};
 
-          if (_data.length > 0) {
-            _jsop[key] = _data;
-          }
-        };
+      var _loop3 = function _loop3(key) {
+        var _data = [];
 
-        for (var key in _item) {
-          _loop3(key);
+        _item[key].map(function (item) {
+          selectedRowKeys.indexOf(item.key) == -1 ? _data.push(item) : null;
+        });
+
+        if (_data.length > 0) {
+          _jsop[key] = _data;
         }
+      };
+
+      for (var key in _item) {
+        _loop3(key);
+      }
+
+      _tempData.push(_jsop);
+    });
+    return _tempData;
+  };
+
+  var batchDetele = function batchDetele() {
+    if (listTab == '1') {
+      var _tempData = deteleDataHandle(_.cloneDeep(eventListData));
+
+      var _tempDataCopy = deteleDataHandle(_.cloneDeep(eventListDataCopy));
 
-        _tempData.push(_jsop);
-      });
       setEventListData(_tempData);
-      setEventListDataCopy(_tempData); // 备份
+      setEventListDataCopy(_tempDataCopy); // 备份
     } else {
-      var _data4 = _.cloneDeep(userAttrData);
+      var data = _.cloneDeep(userAttrData);
+
+      _.remove(data, function (x) {
+        return selectedRowKeys.indexOf(x.key) != -1;
+      });
+
+      setUserAttrData(data);
+
+      var dataCopy = _.cloneDeep(userAttrDataCopy);
 
-      _.remove(_data4, function (x) {
+      _.remove(dataCopy, function (x) {
         return selectedRowKeys.indexOf(x.key) != -1;
       });
 
-      setUserAttrData(_data4);
+      setUserAttrDataCopy(dataCopy); // 备份
     }
 
     setEditOperate(true);
@@ -547,16 +627,16 @@ var AddPlan = function AddPlan(props) {
   }; // 是否有编辑操作
 
 
-  var _useState25 = useState(false),
-      _useState26 = _slicedToArray(_useState25, 2),
-      editOperate = _useState26[0],
-      setEditOperate = _useState26[1]; // 保存时，方案名称若为空，Input显示校验提示
+  var _useState33 = useState(false),
+      _useState34 = _slicedToArray(_useState33, 2),
+      editOperate = _useState34[0],
+      setEditOperate = _useState34[1]; // 保存时，方案名称若为空，Input显示校验提示
 
 
-  var _useState27 = useState(''),
-      _useState28 = _slicedToArray(_useState27, 2),
-      planNameInputStatus = _useState28[0],
-      setplanNameInputStatus = _useState28[1]; // 检索条数
+  var _useState35 = useState(''),
+      _useState36 = _slicedToArray(_useState35, 2),
+      planNameInputStatus = _useState36[0],
+      setplanNameInputStatus = _useState36[1]; // 检索条数
 
 
   useEffect(function () {
@@ -573,14 +653,36 @@ var AddPlan = function AddPlan(props) {
     } else {
       setSearchTotal(userAttrData.length);
     }
-  }, [listTab, eventListData, userAttrData]);
-
-  var _useState29 = useState('导出'),
-      _useState30 = _slicedToArray(_useState29, 2),
-      exportValue = _useState30[0],
-      setExportValue = _useState30[1];
-
+  }, [listTab, eventListData, userAttrData]); // 表格列
+
+  var columns = [{
+    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
+      className: allCheckedClassName,
+      checked: tableAllchecked,
+      style: {
+        marginRight: '10px'
+      },
+      onChange: function onChange(e) {
+        allCheck(e);
+      }
+    }), "\u4E8B\u4EF6\u540D\u79F0"),
+    dataIndex: 'eventName',
+    width: '25%'
+  }, {
+    title: '采集状态',
+    dataIndex: 'eventActive',
+    width: '25%'
+  }, {
+    title: '事件属性',
+    dataIndex: 'attributeName',
+    width: '25%'
+  }, {
+    title: '采集状态',
+    dataIndex: 'attributeActive',
+    width: '25%'
+  }];
   return /*#__PURE__*/React.createElement(Drawer, {
+    className: "".concat(classPrefix, "-drawer"),
     width: '70%',
     placement: "right",
     destroyOnClose: true,
@@ -601,14 +703,13 @@ var AddPlan = function AddPlan(props) {
     type: "bianji1"
   })), detailNameShow == 'input' && /*#__PURE__*/React.createElement(Input, {
     size: "small",
+    disabled: isDemo,
     className: "plan-name",
     placeholder: "\u8BF7\u8F93\u5165\u65B9\u6848\u540D\u79F0",
     value: planName,
     status: planNameInputStatus,
     onChange: PlanNameChange
-  }), planNameInputStatus != '' && /*#__PURE__*/React.createElement("div", {
-    className: "input-waring"
-  }, "\u8BF7\u8F93\u5165\u65B9\u6848\u540D\u79F0"), (props.detailId == -1 || editOperate) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  }), (props.detailId == -1 || editOperate) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     className: "cancel",
     onClick: function onClick() {
       return closeDrawer('close');
@@ -631,6 +732,7 @@ var AddPlan = function AddPlan(props) {
   })), /*#__PURE__*/React.createElement("div", {
     className: "handle-box"
   }, selectedRowKeys.length > 0 && /*#__PURE__*/React.createElement(Button, {
+    disabled: isDemo,
     onClick: batchDetele
   }, "\u6279\u91CF\u5220\u9664"), props.detailId != -1 && /*#__PURE__*/React.createElement(Select, {
     className: "export-data",
@@ -638,7 +740,7 @@ var AddPlan = function AddPlan(props) {
       width: 84
     },
     placeholder: "\u5BFC\u51FA",
-    value: exportValue,
+    value: "\u5BFC\u51FA",
     onChange: exportHandleChange
   }, /*#__PURE__*/React.createElement(Option, {
     value: "0"
@@ -650,24 +752,23 @@ var AddPlan = function AddPlan(props) {
     }
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "xiazai1"
-  }), "\u4E0B\u8F7D\u6A21\u677F"), /*#__PURE__*/React.createElement(Upload, _objectSpread({}, uploadProps), /*#__PURE__*/React.createElement(Button, null, /*#__PURE__*/React.createElement(IconFont, {
+  }), "\u4E0B\u8F7D\u6A21\u677F"), /*#__PURE__*/React.createElement(Upload, _objectSpread({}, uploadProps), /*#__PURE__*/React.createElement(Button, {
+    disabled: isDemo
+  }, /*#__PURE__*/React.createElement(IconFont, {
     type: "daochu"
   }), "\u6587\u4EF6\u4E0A\u4F20")))), /*#__PURE__*/React.createElement(Search, {
     type: listTab == '1' ? 'event' : 'user',
     total: searchTotal,
     searchData: searchData,
     setSearchData: setSearchData,
-    setVisible: setVisible
-  }), listTab == '1' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
-    className: "".concat(classPrefix, "-table-header")
-  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Checkbox, {
-    style: {
-      marginRight: '10px'
-    },
-    onChange: function onChange(e) {
-      allCheck(e);
-    }
-  }), "\u4E8B\u4EF6\u540D\u79F0"), /*#__PURE__*/React.createElement("li", null, "\u91C7\u96C6\u72B6\u6001"), /*#__PURE__*/React.createElement("li", null, "\u4E8B\u4EF6\u5C5E\u6027"), /*#__PURE__*/React.createElement("li", null, "\u91C7\u96C6\u72B6\u6001")), eventListData.map(function (item, index) {
+    setVisible: setVisible,
+    isDemo: isDemo
+  }), listTab == '1' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Table, {
+    className: "".concat(classPrefix, "-table-header ").concat(JSON.stringify(eventListData).indexOf('eventName') == -1 ? 'empty' : ''),
+    columns: columns,
+    dataSource: [],
+    pagination: false
+  }), eventListData.map(function (item, index) {
     return /*#__PURE__*/React.createElement(EventList, {
       key: index,
       selectedRowKeys: selectedRowKeys,
@@ -677,8 +778,6 @@ var AddPlan = function AddPlan(props) {
       tableClick: tableClick,
       eventListDataIndex: index
     });
-  }), JSON.stringify(eventListData).indexOf('eventName') == -1 && /*#__PURE__*/React.createElement(Empty, {
-    image: Empty.PRESENTED_IMAGE_SIMPLE
   })), listTab == '2' && /*#__PURE__*/React.createElement(UserAttributeList, {
     tableCheck: tableCheck,
     allCheck: allCheck,
@@ -692,6 +791,10 @@ var AddPlan = function AddPlan(props) {
     type: listTab == '1' ? 'event' : 'user',
     visible: visible,
     setVisible: setVisible
+  }), /*#__PURE__*/React.createElement(Spin, {
+    size: "large",
+    spinning: spinning,
+    className: "spin"
   })));
 };