fix: '修改表字段样式'

src/pages/bsmanager/base/tablemanager/filedConfig/filedConfig.jsx

@@ -101,6 +101,15 @@ const AddModal = props => {
       key: 'name',
       align: 'left',
       width: 300,
+      onCell: () => ({
+        style: {
+          maxWidth: 300,
+          overflow: 'hidden',
+          whiteSpace: 'nowrap',
+          textOverflow: 'ellipsis',
+          cursor: 'pointer',
+        },
+      }),
       render: (text, record) => {
         let aa = (
           <div style={{ fontWeight: 'bold' }}>
@@ -109,7 +118,11 @@ const AddModal = props => {
             </span>
           </div>
         );
-        let bb = <div style={{ color: styleConfig(record) }}>{text}</div>;
+        let bb = (
+          <Tooltip placement="topLeft" title={text}>
+            <div style={{ color: styleConfig(record) }}>{text}</div>
+          </Tooltip>
+        );
         const obj = {
           children: record.children ? aa : bb,
           props: {},
@@ -124,9 +137,22 @@ const AddModal = props => {
       key: 'alias',
       align: 'center',
       width: 300,
+      onCell: () => ({
+        style: {
+          maxWidth: 300,
+          overflow: 'hidden',
+          whiteSpace: 'nowrap',
+          textOverflow: 'ellipsis',
+          cursor: 'pointer',
+        },
+      }),
       render: (text, record) => {
         const obj = {
-          children: <span style={{ color: styleConfig(record) }}>{text} </span>,
+          children: (
+            <Tooltip placement="topLeft" title={text}>
+              <span style={{ color: styleConfig(record) }}>{text} </span>
+            </Tooltip>
+          ),
           props: {},
         };
         obj.props.colSpan = record.children ? 0 : 1;
@@ -169,9 +195,22 @@ const AddModal = props => {
       key: 'config',
       align: 'center',
       width: 250,
+      onCell: () => ({
+        style: {
+          maxWidth: 250,
+          overflow: 'hidden',
+          whiteSpace: 'nowrap',
+          textOverflow: 'ellipsis',
+          cursor: 'pointer',
+        },
+      }),
       render: (text, record) => {
         const obj = {
-          children: <span style={{ color: styleConfig(record) }}>{text} </span>,
+          children: (
+            <Tooltip placement="topLeft" title={text}>
+              <span style={{ color: styleConfig(record) }}>{text} </span>
+            </Tooltip>
+          ),
           props: {},
         };
         obj.props.colSpan = record.children ? 0 : 1;