修改一版

chenyao

2025-02-14 58aeb1b4b7fef38bfbba99231c46d1c6572e8712

 src/views/components/controlConsole.vue

@@ -29,84 +29,6 @@
        </div>
      </template>
    </el-dialog>
    <!-- <div class="DroneOperation">
      <div class="center">
        <div class="center_left">
          <div class="tubiaoshow">
            <el-tooltip effect="dark" content="控制开关" placement="top">
              <img ref="controllerRef" v-show="!isShowKzBtn" src="@/assets/images/notTurnoffcontrol.png" @click="authenticationPwd(1, '开')" />
              <img ref="controllerRef" v-show="isShowKzBtn" src="@/assets/images/Turnoffcontrol.png" @click="authenticationPwd(1, '关')" />
            </el-tooltip>
          </div>
          <p class="Airplanemode">
            <span>飞行模式：</span>
            <span ref="flightModeRef">{{ flightMode }}</span>
          </p>
          <p class="operatingjixufanhang">
            <el-button size="mini" @click="!nowInReturnStatus ? onBackDock() : notonBackDock()">
              {{ !nowInReturnStatus ? '返航' : '取消返航' }}
            </el-button>
            <el-button size="mini" @click="authenticationPwd(2, '关')">继续任务</el-button>
          </p>
        </div>
        <div class="center_center">
          <div class="top">
            <div class="Q">
              <img src="/public/images/turnleft-drone.png" class="img" />
              <el-button type="info" size="mini" @click="handlePublish({ w: -W_SPEED })">Q</el-button>
            </div>
            <div class="W">
              <img src="/public/images/up-drone.png" class="img" />
              <el-button type="info" size="mini" @click="handlePublish({ x: SPEED })">W</el-button>
            </div>
            <div class="E">
              <img src="/public/images/turnright-drone.png" class="img"/>
              <el-button type="info" size="mini" @click="handlePublish({ w: W_SPEED })">E</el-button>
            </div>
          </div>
          <div class="bottom">
            <div class="A">
              <el-button type="info" size="mini"  @click="handlePublish({ y: -SPEED })">A</el-button>
              <img src="/public/images/left-drone.png"/>
            </div>
            <div class="S">
              <el-button type="info" size="mini"  @click="handlePublish({ x: -SPEED })">S</el-button>
              <img src="/public/images/down-drone.png"/>
            </div>
            <div class="D">
              <el-button type="info" size="mini"  @click="handlePublish({ y: SPEED })">D</el-button>
              <img src="/public/images/right-drone.png"/>
            </div>
          </div>
        </div>
        <div class="speed">
          <div class="speed-content">
            <div class="add-speed--button" @click="onControlsDroneSpeed(true)">
              <i class="el-icon-plus"></i>
            </div>
            <div class="speed-text">
              <div>{{ droneSeepd }}</div>
              <div>m/s</div>
            </div>
            <div class="sub-speed--button" @click="onControlsDroneSpeed(false)">
              <i class="el-icon-minus"></i>
            </div>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="rightbutton">
          <div class="top">
            <img src="/public/images/zbottom-drone.png"/>
            <el-button size="mini" @click="handlePublish({ h: HEIGHT })">C</el-button>
          </div>
          <div class="bottom">
            <el-button size="mini"  @click="handlePublish({ h: -HEIGHT })">Z</el-button>
            <img src="/public/images/ctop-drone.png"/>
          </div>
        </div>
      </div>
    </div> -->
  </div>
</template>

@@ -285,7 +207,7 @@
  .control {
    position: fixed;
    top: 0.2rem;
    right: 0.2rem;
    left: 0.2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 3px;