模型提示信息

package.json

@@ -3,7 +3,6 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@ant-design/pro-table": "^2.45.0",
     "@antv/g2": "^4.1.12",
     "@antv/g6": "^4.2.1",
     "@craco/craco": "^6.1.2",

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

 import React, { useEffect, useState } from 'react';
-import { Input, Drawer } from 'antd';
-import ProTable from "@ant-design/pro-table";
+import { Input, Drawer, Table, Tooltip } from 'antd';
 
 import { dispatch } from '../../../../model';
 
@@ -49,23 +48,51 @@ const ConstraintDetailDrawer = (props) => {
       dataIndex: 'name',
       width: 180,
       ellipsis: true,
+      render: (text, _, __) => {
+        return (
+          <Tooltip title={text||''}>
+          {text||''}
+          </Tooltip>
+        )
+      }
     },
     {
       title: '规范中文名称',
       dataIndex: 'cnName',
       width: 180,
       ellipsis: true,
+      render: (text, _, __) => {
+        return (
+          <Tooltip title={text||''}>
+          {text||''}
+          </Tooltip>
+        )
+      }
     },
     {
       title: '前置依赖',
       dataIndex: 'ruleName',
       width: 180,
       ellipsis: true,
+      render: (text, _, __) => {
+        return (
+          <Tooltip title={text||''}>
+          {text||''}
+          </Tooltip>
+        )
+      }
     },
     {
       title: '描述',
       dataIndex: 'ruleDesc',
       ellipsis: true,
+      render: (text, _, __) => {
+        return (
+          <Tooltip title={text||''}>
+          {text||''}
+          </Tooltip>
+        )
+      }
     }
   ]
 
@@ -94,19 +121,12 @@ const ConstraintDetailDrawer = (props) => {
           style={{ width: 230 }}
         />
       </div>
-      <ProTable
+      <Table
         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,
-        }}
-        columnEmptyText={false}
         sticky
       />
     </Drawer>

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

@@ -435,7 +435,9 @@ const ImportActionIndex = (props) => {
       ellipsis: true,
       render: (text, record, index) => {
         return (
+          <Tooltip title={text||''}>
           <span style={{ fontWeight: 'bold' }} >{highlightSearchContentByTerms(text, terms)}</span>
+          </Tooltip>
         )
       }
     },

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

@@ -502,9 +502,11 @@ const ImportActionTable = (props) => {
       fixed: 'left',
       render: (text, _, __) => {
         return (
+          <Tooltip title={text||''}>
           <span>
           {highlightSearchContentByTerms(text, terms)}
           </span>
+          </Tooltip>
         )
       }
     },
@@ -517,7 +519,9 @@ const ImportActionTable = (props) => {
       require: true,
       render: (text, record, index) => {
         return (
+          <Tooltip title={text||''}>
           <span style={{ fontWeight: 'bold' }} >{highlightSearchContentByTerms(text, terms)}</span>
+          </Tooltip>
         )
       }
     },
@@ -651,9 +655,11 @@ const ImportActionTable = (props) => {
       width: 200,
       render: (text, _, __) => {
         return (
+          <Tooltip title={text||''}>
           <span>
           {highlightSearchContentByTerms(text, terms)}
           </span>
+          </Tooltip>
         )
       }
     },

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

@@ -50,9 +50,11 @@ const ModelTable = (props) => {
       ellipsis: true,
       render: (text, record, _) => {
         return (
-          <Button type="link" onClick={()=>{detailItem(record);}}>
+          <Tooltip title={text||''}>
+            <a href='' onClick={()=>{detailItem(record);}}>
             {text||''}
-          </Button>
+            </a>
+          </Tooltip>
         );
       }
     },
@@ -61,11 +63,25 @@ const ModelTable = (props) => {
       dataIndex: 'cnName',
       width: 180,
       ellipsis: true,
+      render: (text, _, __) => {
+        return (
+          <Tooltip title={text||''}>
+          {text||''}
+          </Tooltip>
+        )
+      }
     },
     {
       title: '模型描述',
       dataIndex: 'remark',
       ellipsis: true,
+      render: (text, _, __) => {
+        return (
+          <Tooltip title={text||''}>
+          {text||''}
+          </Tooltip>
+        );
+      }
     },
     {
       title: '状态',