提示框

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

 import React, { useEffect, useState } from 'react';
-import { Table, Input, Drawer } from 'antd';
+import { Input, Drawer } from 'antd';
+import ProTable from "@ant-design/pro-table";
 
 import { dispatch } from '../../../../model';
 
@@ -93,12 +94,18 @@ const ConstraintDetailDrawer = (props) => {
           style={{ width: 230 }}
         />
       </div>
-      <Table
+      <ProTable
         loading={loading}
         columns={columns} 
         rowKey={'ruleName'}
         dataSource={(rules||[]).filter(item => (item.ruleName||'').indexOf(keyword)!==-1)}
         pagination={false} 
+        search={false}
+        options={{
+          density: false,
+          setting: false,
+          reload: false,
+        }}
         sticky
       />
     </Drawer>

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

@@ -524,6 +524,7 @@ const ImportActionIndex = (props) => {
     title: '规范',
     dataIndex: 'validate',
     width: 180,
+    ellipsis: true,
     render: (text, record, index) => {
       let shortCauses = []; 
       let causes = [];
@@ -542,9 +543,11 @@ const ImportActionIndex = (props) => {
           {
             shortCauses && shortCauses.map((shortCause, index) => {
               return (
+                <Tooltip title={shortCause}>
                   <div className='textOverflow' style={{ width: 130, color: '#f5222d' }} title={shortCause} key={index}>
                     <span>{shortCause||''}</span>
                   </div>
+                </Tooltip>
               );
             })
           }

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

 import React, { useState, useCallback, useRef, useEffect } from 'react';
-import { Input, Form, Typography, Radio, Divider, Button, Popconfirm, Select, Row, Col, Popover, Checkbox } from 'antd';
+import { Input, Form, Typography, Radio, Divider, Button, Popconfirm, Select, Row, Col, Popover, Checkbox, Tooltip } from 'antd';
 import { QuestionCircleOutlined, CloseOutlined, CheckOutlined } from '@ant-design/icons';
 import { DndProvider, useDrag, useDrop } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
@@ -625,9 +625,11 @@ const ImportActionTable = (props) => {
           {
             shortCauses && shortCauses.map((shortCause, index) => {
               return (
-                <div className='textOverflow' style={{ width: 130, color: '#f5222d' }} title={shortCause} key={index}>
+                <Tooltip title={shortCause}>
+                  <div className='textOverflow' style={{ width: 130, color: '#f5222d' }} key={index}>
                     <span>{shortCause||''}</span>
                   </div>
+                </Tooltip>
               );
             })
           }

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

 import React, { useState, useEffect, useRef } from "react";
-import { Space, Button, Tooltip, Modal, Select, Input, Divider, Table } from 'antd';
+import { Space, Button, Tooltip, Modal, Select, Input, Divider } from 'antd';
 import { EditOutlined, ReconciliationOutlined, DeleteOutlined  } from '@ant-design/icons';
 import SmoothScroll from 'smooth-scroll';
 import ProTable from "@ant-design/pro-table";
@@ -299,15 +299,7 @@ const ModelTable = (props) => {
           }
         }}
         rowSelection={rowSelection} 
-        columns={
-          columns.map((col, index) => ({
-            ...col,
-            onHeaderCell: column => ({
-              width: column.width,
-              onResize: handleResize(index),
-            }),
-          }))
-      } 
+        columns={columns||[]} 
         rowKey={'id'}
         dataSource={data||[]}
         pagination={false}