mc

src/views/dashboard/components/ControlPanel.vue

@@ -154,7 +154,7 @@ export default defineComponent({
 </script>
 <style scoped lang='scss'>
 .control__container{
-  position: absolute;
+  position: relative;
   z-index: 99;
   height: 220px;
   background: rgba(0, 0, 0, 1);

src/views/dashboard/components/Underlay.vue

@@ -20,7 +20,6 @@ export default {
     }
   },
   setup(props) {
-    const monitorVideo = ref()
     const data = reactive({
       map: null,
       drawerShow: false
@@ -73,7 +72,6 @@ export default {
     })
 
     onBeforeUnmount(() => {
-      monitorVideo.value?.disposeVideo()
     })
 
     return {

src/views/dashboard/components/WarningDrawer.vue

@@ -12,7 +12,14 @@
             <n-button>喊话</n-button>
             <n-button>悬停</n-button>
             <n-button>手动控制</n-button>
-            <n-button class="control__special" round>返航</n-button>
+            <n-popconfirm
+              @positive-click="fanhang"
+            >
+              <template #trigger>
+                <n-button class="control__special" round>返航
+                </n-button></template>
+              是否返航?
+            </n-popconfirm>
           </div>
           <p class="side__title">基本信息</p>
           <div class="side__basic">
@@ -47,12 +54,15 @@
           </div>
         </div>
 
-        <div class="control__panel">
-          <ControlPanel mode="camera" />
-        </div>
-        <div class="control__panel">
-          <ControlPanel mode="locus" />
+        <div class="control-panels">
+          <div class="control__panel">
+            <ControlPanel mode="camera" />
+          </div>
+          <div class="control__panel">
+            <ControlPanel mode="locus" />
+          </div>
         </div>
+
       </div>
       <div ref="mapRef" class="warn__back">
         <Underlay />
@@ -126,6 +136,10 @@ export default defineComponent({
       window.dispatchEvent(new Event('resize'))
     }
 
+    const fanhang = () => {
+      console.log(6666)
+    }
+
     watch(() => props.visible, (value) => {
       if (value) {
         nextTick(() => {
@@ -143,7 +157,8 @@ export default defineComponent({
       videoRef,
       getDrawerOptions,
       handleDrawerColse,
-      handleChange
+      handleChange,
+      fanhang
     }
   }
 })
@@ -210,8 +225,13 @@ export default defineComponent({
   }
 }
 
-.control__panel{
+.control-panels {
   position: absolute;
+  left: 0;
+  bottom: 0;
+}
+.control__panel{
+  float: left;
 }
 
 ::v-deep(.side__control){