Commit 6b4e205d18b39e3dc15b4ce2145d8a02d4c10f99
1 parent
fc63e5f9
fix: DEFECT-824 not echo tcp script on first enter device detail
Showing
1 changed file
with
16 additions
and
9 deletions
| 1 | 1 | <template> |
| 2 | 2 | <BasicDrawer v-bind="$attrs" title="产品详情" @register="register" width="50%"> |
| 3 | - <Tabs :animated="true" v-model:activeKey="activeKey"> | |
| 4 | - <TabPane forceRender key="1" tab="产品"> | |
| 3 | + <Tabs :animated="true" v-model:activeKey="activeKey" @change="handlePanelChange"> | |
| 4 | + <TabPane forceRender key="product" tab="产品"> | |
| 5 | 5 | <div class="relative"> |
| 6 | 6 | <DeviceConfigurationStep :ifShowBtn="false" ref="DevConStRef" /> |
| 7 | 7 | <div class="absolute w-full h-full top-0 cursor-not-allowed"></div> |
| 8 | 8 | </div> |
| 9 | 9 | </TabPane> |
| 10 | - <TabPane forceRender key="2" tab="传输配置"> | |
| 10 | + <TabPane forceRender key="transport" tab="传输配置"> | |
| 11 | 11 | <div class="relative"> |
| 12 | 12 | <TransportConfigurationStep :ifShowBtn="false" ref="TransConStRef" /> |
| 13 | 13 | <div class="absolute w-full h-full top-0 cursor-not-allowed"></div> |
| 14 | 14 | </div> |
| 15 | 15 | </TabPane> |
| 16 | - <TabPane forceRender key="3" tab="物模型管理"> | |
| 16 | + <TabPane forceRender key="modelOfMatter" tab="物模型管理"> | |
| 17 | 17 | <PhysicalModelManagementStep /> |
| 18 | 18 | </TabPane> |
| 19 | 19 | </Tabs> |
| ... | ... | @@ -30,7 +30,11 @@ |
| 30 | 30 | |
| 31 | 31 | defineEmits(['register']); |
| 32 | 32 | |
| 33 | - const activeKey = ref('1'); | |
| 33 | + type ActiveKey = 'product' | 'transport' | 'modelOfMatter'; | |
| 34 | + | |
| 35 | + const activeKey = ref<ActiveKey>('product'); | |
| 36 | + | |
| 37 | + const record = ref<Recordable>({}); | |
| 34 | 38 | |
| 35 | 39 | const DevConStRef = ref<InstanceType<typeof DeviceConfigurationStep>>(); |
| 36 | 40 | const TransConStRef = ref<InstanceType<typeof TransportConfigurationStep>>(); |
| ... | ... | @@ -44,11 +48,14 @@ |
| 44 | 48 | }; |
| 45 | 49 | |
| 46 | 50 | const [register, {}] = useDrawerInner(async (data: Recordable) => { |
| 47 | - activeKey.value = '1'; | |
| 48 | - const res = await deviceConfigGetDetail(data.record.id); | |
| 49 | - setDeviceConfFormData(res); | |
| 50 | - setTransConfFormData(res); | |
| 51 | + activeKey.value = 'product'; | |
| 52 | + record.value = await deviceConfigGetDetail(data.record.id); | |
| 53 | + setDeviceConfFormData(unref(record)); | |
| 51 | 54 | }); |
| 55 | + | |
| 56 | + const handlePanelChange = (activeKey: ActiveKey) => { | |
| 57 | + if (activeKey === 'transport') setTransConfFormData(unref(record)); | |
| 58 | + }; | |
| 52 | 59 | </script> |
| 53 | 60 | |
| 54 | 61 | <style lang="less" scope></style> | ... | ... |