| | |
| | | <!-- |
| | | * @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> |
| | |
| | | |
| | | <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', |
| | |
| | | computed: { |
| | | ...mapGetters(['permission']), |
| | | permissionList() { |
| | | return { |
| | | }; |
| | | return {}; |
| | | }, |
| | | ids() { |
| | | let ids = []; |
| | |
| | | }, |
| | | 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(); |
| | | } |
| | | }, |
| | | }, |