@zgfe/modules-dm 1.0.11 → 1.0.13

package/es/modules/dataCollection/collectionEventList.js

@@ -1,23 +1,13 @@
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
 import { Input, Button, Select, Modal, message, Drawer, Pagination } from 'antd';
 import request from '../../utils/ajax';
@@ -29,53 +19,43 @@ import _ from 'lodash';
 import { getAppID } from '../../utils';
 import CollectionAttributeList from './collectionAttributeList';
 import { DmContext } from '../../store';
-
 var CollectionEventList = function CollectionEventList(props) {
   var classPrefix = 'event-list';
-
   var _useContext = useContext(BizGlobalDataContext),
-      currentApp = _useContext.currentApp,
-      isDemo = _useContext.isDemo;
-
+    currentApp = _useContext.currentApp,
+    isDemo = _useContext.isDemo;
   var _useContext2 = useContext(DmContext),
-      state = _useContext2.state; // const { updateEventMetas } = props;
-
-
+    state = _useContext2.state;
+  // const { updateEventMetas } = props;
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      total = _useState2[0],
-      setTotal = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    total = _useState2[0],
+    setTotal = _useState2[1];
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      totalBasics = _useState4[0],
-      setTotalBasics = _useState4[1]; // 加载中
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    totalBasics = _useState4[0],
+    setTotalBasics = _useState4[1];
+  // 加载中
   var _useState5 = useState(true),
-      _useState6 = _slicedToArray(_useState5, 2),
-      loading = _useState6[0],
-      setLoading = _useState6[1]; // 渲染数据
-
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  // 渲染数据
   var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      tableHandleData = _useState8[0],
-      setTableHandleData = _useState8[1]; // 原数据
-
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    tableHandleData = _useState8[0],
+    setTableHandleData = _useState8[1];
+  // 原数据
   var _useState9 = useState([]),
-      _useState10 = _slicedToArray(_useState9, 2),
-      tableHandleDataBasics = _useState10[0],
-      setTableHandleDataBasics = _useState10[1]; // 分组select数据
-
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    tableHandleDataBasics = _useState10[0],
+    setTableHandleDataBasics = _useState10[1];
+  // 分组select数据
   var _useState11 = useState([]),
-      _useState12 = _slicedToArray(_useState11, 2),
-      groupOptions = _useState12[0],
-      setgroupOptions = _useState12[1]; // 分组元素有任意一个收藏，筛选收藏时保留分组标题
-
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    groupOptions = _useState12[0],
+    setgroupOptions = _useState12[1];
+  // 分组元素有任意一个收藏，筛选收藏时保留分组标题
   var markTypeHandle = function markTypeHandle(item) {
     var _markTypeFlag = 0;
     item.eventList.map(function (_item) {
@@ -83,7 +63,6 @@ var CollectionEventList = function CollectionEventList(props) {
     });
     return _markTypeFlag;
   };
-
   var dataFinish = function dataFinish(data, refreshFlag) {
     var _tempArr = [];
     var _tempGroupOptions = [{
@@ -107,19 +86,15 @@ var CollectionEventList = function CollectionEventList(props) {
         is_delete: 0,
         mark_type: markTypeHandle(item)
       });
-
       _tempGroupOptions.push({
         value: item.groupId,
         label: item.groupName == null ? '未分组' : item.groupName
       });
-
       item.eventList.map(function (_item, _index) {
         _item._groupId = item.groupId;
         _item.key = index + '-' + _index;
-
         if (_item.is_delete == 0) {
           _tempArr.push(_item);
-
           _tempTotal++;
         }
       });
@@ -127,21 +102,17 @@ var CollectionEventList = function CollectionEventList(props) {
     setTotal(_tempTotal);
     setTotalBasics(_tempTotal);
     setgroupOptions(_tempGroupOptions);
-
     if (!refreshFlag) {
       setPageNumber(1);
       setTableHandleData(_tempArr);
     }
-
     setTableHandleDataBasics(_tempArr);
     setLoading(false);
-  }; // 刷新数据
-
-
+  };
+  // 刷新数据
   var refreshHandle = function refreshHandle() {
     queryList(true);
   };
-
   var queryList = function queryList(refreshFlag) {
     request(apis.queryCollectionEventList, {
       method: 'post',
@@ -154,35 +125,30 @@ var CollectionEventList = function CollectionEventList(props) {
       if (!res) throw new Error();
       dataFinish(res.data, refreshFlag);
     }).catch(function (err) {}).finally(function () {});
-  }; // 初始化列表
-
-
+  };
+  // 初始化列表
   useEffect(function () {
     queryList();
-  }, []); // 控制修改分组名弹框 显示隐藏
-
+  }, []);
+  // 控制修改分组名弹框 显示隐藏
   var _useState13 = useState(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      eventNameShow = _useState14[0],
-      setEventNameShow = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    eventNameShow = _useState14[0],
+    setEventNameShow = _useState14[1];
   var _useState15 = useState(''),
-      _useState16 = _slicedToArray(_useState15, 2),
-      eventNameInput = _useState16[0],
-      setEventNameInput = _useState16[1]; // 创建事件分组
-
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    eventNameInput = _useState16[0],
+    setEventNameInput = _useState16[1];
+  // 创建事件分组
   var createEventGroup = function createEventGroup() {
     if (eventNameInput == '') {
       message.error('请输入分组名称');
       return;
     }
-
     if (eventNameInput.length > 20) {
       message.error('名称不可超过20字符');
       return;
     }
-
     request(apis.upsertEventGroup, {
       method: 'post',
       data: {
@@ -200,70 +166,56 @@ var CollectionEventList = function CollectionEventList(props) {
       setEventNameInput('');
       setEventNameShow(false);
     });
-  }; // 筛选：显示状态 | 采集状态
-
-
+  };
+  // 筛选：显示状态 | 采集状态
   var eventActiveFilter = function eventActiveFilter(e, type) {
     filterHandlePublic(e == -1, type, e);
-  }; // 筛选分组
-
-
+  };
+  // 筛选分组
   var handleSelectChange = function handleSelectChange(e) {
     filterHandlePublic(e == -999, 'groupId', e);
-  }; // 筛选事件
-
-
+  };
+  // 筛选事件
   var eventNameChange = function eventNameChange(e) {
     var _value = e.currentTarget.value;
     filterHandlePublic(_value == '', 'event_name', _value);
-  }; // 筛选收藏
-
-
+  };
+  // 筛选收藏
   var markTypeFilter = function markTypeFilter(markActive) {
     filterHandlePublic(!markActive, 'mark_type');
   };
-
   var _useState17 = useState([]),
-      _useState18 = _slicedToArray(_useState17, 2),
-      filterTypeData = _useState18[0],
-      setfilterTypeData = _useState18[1];
-
+    _useState18 = _slicedToArray(_useState17, 2),
+    filterTypeData = _useState18[0],
+    setfilterTypeData = _useState18[1];
   var _useState19 = useState([]),
-      _useState20 = _slicedToArray(_useState19, 2),
-      groupData = _useState20[0],
-      setGroupData = _useState20[1]; // 分组数据操作条
-
-
+    _useState20 = _slicedToArray(_useState19, 2),
+    groupData = _useState20[0],
+    setGroupData = _useState20[1]; // 分组数据操作条
   useEffect(function () {
     // 判断不同type的筛选条件
     var _judgeFun = function _judgeFun(item, filterItem) {
       switch (filterItem.type) {
         case 'mark_type':
           return item.mark_type == 1;
-
         case 'event_name':
-          return item.event_name.indexOf(filterItem.value) != -1;
-
+          return new RegExp(_.escapeRegExp(filterItem.value)).test(item.alias_name || item.event_name);
         case 'groupId':
           return item._groupId == filterItem.value || item.groupId == filterItem.value;
-
         case 'event_hidden':
           return item.event_hidden == filterItem.value || item.groupId != undefined;
-
         case 'is_stop':
           return item.is_stop == filterItem.value || item.groupId != undefined;
       }
     };
-
     var _groupData = [];
-    var clearEmptyGroupFlag = false; // 多条件同时筛选
-
+    var clearEmptyGroupFlag = false;
+    // 多条件同时筛选
     var _tableHandleData = [];
     tableHandleDataBasics.map(function (item) {
       if (item.groupId != undefined) {
         _groupData.push(item);
       }
-
       var falg = true;
       filterTypeData.map(function (filterItem) {
         if (!_judgeFun(item, filterItem)) {
@@ -275,42 +227,36 @@ var CollectionEventList = function CollectionEventList(props) {
     });
     setGroupData(_groupData);
     var total = 0;
-
     _tableHandleData.map(function (item) {
       if (item._groupId != undefined) {
         total++;
       }
     });
-
-    setTotal(total); // 过滤空组 , event_hidden 和 is_stop，触发
-
+    setTotal(total);
+    // 过滤空组 , event_hidden 和 is_stop，触发
     var clearEmptyGroup = function clearEmptyGroup(data) {
       var _data = _.cloneDeep(data);
-
       _.remove(_data, function (item) {
         var flag = false;
         data.map(function (item2) {
           if (item.groupId && item.groupId == item2._groupId) {
             flag = true;
           }
-        }); // console.log(item, flag);
-
+        });
+        // console.log(item, flag);
         return item.groupId != undefined && !flag;
       });
-
       return _data;
-    }; // console.log('_tableHandleData_tableHandleData', _tableHandleData);
-
-
+    };
+    // console.log('_tableHandleData_tableHandleData', _tableHandleData);
     setPageNumber(1);
-
     if (!clearEmptyGroupFlag) {
       setTableHandleData(_tableHandleData);
     } else {
       setTableHandleData(clearEmptyGroup(_tableHandleData));
     }
-  }, [filterTypeData, tableHandleDataBasics]); // 是否已包含筛选type
-
+  }, [filterTypeData, tableHandleDataBasics]);
+  // 是否已包含筛选type
   var filterHas = function filterHas(type) {
     var flag = false;
     filterTypeData.map(function (item) {
@@ -319,18 +265,15 @@ var CollectionEventList = function CollectionEventList(props) {
       }
     });
     return flag;
-  }; // 处理各种筛选数据
-
-
+  };
+  // 处理各种筛选数据
   var filterHandlePublic = function filterHandlePublic(filterFlag, type, value) {
     if (filterFlag) {
       // 取消筛选
       var data = _.cloneDeep(filterTypeData);
-
       _.remove(data, function (x) {
         return x.type == type;
       });
-
       setfilterTypeData(data);
     } else {
       if (!filterHas(type)) {
@@ -343,47 +286,40 @@ var CollectionEventList = function CollectionEventList(props) {
           if (item.type == type) {
             item.value = value;
           }
-
           return item;
         }));
       }
     }
   };
-
   var _useState21 = useState(false),
-      _useState22 = _slicedToArray(_useState21, 2),
-      eventAttrListShow = _useState22[0],
-      setEventAttrListShow = _useState22[1];
-
+    _useState22 = _slicedToArray(_useState21, 2),
+    eventAttrListShow = _useState22[0],
+    setEventAttrListShow = _useState22[1];
   var _useState23 = useState(),
-      _useState24 = _slicedToArray(_useState23, 2),
-      eventAttrsData = _useState24[0],
-      setEventAttrsData = _useState24[1];
-
+    _useState24 = _slicedToArray(_useState23, 2),
+    eventAttrsData = _useState24[0],
+    setEventAttrsData = _useState24[1];
   var eventAttrDataHandle = function eventAttrDataHandle(data) {
     setEventAttrsData(data);
     setEventAttrListShow(true);
   };
-
   var _useState25 = useState(1),
-      _useState26 = _slicedToArray(_useState25, 2),
-      pageNumber = _useState26[0],
-      setPageNumber = _useState26[1];
-
+    _useState26 = _slicedToArray(_useState25, 2),
+    pageNumber = _useState26[0],
+    setPageNumber = _useState26[1];
   var _useState27 = useState(0),
-      _useState28 = _slicedToArray(_useState27, 2),
-      pageNumberIng = _useState28[0],
-      setpageNumberIng = _useState28[1];
-
+    _useState28 = _slicedToArray(_useState27, 2),
+    pageNumberIng = _useState28[0],
+    setpageNumberIng = _useState28[1];
   var _useState29 = useState(10),
-      _useState30 = _slicedToArray(_useState29, 2),
-      pageSize = _useState30[0],
-      setPageSize = _useState30[1];
-
+    _useState30 = _slicedToArray(_useState29, 2),
+    pageSize = _useState30[0],
+    setPageSize = _useState30[1];
   var _useState31 = useState([]),
-      _useState32 = _slicedToArray(_useState31, 2),
-      tableRenderData = _useState32[0],
-      setTableRenderData = _useState32[1]; // useEffect(() => {
+    _useState32 = _slicedToArray(_useState31, 2),
+    tableRenderData = _useState32[0],
+    setTableRenderData = _useState32[1];
+  // useEffect(() => {
   //   console.log('tableHandleData', tableHandleData);
   //   if (tableHandleData.length <= 0) { //待完善，收藏为空会有显示问题
   //     return;
@@ -414,8 +350,6 @@ var CollectionEventList = function CollectionEventList(props) {
   //   setTableRenderData([...tableRenderData, ...paginationData[pageNumber - 1]]);
   //   setpageNumberIng(pageNumber);
   // }, [pageNumber, pageNumberIng, tableHandleData]);
-
-
   useEffect(function () {
     setPageNumber(1);
   }, [tableHandleData]);
@@ -427,24 +361,20 @@ var CollectionEventList = function CollectionEventList(props) {
       if (item._groupId != undefined) {
         count++;
       }
-
       arr.push(item);
-
       if (count == pageSize) {
         paginationData.push(arr);
         count = 0;
         arr = [];
       }
     });
-
     if (arr.length > 0) {
       paginationData.push(arr);
       count = 0;
       arr = [];
     }
-
-    var _renderData = paginationData[pageNumber - 1]; // console.log('_renderData', pageNumber, pageSize, tableHandleData, _renderData);
-
+    var _renderData = paginationData[pageNumber - 1];
+    // console.log('_renderData', pageNumber, pageSize, tableHandleData, _renderData);
     if (_renderData && _renderData.length > 0 && _renderData[0].groupId == undefined) {
       groupData.map(function (item) {
         if (item.groupId == _renderData[0]._groupId) {
@@ -452,19 +382,17 @@ var CollectionEventList = function CollectionEventList(props) {
         }
       });
     }
-
     setTableRenderData(_renderData);
-  }, [pageNumber, pageSize, tableHandleData]); // 分页处理
-
+  }, [pageNumber, pageSize, tableHandleData]);
+  // 分页处理
   var onPaginationChange = function onPaginationChange(pageNumber, pageSize) {
     setPageNumber(pageNumber);
     setPageSize(pageSize);
-  }; // const pageSizeChange = (pageNumber: number) => {
+  };
+  // const pageSizeChange = (pageNumber: number) => {
   //   console.log('---pageSize---', pageNumber);
   //   setPageNumber(pageNumber);
   // };
-
-
   return /*#__PURE__*/React.createElement("div", {
     className: classPrefix
   }, /*#__PURE__*/React.createElement("div", {
@@ -553,5 +481,4 @@ var CollectionEventList = function CollectionEventList(props) {
     }
   })));
 };
-
 export default CollectionEventList;

package/es/modules/dataCollection/index.js

@@ -1,15 +1,9 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { BizGlobalDataContext } from '@zgfe/business-lib';
 import { Tabs } from 'antd';
 import React, { useState, useContext, useEffect } from 'react';
@@ -18,30 +12,25 @@ import apis from '../../constants/api';
 import { getAppID } from '../../utils';
 import EventList from './collectionEventList';
 import CollectionAttributeList from './collectionAttributeList';
-
 var DataCollection = function DataCollection(props) {
   var _useContext = useContext(BizGlobalDataContext),
-      currentApp = _useContext.currentApp,
-      isDemo = _useContext.isDemo;
-
-  var classPrefix = 'data-collection'; // const { updateEventMetas } = props;
+    currentApp = _useContext.currentApp,
+    isDemo = _useContext.isDemo;
+  var classPrefix = 'data-collection';
+  // const { updateEventMetas } = props;
   // console.log('①埋点方案', currentApp?.appId, getAppID(currentApp));
-
   var _useState = useState(1),
-      _useState2 = _slicedToArray(_useState, 2),
-      listTab = _useState2[0],
-      setListTab = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    listTab = _useState2[0],
+    setListTab = _useState2[1];
   var tabsChange = function tabsChange(activeKey) {
     setListTab(Number(activeKey));
-  }; // 判断埋点方案开关是否打开
-
-
+  };
+  // 判断埋点方案开关是否打开
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isOpen = _useState4[0],
-      setIsOpen = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
   var queryControlSwitch = function queryControlSwitch() {
     request(apis.queryControlSwitch, {
       method: 'get',
@@ -51,14 +40,12 @@ var DataCollection = function DataCollection(props) {
     }).then(function (res) {
       setIsOpen(res.data.isOpen);
     });
-  }; // 不在方案中的数据
-
-
+  };
+  // 不在方案中的数据
   var _useState5 = useState({}),
-      _useState6 = _slicedToArray(_useState5, 2),
-      queryPlanData = _useState6[0],
-      setqueryPlanData = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    queryPlanData = _useState6[0],
+    setqueryPlanData = _useState6[1];
   var queryPlan = function queryPlan() {
     request(apis.queryPlan, {
       method: 'post',
@@ -68,9 +55,8 @@ var DataCollection = function DataCollection(props) {
     }).then(function (res) {
       setqueryPlanData(res.data);
     });
-  }; // 初始化数据
-
-
+  };
+  // 初始化数据
   useEffect(function () {
     queryControlSwitch();
     queryPlan();
@@ -95,5 +81,4 @@ var DataCollection = function DataCollection(props) {
     source: "user"
   }));
 };
-
 export default DataCollection;