perf: 数据流转优化设备选择设备名称优化

@@ -279,7 +279,6 @@
     setSelectedOptions,
     setSelectedTotal,
     reloadPending,
-    reloadPending,
     reloadSelected,
   };
 
@@ -408,7 +407,7 @@
           :key="item.value"
         >
           <span>
-            {{ item.alias + '/' + item.name }}
+            {{ item.alias || item.name }}
           </span>
         </Tag>
         <Tag class="!px-2 !py-1 !bg-gray-50 !border-gray-100" v-if="getSurplusOptionsLength">

@@ -63,12 +63,12 @@
           </div>
         </template>
         <template #deviceProfile="{ record }">
-          <Tag.CheckableTag
+          <Button
             @click="!isCustomer ? goDeviceProfile(record.deviceProfile.name) : null"
-            style="white-space: normal; height: auto; cursor: pointer"
+            type="link"
           >
-            <span style="color: #377dff">{{ record.deviceProfile.name }}</span>
-          </Tag.CheckableTag>
+            {{ record.deviceProfile.name }}
+          </Button>
         </template>
 
         <template #deviceType="{ record }">

 import { FormSchema } from '/@/components/Form';
 import { findDictItemByCode } from '/@/api/system/dict';
-import { h, ref } from 'vue';
+import { h, ref, unref } from 'vue';
 import { isExistDataManagerNameApi } from '/@/api/datamanager/dataManagerApi';
 import { getDeviceProfile } from '/@/api/alarm/position';
 import { BasicColumn, BasicTableProps } from '/@/components/Table';
@@ -8,6 +8,8 @@ import { devicePage } from '/@/api/device/deviceManager';
 import { Tag } from 'ant-design-vue';
 import { DeviceRecord } from '/@/api/device/model/deviceModel';
 import { FETCH_SETTING } from '/@/components/Table/src/const';
+import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
+import { useMessage } from '/@/hooks/web/useMessage';
 
 const typeValue = ref('');
 export enum CredentialsEnum {
@@ -100,7 +102,8 @@ const deviceTableFormSchema: FormSchema[] = [
     },
   },
 ];
-
+const { clipboardRef, isSuccessRef } = useCopyToClipboard();
+const { createMessage } = useMessage();
 const deviceTableColumn: BasicColumn[] = [
   {
     title: '状态',
@@ -125,8 +128,20 @@ const deviceTableColumn: BasicColumn[] = [
     dataIndex: 'name',
     customRender: ({ record }) => {
       return h('div', [
-        h('div', `${record.alias}/${record.name}`),
-        // h('div', { class: 'text-blue-400 truncate', title: record.sn }, record.sn),
+        h(
+          'div',
+          {
+            class: 'cursor-pointer',
+            onClick: () => {
+              clipboardRef.value = record.name;
+              if (unref(isSuccessRef)) createMessage.success('复制成功~');
+            },
+          },
+          [
+            h('div', { class: 'text-blue-400 truncate' }, record.alias),
+            h('div', { class: 'text-blue-400 truncate' }, record.name),
+          ]
+        ),
       ]);
     },
   },