fix: fix issue #5, limit the display length of the text box content

Author: lvchenjia

src/layout/components/admin/UserList.vue

@@ -39,12 +39,16 @@ const columns = ref([
   {
     title: '用户名',
     key: 'userName',
-
+    ellipsis: {
+      tooltip: true
+    },
   },
   {
     title: '邮箱',
     key: 'email',
-
+    ellipsis: {
+      tooltip: true
+    },
   },
   {
     title: '用户角色',

src/views/alertPage/alert-config.vue

@@ -55,6 +55,9 @@ const columns = ref([
     title: '名称',
     width: 'auto',
     key: 'name',
+    ellipsis: {
+      tooltip: true
+    },
   },
   {
     title: '级别',
@@ -84,17 +87,25 @@ const columns = ref([
     title: '规则',
     width: 'auto',
     key: 'rule',
+    ellipsis: {
+      tooltip: true
+    },
   },
   {
     title: '描述',
     width: 'auto',
     key: 'desc',
+    ellipsis: {
+      tooltip: true
+    },
   },
   {
     title: '接收人',
     width: 'auto',
     key: 'alertUsers',
-
+    ellipsis: {
+      tooltip: true
+    },
     render: row => {
       return <span>{row.alertUsers.join('， ')}</span>
     },

src/views/alertPage/index.vue

@@ -120,6 +120,9 @@ const columns = ref([
     title: '告警内容',
     width: 'auto',
     key: 'summary',
+    ellipsis: {
+      tooltip: true
+    },
   },
 ])
 

src/views/alertPage/system-log.vue

@@ -89,6 +89,9 @@ const columns = ref([
     title: '访问者',
     width: 'auto',
     key: 'user',
+    ellipsis: {
+      tooltip: true
+    },
   },
   {
     title: '模块',
@@ -99,7 +102,9 @@ const columns = ref([
     title: '操作',
     width: 'auto',
     key: 'method',
-
+    ellipsis: {
+      tooltip: true
+    },
     // render: (row) => {
     //   return (
     //     <span>{row.enable? '开启' : '关闭'}</span>
@@ -110,26 +115,16 @@ const columns = ref([
     title: '结果',
     width: 'auto',
     key: 'errorMsg',
+    ellipsis: {
+      tooltip: true
+    },
   },
   {
     title: '内容',
     width: 'auto',
     key: 'content',
-    render(row) {
-      return (
-        <NTooltip trigger='hover'>
-          {{
-            trigger: () => (
-              <span>
-                {row.content.length < 15
-                  ? row.content
-                  : row.content.substring(0, 15) + '...'}
-              </span>
-            ),
-            default: () => <span>{row.content}</span>,
-          }}
-        </NTooltip>
-      )
+    ellipsis: {
+      tooltip: true
     },
   },
 ])

src/views/clusterManagement/DiskManagement.vue

@@ -92,7 +92,9 @@ const columns = ref([
     title: '主机名',
     width: 'auto',
     key: 'hostName',
-    
+    ellipsis: {
+      tooltip: true
+    },
   },
   {
     title: '盘符',
@@ -104,13 +106,17 @@ const columns = ref([
     title: '类型',
     width: 'auto',
     key: 'diskType',
-    
+    ellipsis: {
+      tooltip: true
+    },
   },
   {
     title: '型号',
     width: 'auto',
     key: 'model',
-    
+    ellipsis: {
+      tooltip: true
+    },
   },
   // {
   //   title: '写缓存',
@@ -121,7 +127,9 @@ const columns = ref([
     title: '挂载点',
     key: 'mountPoint',
     width: 'auto',
-    
+    ellipsis: {
+      tooltip: true
+    },
     render(row) {
       if (row.mountPoint) {
         return <span>{row.mountPoint}</span>

src/views/clusterManagement/ServerManagement.vue

@@ -37,7 +37,9 @@ const columns = ref([
     title: '主机名',
     key: 'hostName',
     width: 'auto',
-
+    ellipsis: {
+      tooltip: true
+    },
     render(row) {
       return h(
         NButton,

src/views/storagePool/index.vue

@@ -23,6 +23,9 @@ const columns: DataTableColumns<StoragePoolInfo> = [
     title: '逻辑池名称',
     width: 'auto',
     key: 'name',
+    ellipsis: {
+      tooltip: true
+    },
     render(row) {
       return h(
         NButton,