修复列表页显示内容过长的问题 fixes #22

This commit is contained in:
dushixiang 2021-01-12 22:46:49 +08:00
parent 4de18a6a81
commit e00453cbad
3 changed files with 24 additions and 11 deletions

View File

@ -346,13 +346,13 @@ class Asset extends Component {
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
render: (name, record) => { render: (name, record) => {
if (name && name.length > 20) { let short = name;
name = name.substring(0, 20) + "..."; if (short && short.length > 20) {
short = short.substring(0, 20) + " ...";
} }
return ( return (
<Tooltip placement="topLeft" title={name}> <Tooltip placement="topLeft" title={name}>
{name} {short}
</Tooltip> </Tooltip>
); );
} }

View File

@ -294,13 +294,13 @@ class DynamicCommand extends Component {
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
render: (name, record) => { render: (name, record) => {
if (name && name.length > 20) { let short = name;
name = name.substring(0, 20) + "..."; if (short && short.length > 20) {
short = short.substring(0, 20) + " ...";
} }
return ( return (
<Tooltip placement="topLeft" title={name}> <Tooltip placement="topLeft" title={name}>
{name} {short}
</Tooltip> </Tooltip>
); );
} }
@ -308,6 +308,18 @@ class DynamicCommand extends Component {
title: '指令内容', title: '指令内容',
dataIndex: 'content', dataIndex: 'content',
key: 'content', key: 'content',
render: (content, record) => {
let short = content;
if (short && short.length > 20) {
short = short.substring(0, 20) + " ...";
}
return (
<Tooltip placement="topLeft" title={content}>
{short}
</Tooltip>
);
}
}, { }, {
title: '操作', title: '操作',
key: 'action', key: 'action',

View File

@ -233,12 +233,13 @@ class Credential extends Component {
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
render: (name, record) => { render: (name, record) => {
if (name && name.length > 20) { let short = name;
name = name.substring(0, 20) + "..."; if (short && short.length > 20) {
short = short.substring(0, 20) + " ...";
} }
return ( return (
<Tooltip placement="topLeft" title={name}> <Tooltip placement="topLeft" title={name}>
{name} {short}
</Tooltip> </Tooltip>
); );
} }