无人机sn

src/components/Map/window/uav.vue

@@ -60,18 +60,20 @@ const toggleFly = () => {
   dialog.visible = true
   dialog.url = ''
   setTimeout(() => {
-     const params = {
+    if(data.value.droneSn) {
+      const params = {
       status: 'stop',
       sn: data.value.droneSn,
       enable_orc: false
-    }
-    getVideoStream(params).then(res => {
+      }
+       getVideoStream(params).then(res => {
       if(res.success) {
         setTimeout(() => {
           dialog.url = res.result.httpUrl
         }, 10000)
       }
     })
+    }
   }, 20000)
 }
 // 开启/关闭算法
@@ -161,7 +163,7 @@ const stopResize = () => {
   document.removeEventListener('mouseup', stopResize)
 }
 watch(() => data.value.sourceType, (val) => {
-  if(val === '2') {
+  if(val === '2' && data.value.droneSn) {
     toggleFly()
   }
 }, { immediate: true })
@@ -177,7 +179,7 @@ onUnmounted(() => {
 .content-wrapper{
   display: flex;
   position: relative;
-  height: 850px;
+  height: 100%;
   iframe{
     width: 100%;
     height: 100%;
@@ -196,10 +198,20 @@ onUnmounted(() => {
   //1音量的控制条
   video::-webkit-media-controls-volume-slider{display: none;}
   video::-webkit-media-controls-enclosuret{display: none;}
+  .uav-button{
+    width: fit-content;
+    cursor: pointer;
+    color: #00c0ff;
+    padding: 6px 10px;
+    background: rgba(22, 119, 255, 0.21);
+    border-radius: 2px 2px 2px 2px;
+    border: 1px solid #236ACE;
+    color: rgba(255, 255, 255, 0.9);
+  }
   .left-wrapper{
     // width: 60%;
     width: v-bind(leftWidth);
-    height: 700px;
+    height: 100%;
     display: flex;
     flex-direction: column;
     gap: 10px;
@@ -241,7 +253,7 @@ onUnmounted(() => {
   .right-wrapper{
     // width: 40%;
     width: v-bind(rightWidth);
-    height: 700px;
+    height: 100%;
     // position: absolute;
     // right: 0;
     flex: 1;