fix: DEFECT-1652 输入超长设备信息影响设备详情页查看了

@@ -5,7 +5,7 @@
     @register="register"
     destroyOnClose
     @close="closeDrawer"
-    :title="deviceDetail.alias || deviceDetail.name"
+    :title="drawerTitle"
     width="80%"
   >
     <Tabs v-model:activeKey="activeKey" :size="size">
@@ -58,7 +58,7 @@
   </BasicDrawer>
 </template>
 <script lang="ts">
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref, computed } from 'vue';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
 
   import { Tabs } from 'ant-design-vue';
@@ -122,6 +122,13 @@
         emit('openGatewayDeviceDetail', { id: data.gatewayId });
       };
 
+      const drawerTitle = computed(() => {
+        return (
+          deviceDetail.value?.alias?.slice(0, 40) + '...' ||
+          deviceDetail.value?.name?.slice(0, 40) + '...'
+        );
+      });
+
       return {
         size,
         activeKey,
@@ -132,6 +139,7 @@
         tbDeviceId,
         handleOpenTbDeviceDetail,
         handleOpenGatewayDevice,
+        drawerTitle,
       };
     },
   });