diff --git a/web/src/components/asset/Asset.js b/web/src/components/asset/Asset.js
index 152474c..511d315 100644
--- a/web/src/components/asset/Asset.js
+++ b/web/src/components/asset/Asset.js
@@ -346,13 +346,13 @@ class Asset extends Component {
             dataIndex: 'name',
             key: 'name',
             render: (name, record) => {
-                if (name && name.length > 20) {
-                    name = name.substring(0, 20) + "...";
+                let short = name;
+                if (short && short.length > 20) {
+                    short = short.substring(0, 20) + " ...";
                 }
-
                 return (
                     <Tooltip placement="topLeft" title={name}>
-                        {name}
+                        {short}
                     </Tooltip>
                 );
             }
diff --git a/web/src/components/command/DynamicCommand.js b/web/src/components/command/DynamicCommand.js
index de44dd8..fd37cdd 100644
--- a/web/src/components/command/DynamicCommand.js
+++ b/web/src/components/command/DynamicCommand.js
@@ -294,13 +294,13 @@ class DynamicCommand extends Component {
             dataIndex: 'name',
             key: 'name',
             render: (name, record) => {
-                if (name && name.length > 20) {
-                    name = name.substring(0, 20) + "...";
+                let short = name;
+                if (short && short.length > 20) {
+                    short = short.substring(0, 20) + " ...";
                 }
-
                 return (
                     <Tooltip placement="topLeft" title={name}>
-                        {name}
+                        {short}
                     </Tooltip>
                 );
             }
@@ -308,6 +308,18 @@ class DynamicCommand extends Component {
             title: '指令内容',
             dataIndex: '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: '操作',
             key: 'action',
diff --git a/web/src/components/credential/Credential.js b/web/src/components/credential/Credential.js
index c22b485..2633bde 100644
--- a/web/src/components/credential/Credential.js
+++ b/web/src/components/credential/Credential.js
@@ -233,12 +233,13 @@ class Credential extends Component {
             dataIndex: 'name',
             key: 'name',
             render: (name, record) => {
-                if (name && name.length > 20) {
-                    name = name.substring(0, 20) + "...";
+                let short = name;
+                if (short && short.length > 20) {
+                    short = short.substring(0, 20) + " ...";
                 }
                 return (
                     <Tooltip placement="topLeft" title={name}>
-                        {name}
+                        {short}
                     </Tooltip>
                 );
             }