fix: DEFECT-824 not echo tcp script on first enter device detail

 <template>
 <template>
   <BasicDrawer v-bind="$attrs" title="产品详情" @register="register" width="50%">
   <BasicDrawer v-bind="$attrs" title="产品详情" @register="register" width="50%">
-    <Tabs :animated="true" v-model:activeKey="activeKey">
-      <TabPane forceRender key="1" tab="产品">
+    <Tabs :animated="true" v-model:activeKey="activeKey" @change="handlePanelChange">
+      <TabPane forceRender key="product" tab="产品">
         <div class="relative">
         <div class="relative">
           <DeviceConfigurationStep :ifShowBtn="false" ref="DevConStRef" />
           <DeviceConfigurationStep :ifShowBtn="false" ref="DevConStRef" />
           <div class="absolute w-full h-full top-0 cursor-not-allowed"></div>
           <div class="absolute w-full h-full top-0 cursor-not-allowed"></div>
         </div>
         </div>
       </TabPane>
       </TabPane>
-      <TabPane forceRender key="2" tab="传输配置">
+      <TabPane forceRender key="transport" tab="传输配置">
         <div class="relative">
         <div class="relative">
           <TransportConfigurationStep :ifShowBtn="false" ref="TransConStRef" />
           <TransportConfigurationStep :ifShowBtn="false" ref="TransConStRef" />
           <div class="absolute w-full h-full top-0 cursor-not-allowed"></div>
           <div class="absolute w-full h-full top-0 cursor-not-allowed"></div>
         </div>
         </div>
       </TabPane>
       </TabPane>
-      <TabPane forceRender key="3" tab="物模型管理">
+      <TabPane forceRender key="modelOfMatter" tab="物模型管理">
         <PhysicalModelManagementStep />
         <PhysicalModelManagementStep />
       </TabPane>
       </TabPane>
     </Tabs>
     </Tabs>
@@ -30,7 +30,11 @@
 
 
   defineEmits(['register']);
   defineEmits(['register']);
 
 
-  const activeKey = ref('1');
+  type ActiveKey = 'product' | 'transport' | 'modelOfMatter';
+
+  const activeKey = ref<ActiveKey>('product');
+
+  const record = ref<Recordable>({});
 
 
   const DevConStRef = ref<InstanceType<typeof DeviceConfigurationStep>>();
   const DevConStRef = ref<InstanceType<typeof DeviceConfigurationStep>>();
   const TransConStRef = ref<InstanceType<typeof TransportConfigurationStep>>();
   const TransConStRef = ref<InstanceType<typeof TransportConfigurationStep>>();
@@ -44,11 +48,14 @@
   };
   };
 
 
   const [register, {}] = useDrawerInner(async (data: Recordable) => {
   const [register, {}] = useDrawerInner(async (data: Recordable) => {
-    activeKey.value = '1';
-    const res = await deviceConfigGetDetail(data.record.id);
-    setDeviceConfFormData(res);
-    setTransConfFormData(res);
+    activeKey.value = 'product';
+    record.value = await deviceConfigGetDetail(data.record.id);
+    setDeviceConfFormData(unref(record));
   });
   });
+
+  const handlePanelChange = (activeKey: ActiveKey) => {
+    if (activeKey === 'transport') setTransConfFormData(unref(record));
+  };
 </script>
 </script>
 
 
 <style lang="less" scope></style>
 <style lang="less" scope></style>