Files
td_official/src/views/drone/components/home/homeRight.vue
2025-05-21 11:24:53 +08:00

69 lines
1.7 KiB
Vue

<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>