perf: DEFECT-823 device detail open sensor devcie can open gateway device

@@ -4,6 +4,7 @@ import { deviceProfile, getGATEWAYdevice } from '/@/api/device/deviceManager';
 
 export enum TypeEnum {
   IS_GATEWAY = 'GATEWAY',
+  SENSOR = 'SENSOR',
 }
 export const isGateWay = (type: string) => {
   return type === TypeEnum.IS_GATEWAY;

@@ -5,46 +5,60 @@ import { DeviceTypeEnum } from '/@/api/device/model/deviceModel';
 import { getCustomerList } from '/@/api/device/deviceManager';
 import { DescItem } from '/@/components/Description/index';
 import moment from 'moment';
+import { h } from 'vue';
+import { Button } from 'ant-design-vue';
+import { TypeEnum } from './data';
+
 // 设备详情的描述
-export const descSchema: DescItem[] = [
-  {
-    field: 'createTime',
-    label: '创建时间',
-  },
-  {
-    field: 'name',
-    label: '设备名称',
-  },
-  {
-    field: 'label',
-    label: '设备标签',
-  },
-  {
-    field: 'deviceProfile.name',
-    label: '产品',
-  },
-  {
-    field: 'gatewayName',
-    label: '所属网关',
-    show: (data) => !!data.gatewayName,
-  },
-  {
-    field: 'deviceType',
-    label: '设备类型',
-    render: (text) => {
-      return text === DeviceTypeEnum.GATEWAY
-        ? '网关设备'
-        : text == DeviceTypeEnum.DIRECT_CONNECTION
-        ? '直连设备'
-        : '网关子设备';
+export const descSchema = (emit: EmitType): DescItem[] => {
+  return [
+    {
+      field: 'createTime',
+      label: '创建时间',
     },
-  },
-  {
-    field: 'description',
-    label: '描述',
-    span: 2,
-  },
-];
+    {
+      field: 'name',
+      label: '设备名称',
+    },
+    {
+      field: 'label',
+      label: '设备标签',
+    },
+    {
+      field: 'deviceProfile.name',
+      label: '产品',
+      render(val, data) {
+        if (TypeEnum.SENSOR !== data.deviceType) return val;
+        return h(
+          Button,
+          { type: 'link', style: { padding: 0 }, onClick: () => emit('open-gateway-device', data) },
+          { default: () => val }
+        );
+      },
+    },
+    {
+      field: 'gatewayName',
+      label: '所属网关',
+      show: (data) => !!data.gatewayName,
+    },
+    {
+      field: 'deviceType',
+      label: '设备类型',
+      render: (text) => {
+        return text === DeviceTypeEnum.GATEWAY
+          ? '网关设备'
+          : text == DeviceTypeEnum.DIRECT_CONNECTION
+          ? '直连设备'
+          : '网关子设备';
+      },
+    },
+    {
+      field: 'description',
+      label: '描述',
+      // span: 2,
+    },
+  ];
+};
 
 // 实时数据表格
 export const realTimeDataColumns: BasicColumn[] = [

@@ -10,7 +10,11 @@
   >
     <Tabs v-model:activeKey="activeKey" :size="size">
       <TabPane key="1" tab="详情">
-        <Detail ref="deviceDetailRef" :deviceDetail="deviceDetail" />
+        <Detail
+          ref="deviceDetailRef"
+          :deviceDetail="deviceDetail"
+          @open-gateway-device="handleOpenGatewayDevice"
+        />
       </TabPane>
       <TabPane key="2" tab="实时数据" v-if="deviceDetail?.deviceType !== 'GATEWAY'">
         <RealTimeData :deviceDetail="deviceDetail" />
@@ -67,7 +71,7 @@
       TBoxDetail,
       HistoryData,
     },
-    emits: ['reload', 'register', 'openTbDeviceDetail'],
+    emits: ['reload', 'register', 'openTbDeviceDetail', 'openGatewayDeviceDetail'],
     setup(_props, { emit }) {
       const activeKey = ref('1');
       const size = ref('small');
@@ -92,6 +96,10 @@
       const handleOpenTbDeviceDetail = (data: { id: string; tbDeviceId: string }) => {
         emit('openTbDeviceDetail', data);
       };
+
+      const handleOpenGatewayDevice = (data: { gatewayId: string; tbDeviceId: string }) => {
+        emit('openGatewayDeviceDetail', { id: data.gatewayId });
+      };
       return {
         size,
         activeKey,
@@ -101,6 +109,7 @@
         deviceDetailRef,
         tbDeviceId,
         handleOpenTbDeviceDetail,
+        handleOpenGatewayDevice,
       };
     },
   });

@@ -92,10 +92,11 @@
         required: true,
       },
     },
-    setup(props) {
+    emits: ['open-gateway-device'],
+    setup(props, { emit }) {
       const [register] = useDescription({
         layout: 'vertical',
-        schema: descSchema,
+        schema: descSchema(emit),
         column: 2,
       });
 

@@ -152,9 +152,12 @@
       <DeviceDetailDrawer
         @register="registerDetailDrawer"
         @open-tb-device-detail="handleOpenTbDeviceDetail"
+        @open-gateway-device-detail="handleOpenGatewayDetail"
       />
       <DeviceDetailDrawer @register="registerTbDetailDrawer" />
 
+      <DeviceDetailDrawer @register="registerGatewayDetailDrawer" />
+
       <DeviceModal @register="registerModal" @success="handleSuccess" @reload="handleSuccess" />
       <CustomerModal @register="registerCustomerModal" @reload="handleReload" />
     </PageWrapper>
@@ -218,6 +221,7 @@
       const [registerCustomerModal, { openModal: openCustomerModal }] = useModal();
       const [registerDetailDrawer, { openDrawer }] = useDrawer();
       const [registerTbDetailDrawer, { openDrawer: openTbDeviceDrawer }] = useDrawer();
+      const [registerGatewayDetailDrawer, { openDrawer: openGatewayDetailDrawer }] = useDrawer();
 
       const [registerTable, { reload, setSelectedRowKeys, setProps }] = useTable({
         title: '设备列表',
@@ -329,6 +333,10 @@
         openTbDeviceDrawer(true, data);
       };
 
+      const handleOpenGatewayDetail = (data: { id: string; tbDeviceId: string }) => {
+        openGatewayDetailDrawer(true, data);
+      };
+
       return {
         registerTable,
         handleCreate,
@@ -354,6 +362,8 @@
         handleReload,
         registerTbDetailDrawer,
         handleOpenTbDeviceDetail,
+        handleOpenGatewayDetail,
+        registerGatewayDetailDrawer,
       };
     },
   });