检索定位

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

@@ -23,7 +23,6 @@ const ModelTable = (props) => {
 
     setSelectedRowKeys([]);
     onSelect && onSelect([]);
-
     //eslint-disable-next-line react-hooks/exhaustive-deps
   }, [ catalogId ]);
 

src/view/Manage/Model/index.jsx

 import React from 'react';
-import { Row, Col, Button, Input, Space } from 'antd';
+import { Row, Col, Button, Input, Space, Spin } from 'antd';
 import copy from "copy-to-clipboard";  
 
 import ModelTree from './Component/ModelTree';
@@ -219,6 +219,11 @@ class Model extends React.Component {
   render() {
     const { importModalVisible, catalogId, importModalAction, loadingTableData, modelerId, selectModelerIds, keyword, filterTableData, selectModelerNames, importModalAddMode, exportErwinLoading, exportDDLModalVisible, templateCURDModalVisible, wordTemplateModalVisible, constraintDetailModalVisible } = this.state;
 
+
+    const content = (
+      <ModelTable loading={loadingTableData} catalogId={catalogId} data={filterTableData} onChange={this.onTableChange} onSelect={this.onTableSelect} onItemAction={this.onTableItemAction} {...this.props} />
+    );
+
     return (
       <div style={{ backgroundColor: '#ECEEF3' }}>
         <Row>
@@ -273,7 +278,11 @@ class Model extends React.Component {
                 </Space>
               </div>
               <div className='p-3'>
-                <ModelTable loading={loadingTableData} catalogId={catalogId} data={filterTableData} onChange={this.onTableChange} onSelect={this.onTableSelect} onItemAction={this.onTableItemAction} {...this.props} />
+              {
+                loadingTableData ? <Spin loading={loadingTableData}>
+                { content }
+                </Spin> : content
+              }
               </div>
             </div>
           </Col>