fix: product profile can not select transport type

@@ -216,7 +216,7 @@
           <List.Item>
           <List.Item>
             <Card hoverable>
             <Card hoverable>
               <template #cover>
               <template #cover>
-                <div class="h-full w-full !flex justify-center items-center text-center">
+                <div class="h-full w-full !flex justify-center items-center text-center p-1">
                   <img
                   <img
                     class="w-full h-36"
                     class="w-full h-36"
                     alt="example"
                     alt="example"

@@ -251,7 +251,7 @@
               :class="item.checked ? '!border-blue-500 !border-2' : ''"
               :class="item.checked ? '!border-blue-500 !border-2' : ''"
             >
             >
               <template #cover>
               <template #cover>
-                <div class="h-full w-full !flex justify-center items-center text-center">
+                <div class="h-full w-full !flex justify-center items-center text-center p-1">
                   <Image
                   <Image
                     @click.stop
                     @click.stop
                     :height="144"
                     :height="144"

@@ -152,6 +152,17 @@
       field: 'transportType',
       field: 'transportType',
       componentProps: {
       componentProps: {
         disabled: status,
         disabled: status,
+        options: [
+          { label: '默认', value: 'DEFAULT' },
+          { label: 'MQTT', value: 'MQTT' },
+          { label: 'CoAP', value: 'COAP' },
+          { label: 'LWM2M', value: 'LWM2M' },
+          { label: 'SNMP', value: 'SNMP' },
+          { label: 'TCP', value: 'TCP' },
+        ],
+        onChange(e) {
+          isMqttType.value = e;
+        },
       },
       },
     });
     });
   };
   };