fix: 修改物模型Cat组件

src/views/device/components/Metadata/Cat/index.vue

@@ -16,9 +16,10 @@
         </p>
       </div>
       <a-tabs @change="handleConvertMetadata">
-        <a-tab-pane v-for="item in codecs" :tab-key="item.id" :key="item.id">
+        <a-tab-pane v-for="item in codecs" :key="item.id" :tab="item.name">
           <div class="cat-panel">
             <!-- TODO 代码编辑器 -->
+            {{ value }}
           </div>
         </a-tab-pane>
       </a-tabs>
@@ -120,7 +121,9 @@ watch(
   { immediate: true }
 )
 
-watchEffect(() => {
+watch(
+  [props.visible, props.type],
+  () => {
     if (props.visible) {
       loading.value = true
       const { id } = route.params
@@ -138,7 +141,9 @@ watchEffect(() => {
         });
       }
     }
-})
+  },
+  { immediate: true }
+)
 </script>
 <style scoped lang="less">
 .cat-content {