解决卡顿问题

src/view/Manage/Model/Component/EditModel.jsx

@@ -148,7 +148,7 @@ const EditModel = (props) => {
             showMessage("success", '保存模型成功');
 
             const _action = getQueryParam(Action, props.location.search);
-
+            
             setActionData({ ...actionData, ...{ action: (_action==='flow')?'flow':'detail', modelerId: data.id||'', stateId: data?.state?.id||'', permitCheckOut: data?.permitCheckOut||false, editable: data?.editable||false } });
             LocalStorage.set('modelChange', !(LocalStorage.get('modelChange')||false));
           }

src/view/Manage/Model/Component/ImportAction.jsx

-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { Spin } from 'antd';
 import LocalStorage from 'local-storage';
 
@@ -24,15 +24,31 @@ const ImportAction = (props) => {
   const [ validateReports, setValidateReports ] = useState([]);
   const [ loading, setLoading ] = useState(false);
 
+  const mountRef = useRef(true);
+
   useEffect(() =>{
  
     if ((action||'')==='') return;
 
+    if (!mountRef.current && action === 'edit' && !permitCheckOut) {
+      return;
+    }
+
+    mountRef.current = false;
+      
     //初始化form状态
     if (action==='add'||action==='edit'||action==='flow') {
       form.resetFields();
     }
 
+    if (action === 'detail'|| action ==='flow' || action === 'detail-version') {
+       //把数据表结构中的数据清空,解决性能问题
+        const newModelerData = { ...modelerData, easyDataModelerDataModelAttributes: [] };
+
+        onChange && onChange(newModelerData);
+        setModelerData(newModelerData);
+    }
+
     setLoading(true);
 
     dispatch({
@@ -124,7 +140,6 @@ const ImportAction = (props) => {
   }
 
   const getCurrentDataModel = () => {
-
     let type = 'datamodel.getDataModel';
 
     let params = {
@@ -147,10 +162,11 @@ const ImportAction = (props) => {
       type = 'datamodel.getCheckOutDataModel';
     } else if (action==='edit') {
       const _action = getQueryParam(Action, props.location.search);
+
       if (_action === 'flow') {
         params.ignoreNamespace = true;
       }
-    }
+    } 
 
     dispatch({
       type,

src/view/Manage/Model/Component/ImportActionTable.jsx

@@ -292,6 +292,7 @@ const ImportActionTable = (props) => {
     moveRowRef.current.pageSize = pageSize;
 
     if (filterData.length > supportMaxAttributeCountPerPage) {
+
       let _filterPageData = paginate(filterData, pageNum, pageSize);
 
       if ((_filterPageData||[]).length===0 && pageNum > 1) {
@@ -315,7 +316,7 @@ const ImportActionTable = (props) => {
     
     if (newFilterData.length > supportMaxAttributeCountPerPage) {
       
-      const totalNum = (newFilterData.length/supportMaxAttributeCountPerPage) + ((newFilterData.length%supportMaxAttributeCountPerPage===0)?0:1);
+      const totalNum = parseInt(newFilterData.length/supportMaxAttributeCountPerPage) + ((newFilterData.length%supportMaxAttributeCountPerPage===0)?0:1);
       
       setFilterPageCondition({...filterPageCondition, ...{ filterData: newFilterData, pageNum: totalNum }});
     } else {

src/view/Manage/Model/index.jsx

@@ -514,7 +514,7 @@ class Model extends React.Component {
               }     
               <Space>
                 <Input 
-                  placeholder="请输入关键字" 
+                  placeholder="通过模型名称全文搜索" 
                   allowClear 
                   value={keyword}
                   onChange={(e) => { this.onSearchInputChange(e); }}