修复电子围栏关闭开关后不显示控制相机手柄功能

src/views/cameras/preview/components/CameraViewSetting/CameraViewSetting.vue

@@ -2,6 +2,7 @@
   <div>
     <div class="toolbarWrapper">
       <ViewWindowSetting v-model="viewType" @update:model-value="handleUpdateViewType" />
+      <PresetSelect />
       <FenceToolbar
         :style="{ visibility: drawable ? 'visible' : 'hidden' }"
         @remove="handleRemove"
@@ -9,7 +10,6 @@
         @toggle-editable="toggleEditable"
         :is-edit="isEdit"
       />
-      <PresetSelect />
     </div>
     <div class="cameraViewOverflow" :style="{ width: domWidth + 'px', height: domHeight + 'px' }">
       <div
@@ -145,11 +145,9 @@
   });
 
   watchEffect(() => {
-    if (
-      presetStore.currentPresetToken &&
-      cameraAlgoStore.selectedAlgoId &&
-      cameraAlgoStore.selectedAlgoDetail?.electronicFenceBool
-    ) {
+    const electronicFenceBool = cameraAlgoStore.selectedAlgoDetail?.electronicFenceBool;
+
+    if (presetStore.currentPresetToken && cameraAlgoStore.selectedAlgoId && electronicFenceBool) {
       const points = fenceStore.serverFencePoints || [];
       if (!points) {
         fenceEditorRef.value?.clear();
@@ -169,9 +167,11 @@
       fenceEditorRef.value?.setEditMode();
       isEdit.value = true;
       return;
+    } else {
+      fenceEditorRef.value?.clear();
+      fenceEditorRef.value?.exitEditMode();
+      isEdit.value = false;
     }
-    fenceEditorRef.value?.clear();
-    fenceEditorRef.value?.exitEditMode();
   });
 
   const handleAddPreset = () => {