fix: 添加相机所属工位value修改ref

src/views/cameras/overview/components/AddCameraByIP.vue

@@ -82,9 +82,9 @@
             @update:scene-checked-list="handleUpdateSceneTemplateList"
           />
         </el-form-item>
-        <el-form-item label="所属工位：" prop="workspaceId">
+        <el-form-item label="所属工位：" prop="workspaceIdStr">
           <el-tree-select
-            v-model="cameraIPData.workspaceId"
+            v-model="workspaceIdStr"
             :data="workspaceInfo"
             :render-after-expand="false"
             :default-expand-all="props.formData ? true : false"
@@ -149,6 +149,8 @@
   const IPFormRef = ref();
   const cameraIPData = ref<CameraDetailServer>({} as CameraDetailServer);
 
+  const workspaceIdStr = ref(''); // 树节点value
+
   const rules = {
     name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
     code: [{ required: true, message: '请输入设备ID', trigger: 'blur' }],
@@ -158,7 +160,7 @@
     password: [{ required: true, message: '请输入用户名密码', trigger: 'blur' }],
     cameraType: [{ required: true, message: '请选择协议类型', trigger: 'blur' }],
     sceneTemplateList: [{ required: true, message: '请选择至少一个业务场景', trigger: 'blur' }],
-    workspaceId: [{ required: true, message: '请选择工位', trigger: 'blur' }],
+    workspaceIdStr: [{ required: true, message: '请选择工位', trigger: 'blur' }],
     videoStandard: [{ required: true, message: '请选择视频编码标准', trigger: 'blur' }],
   };
 
@@ -191,8 +193,8 @@
   onBeforeMount(() => {
     getWorkspaceFromTreeInfo();
     if (props.formData) {
-      console.log('props.formData', props.formData);
       cameraIPData.value = props.formData;
+      workspaceIdStr.value = `workspace-${props.formData.workspaceId}`;
     }
   });
 </script>

src/views/cameras/overview/components/AddCameraByNVR.vue

@@ -61,9 +61,9 @@
             @update:scene-checked-list="handleUpdateSceneTemplateList"
           />
         </el-form-item>
-        <el-form-item label="所属工位：" prop="workspaceId">
+        <el-form-item label="所属工位：" prop="workspaceIdStr">
           <el-tree-select
-            v-model="cameraNVRData.workspaceId"
+            v-model="workspaceIdStr"
             :data="workspaceInfo"
             :render-after-expand="false"
             :default-expand-all="props.formData ? true : false"
@@ -148,13 +148,15 @@
   const NVRFormRef = ref();
   const cameraNVRData = ref<CameraDetailServer>({} as CameraDetailServer);
 
+  const workspaceIdStr = ref(''); // 树节点value
+
   const rules = {
     nvrId: [{ required: true, message: '请选择NVR设备', trigger: 'blur' }],
     name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
     code: [{ required: true, message: '请输入设备ID', trigger: 'blur' }],
     nvrChannel: [{ required: true, message: '请输入NVR平台通道号', trigger: 'blur' }],
     sceneTemplateList: [{ required: true, message: '请选择至少一个业务场景', trigger: 'blur' }],
-    workspaceId: [{ required: true, message: '请选择工位', trigger: 'blur' }],
+    workspaceIdStr: [{ required: true, message: '请选择工位', trigger: 'blur' }],
     cameraType: [{ required: true, message: '请选择协议类型', trigger: 'blur' }],
     videoStandard: [{ required: true, message: '请选择视频编码标准', trigger: 'blur' }],
   };
@@ -189,8 +191,8 @@
     getNvrDevice();
     getWorkspaceFromTreeInfo();
     if (props.formData) {
-      console.log('props.formData', props.formData);
       cameraNVRData.value = props.formData;
+      workspaceIdStr.value = `workspace-${props.formData.workspaceId}`;
     }
   });
 </script>

src/views/cameras/overview/components/AddCameraBySRS.vue

@@ -54,9 +54,9 @@
             @update:scene-checked-list="handleUpdateSceneTemplateList"
           />
         </el-form-item>
-        <el-form-item label="所属工位：" prop="workspaceId">
+        <el-form-item label="所属工位：" prop="workspaceIdStr">
           <el-tree-select
-            v-model="CameraSRSData.workspaceId"
+            v-model="workspaceIdStr"
             :data="workspaceInfo"
             :render-after-expand="false"
             :default-expand-all="props.formData ? true : false"
@@ -117,12 +117,14 @@
   const IPFormRef = ref();
   const CameraSRSData = ref<CameraDetailServer>({} as CameraDetailServer);
 
+  const workspaceIdStr = ref(''); // 树节点value
+
   const rules = {
     name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
     code: [{ required: true, message: '请输入设备ID', trigger: 'blur' }],
     rtspUrl: [{ required: true, message: '请输入流媒体地址', trigger: 'blur' }],
     sceneTemplateList: [{ required: true, message: '请选择至少一个业务场景', trigger: 'blur' }],
-    workspaceId: [{ required: true, message: '请选择工位', trigger: 'blur' }],
+    workspaceIdStr: [{ required: true, message: '请选择工位', trigger: 'blur' }],
     videoStandard: [{ required: true, message: '请选择视频编码标准', trigger: 'blur' }],
   };
 
@@ -155,8 +157,8 @@
   onBeforeMount(() => {
     getWorkspaceFromTreeInfo();
     if (props.formData) {
-      console.log('props.formData', props.formData);
       CameraSRSData.value = props.formData;
+      workspaceIdStr.value = `workspace-${props.formData.workspaceId}`;
     }
   });
 </script>