Merge branch 'refs/heads/test' into feature/v3.0.0/帮助中心

张含笑

2025-06-28 56fe5da07bf822f86ce4d0e8b32a7941b1451091

 src/views/device/index.vue

@@ -1,12 +1,12 @@
<!--
 * @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. 
 * @Author       : yuan
 * @Date         : 2025-04-27 21:01:20
 * @LastEditors  : yuan
 * @LastEditTime : 2025-06-25 16:23:45
 * @FilePath     : \src\views\device\index.vue
 * @Description  : 
 * Copyright 2025 OBKoro1, All Rights Reserved. 
 * 2025-04-27 21:01:20
-->
<template>
  <basic-container>
@@ -22,47 +22,75 @@
</template>

<script>
import { mapGetters } from 'vuex';
import airport from './airport.vue';
import fly from './fly.vue';
import { mapGetters } from 'vuex'
import airport from './airport.vue'
import fly from './fly.vue'
export default {
  components: { airport, fly },
  data() {
  data () {
    return {
      activeName: '1',
      form: {},
      query: {},
      loading: true,
      data: [],
    };
    }
  },
  computed: {
    ...mapGetters(['permission']),
    permissionList() {
      return {};
    permissionList () {
      return {}
    },
    ids() {
      let ids = [];
    ids () {
      let ids = []
      this.selectionList.forEach(ele => {
        ids.push(ele.id);
      });
      return ids.join(',');
        ids.push(ele.id)
      })
      return ids.join(',')
    },
  },
  created(){
  created () {
    // 默认打开机场页面
  },
  methods: {
    handleClick(tab, event) {
    handleClick (tab, event) {
      if (tab.index == 1) {
        this.$refs.fly.init();
        this.$refs.fly.init()
      }
      if (tab.index == 0) {
        this.$refs.airport.init();
        this.$refs.airport.init()
      }
    },
  },
};
}
</script>

<style></style>
<style lang="scss" scoped>
::v-deep(.el-tabs) {
  height: 100%;
  display: flex;
  flex-direction: column;

  .el-tabs__header {
    order: 1;
  }

  .el-tabs__content {
    order: 2;
  }

  .el-tabs__content {
    height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;

    .el-tab-pane {
      height: 0;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
  }
}
</style>