区域主控高亮

编辑时展示原有属性

src/components/DeviceForm.vue

@@ -275,8 +275,16 @@ export default {
       if (newVal && Object.keys(newVal).length > 0) {
         // 填充表单数据
         Object.keys(formData).forEach(key => {
-          if (newVal[key] !== undefined) {
-            formData[key] = newVal[key];
+          // 处理字段名映射
+          let dataKey = key;
+          if (key === 'parentControllerId') {
+            dataKey = 'parent_id';
+          } else if (key === 'subType') {
+            dataKey = 'sub_type';
+          }
+          
+          if (newVal[dataKey] !== undefined) {
+            formData[key] = newVal[dataKey];
           }
         });
         
@@ -303,6 +311,14 @@ export default {
       }
     }, { immediate: true });
     
+    // 监听visible属性变化，当对话框打开时重新加载区域主控列表
+    watch(() => props.visible, (newVal) => {
+      if (newVal) {
+        // 对话框打开时重新加载区域主控列表
+        loadAreaControllers();
+      }
+    }, { immediate: true });
+    
     // 组件挂载时加载区域主控列表
     onMounted(() => {
       loadAreaControllers();