<template>
  <div class="home_right uav_box">
    <!-- <el-button @click="chongdian">充电</el-button> -->
    <AircraftMonitoringLiveBroadcast></AircraftMonitoringLiveBroadcast>
    <AircraftInformationDetails></AircraftInformationDetails>
  </div>
</template>

<script>
import AircraftMonitoringLiveBroadcast from './components/AircraftMonitoringLiveBroadcast/index.vue';
import AircraftInformationDetails from './components/AircraftInformationDetails/index.vue';
import { useAirStore } from '@/store/modules/drone';
// import { remoteDebug } from "@/api/air";
export default {
  components: {
    AircraftMonitoringLiveBroadcast,
    AircraftInformationDetails
  },
  data() {
    return {
      gateWay: useAirStore().gateWay
    };
  },
  watch: {
    // // 监听 Vuex 中的状态变化
    // "useAirStore().gateWay": {
    //   handler(newValue, oldVal) {
    //     this.gateWay = newValue;
    //   },
    //   deep: true,
    // },
  },
  created() {},
  mounted() {},
  methods: {
    // chongdian() {
    //   let obj = {
    //     gateway: this.gateWay.gateway,
    //     method: "charge_open",
    //   };
    //   // this.$store.commit("UP_debugValue", val);
    //   this.droneDebug(obj);
    // },
    // // 调试模式
    // droneDebug(obj, val) {
    //   remoteDebug(obj).then((res) => {
    //     const { code, data, msg } = res;
    //     if (code == 200) {
    //       this.$message.success("操作成功");
    //     } else {
    //       this.$message.error(msg);
    //       this[val] = !this[val];
    //     }
    //   });
    // },
  }
};
</script>
<style lang="scss">
.home_right {
  position: absolute;
  right: 20px;
  width: 450px;
  height: 90%;
  z-index: 2;
  top: 6%;
}
</style>
