init:first commit of plus-ui

src/views/drone/components/home/homeRight.vue

@@ -0,0 +1,68 @@
+<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>