feat: 地图放大缩小逻辑

罗广辉

2025-04-17 d17c4a4cc64dcf38c8373170761ee0da39a71a4a

 src/components/CurrentTaskDetails/ControlPanel/ControlPanel.vue

@@ -308,6 +308,7 @@
   }
}

// useManualControl里面用的参数
const paramsRef = computed(()=>({
   droneSn:droneSn.value,
   speed:speed.value,
@@ -368,7 +369,7 @@
   position: absolute;
   bottom: 0;
   right: 0;
   width: 1540px;
   width: 1400px;
   height: 217px;
   background: linear-gradient(196deg, rgba(23, 23, 23, 0.11) 0%, rgba(6, 6, 6, 0.11) 100%);
   backdrop-filter: blur(5px);
@@ -381,7 +382,7 @@
   pointer-events: all;

   .direction {
      width: 476px;
      width: 400px;
      height: 188px;
      background: rgb(0, 0, 0, 0.4); /* 半透明背景 */
      border-radius: 40px 40px 40px 40px;
@@ -396,7 +397,7 @@

         .btnGroupT,
         .btnGroupB {
            width: 238px;
            width: 180px;
            height: 73px;
         }
      }
@@ -433,7 +434,7 @@
   }

   .ptzControlBox {
      width: 406px;
      width: 386px;
      height: 188px;
      background: rgb(0, 0, 0, 0.4); /* 半透明背景 */
      border-radius: 40px 40px 40px 40px;
@@ -546,7 +547,7 @@
         display: flex;
         flex-direction: column;
         gap: 7px 0;
         width: 70px;
         width: 60px;

         .infoName {
            height: 25px;
@@ -584,8 +585,7 @@
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
      gap: 0 45px;
      justify-content: space-evenly;

      .btnItem {
         .btnIcon {