Merge branch 'perf/device-detail' into 'main_dev'

perf: 优化设备详情名称过长,新增tooltip提示

See merge request yunteng/thingskit-front!935

@@ -5,8 +5,8 @@ import { DeviceTypeEnum } from '/@/api/device/model/deviceModel';
 import { getCustomerList } from '/@/api/device/deviceManager';
 import { getCustomerList } from '/@/api/device/deviceManager';
 import { DescItem } from '/@/components/Description/index';
 import { DescItem } from '/@/components/Description/index';
 import moment from 'moment';
 import moment from 'moment';
-import { h } from 'vue';
-import { Button } from 'ant-design-vue';
+import { CSSProperties, h } from 'vue';
+import { Button, Tooltip } from 'ant-design-vue';
 import { TypeEnum } from './data';
 import { TypeEnum } from './data';
 import { PageEnum } from '/@/enums/pageEnum';
 import { PageEnum } from '/@/enums/pageEnum';
 import { useGo } from '/@/hooks/web/usePage';
 import { useGo } from '/@/hooks/web/usePage';
@@ -24,12 +24,19 @@ export const descSchema = (emit: EmitType): DescItem[] => {
       field: 'name',
       field: 'name',
       label: '设备名称',
       label: '设备名称',
       render(val, data: Record<'alias' | 'name', string>) {
       render(val, data: Record<'alias' | 'name', string>) {
-        return h('span', {}, data.alias || val);
+        return h(Tooltip, { title: data.alias || val }, () =>
+          h('span', { style: { cursor: 'pointer' } as CSSProperties }, data.alias || val)
+        );
       },
       },
     },
     },
     {
     {
       field: 'label',
       field: 'label',
       label: '设备标签',
       label: '设备标签',
+      render(val) {
+        return h(Tooltip, { title: val }, () =>
+          h('span', { style: { cursor: 'pointer' } as CSSProperties }, val)
+        );
+      },
     },
     },
     {
     {
       field: 'deviceProfile.name',
       field: 'deviceProfile.name',
@@ -79,6 +86,11 @@ export const descSchema = (emit: EmitType): DescItem[] => {
       field: 'description',
       field: 'description',
       label: '描述',
       label: '描述',
       // span: 2,
       // span: 2,
+      render(val) {
+        return h(Tooltip, { title: val }, () =>
+          h('span', { style: { cursor: 'pointer' } as CSSProperties }, val)
+        );
+      },
     },
     },
   ];
   ];
 };
 };