fix: only gateway subdevice disabled service and events panel on model of matter

@@ -24,16 +24,8 @@
           :size="size"
           :size="size"
         >
         >
           <TabPane :key="FunctionType.PROPERTIES" tab="属性" />
           <TabPane :key="FunctionType.PROPERTIES" tab="属性" />
-          <TabPane
-            :key="FunctionType.SERVICE"
-            :disabled="$props.record.transportType === 'TCP'"
-            tab="服务"
-          />
-          <TabPane
-            :key="FunctionType.EVENTS"
-            tab="事件"
-            :disabled="$props.record.transportType === 'TCP'"
-          />
+          <TabPane :key="FunctionType.SERVICE" :disabled="isTCPGatewaySubDevice" tab="服务" />
+          <TabPane :key="FunctionType.EVENTS" tab="事件" :disabled="isTCPGatewaySubDevice" />
         </Tabs>
         </Tabs>
         <Attribute v-if="activeKey === FunctionType.PROPERTIES" ref="AttrRef" />
         <Attribute v-if="activeKey === FunctionType.PROPERTIES" ref="AttrRef" />
         <Service
         <Service
@@ -51,7 +43,7 @@
   </div>
   </div>
 </template>
 </template>
 <script lang="ts" setup>
 <script lang="ts" setup>
-  import { ref, unref, nextTick } from 'vue';
+  import { ref, unref, nextTick, computed } from 'vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { Tabs, TabPane, Typography, TypographyParagraph } from 'ant-design-vue';
   import { Tabs, TabPane, Typography, TypographyParagraph } from 'ant-design-vue';
   import Attribute from './cpns/Attribute.vue';
   import Attribute from './cpns/Attribute.vue';
@@ -59,7 +51,7 @@
   import Events from './cpns/Events.vue';
   import Events from './cpns/Events.vue';
   import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
   import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
   import { createModel, updateModel } from '/@/api/device/modelOfMatter';
   import { createModel, updateModel } from '/@/api/device/modelOfMatter';
-  import { DeviceRecord } from '/@/api/device/model/deviceModel';
+  import { DeviceRecord, DeviceTypeEnum } from '/@/api/device/model/deviceModel';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { OpenModelMode, OpenModelOfMatterModelParams } from './types/index';
   import { OpenModelMode, OpenModelOfMatterModelParams } from './types/index';
   import { FunctionType } from './cpns/config';
   import { FunctionType } from './cpns/config';
@@ -70,6 +62,12 @@
     record: DeviceRecord;
     record: DeviceRecord;
   }>();
   }>();
 
 
+  const isTCPGatewaySubDevice = computed(() => {
+    const { record } = props;
+    const { deviceType, transportType } = record;
+    return deviceType === DeviceTypeEnum.SENSOR && transportType === 'TCP';
+  });
+
   const blockContent = `属性一般是设备的运行状态，如当前温度等；服务是设备可被调用的方法，支持定义参数，如执行某项任务；事件则是设备上报的
   const blockContent = `属性一般是设备的运行状态，如当前温度等；服务是设备可被调用的方法，支持定义参数，如执行某项任务；事件则是设备上报的
 通知，如告警，需要被及时处理。`;
 通知，如告警，需要被及时处理。`;
   const activeKey = ref<FunctionType>(FunctionType.PROPERTIES);
   const activeKey = ref<FunctionType>(FunctionType.PROPERTIES);
@@ -155,6 +153,7 @@
       closeModal();
       closeModal();
       emit('success');
       emit('success');
     } catch (error) {
     } catch (error) {
+      throw Error(error);
     } finally {
     } finally {
       setModalProps({ loading: false, okButtonProps: { loading: false } });
       setModalProps({ loading: false, okButtonProps: { loading: false } });
     }
     }

@@ -28,7 +28,10 @@
   //回显数据
   //回显数据
   const setFormData = (record: ModelOfMatterParams) => {
   const setFormData = (record: ModelOfMatterParams) => {
     const { functionJson = {}, functionName, identifier, remark, callType } = record;
     const { functionJson = {}, functionName, identifier, remark, callType } = record;
-    const { inputData, outputData, serviceCommand } = functionJson;
+    const { inputData = [], outputData } = functionJson;
+    const { serviceCommand } =
+      (inputData.at(0) as unknown as { serviceCommand: string }) ||
+      ({} as { serviceCommand: string });
     const value = {
     const value = {
       functionName,
       functionName,
       identifier,
       identifier,
@@ -48,8 +51,8 @@
       functionName,
       functionName,
       remark,
       remark,
       identifier,
       identifier,
-      inputData: _inputData,
-      outputData: _outputData,
+      inputData: _inputData = [],
+      outputData: _outputData = [],
       serviceCommand,
       serviceCommand,
       callType,
       callType,
     } = _values;
     } = _values;
@@ -71,7 +74,7 @@
       functionJson: {
       functionJson: {
         inputData,
         inputData,
         outputData,
         outputData,
-        serviceCommand,
+        ...(serviceCommand ? { inputData: [{ serviceCommand }] } : {}),
       },
       },
     } as ModelOfMatterParams;
     } as ModelOfMatterParams;
 
 

@@ -113,6 +113,15 @@ export const serviceSchemas = (tcpDeviceFlag: boolean): FormSchema[] => {
       },
       },
     },
     },
     {
     {
+      field: FormField.SERVICE_COMMAND,
+      label: '输入参数',
+      component: 'Input',
+      ifShow: tcpDeviceFlag,
+      componentProps: {
+        placeholder: '请输入ASCII或HEX服务命令',
+      },
+    },
+    {
       field: FormField.INPUT_PARAM,
       field: FormField.INPUT_PARAM,
       label: '输入参数',
       label: '输入参数',
       component: 'StructForm',
       component: 'StructForm',
@@ -127,19 +136,9 @@ export const serviceSchemas = (tcpDeviceFlag: boolean): FormSchema[] => {
       component: 'StructForm',
       component: 'StructForm',
       valueField: 'value',
       valueField: 'value',
       changeEvent: 'update:value',
       changeEvent: 'update:value',
-      ifShow: !tcpDeviceFlag,
       colProps: { span: 24 },
       colProps: { span: 24 },
     },
     },
     {
     {
-      field: FormField.SERVICE_COMMAND,
-      label: '服务命令',
-      component: 'Input',
-      ifShow: tcpDeviceFlag,
-      componentProps: {
-        placeholder: '请输入服务命令',
-      },
-    },
-    {
       field: FormField.REFARK,
       field: FormField.REFARK,
       label: '备注',
       label: '备注',
       component: 'InputTextArea',
       component: 'InputTextArea',