소스 검색

未选择相机的时候,增加请选择左侧相机的提示

louhangfei 2 년 전
부모
커밋
f41dbcc62c
1개의 변경된 파일10개의 추가작업 그리고 1개의 파일을 삭제
  1. 10 1
      src/views/cameras/preview/CameraPreview.vue

+ 10 - 1
src/views/cameras/preview/CameraPreview.vue

@@ -6,7 +6,8 @@
       </div>
       <div class="cameraSettingWrapper">
         <div class="cameraView">
-          <CameraViewSetting />
+          <CameraViewSetting v-if="cameraDetailStore.cameraId" />
+          <div class="cameraPlaceholder" v-else>请选择左侧相机</div>
         </div>
       </div>
     </div>
@@ -16,6 +17,8 @@
 <script lang="ts" setup>
   import CameraTree from './components/CameraTree/CameraTree.vue';
   import CameraViewSetting from './components/CameraViewSetting/CameraViewSetting.vue';
+  import useCameraDetailStore from './store/useCameraDetailStore';
+  const cameraDetailStore = useCameraDetailStore();
 </script>
 <style lang="scss" scoped>
   .cameraView {
@@ -50,4 +53,10 @@
     // height: 800px;
     // border: 1px solid #ccc;
   }
+
+  .cameraPlaceholder {
+    color: #ccc;
+    text-align: center;
+    margin-top: 100px;
+  }
 </style>