无人机管理后台前端(已迁走)
shuishen
2024-09-10 1dd7827ff9c42a016a1e45913ce2fd78a79f4983
src/views/device/index.vue
@@ -1,11 +1,21 @@
<!--
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-09-09 11:40:40
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-09-09 12:02:50
 * @FilePath: \drone-web-manage\src\views\device\index.vue
 * @Description:
 *
 * Copyright (c) 2024 by shuishen, All Rights Reserved.
-->
<template>
  <basic-container>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="飞行器" name="1">
        <fly ref="fly"/>
      <el-tab-pane label="机场" name="1">
        <airport ref="airport" />
      </el-tab-pane>
      <el-tab-pane label="机场" name="2">
        <airport ref="airport"/>
      <el-tab-pane label="飞行器" name="2">
        <fly ref="fly" />
      </el-tab-pane>
    </el-tabs>
  </basic-container>
@@ -13,10 +23,10 @@
<script>
import { mapGetters } from 'vuex';
import airport from './airport.vue'
import fly from './fly.vue'
import airport from './airport.vue';
import fly from './fly.vue';
export default {
  components:{airport,fly},
  components: { airport, fly },
  data() {
    return {
      activeName: '1',
@@ -29,8 +39,7 @@
  computed: {
    ...mapGetters(['permission']),
    permissionList() {
      return {
      };
      return {};
    },
    ids() {
      let ids = [];
@@ -42,11 +51,11 @@
  },
  methods: {
    handleClick(tab, event) {
      if(tab.index==0){
        this.$refs.fly.init()
      if (tab.index == 0) {
        this.$refs.fly.init();
      }
      if(tab.index==1){
        this.$refs.airport.init()
      if (tab.index == 1) {
        this.$refs.airport.init();
      }
    },
  },