2024-08-13 13:59:43 +08:00
|
|
|
<template>
|
|
|
|
|
<div class="app-container" style="background-color: #F9F9F9;">
|
|
|
|
|
<el-tabs v-model="activeName" class="demo-tabs">
|
2024-08-15 16:43:23 +08:00
|
|
|
<!-- <el-tab-pane label="实时监控" class="realTimeManage" name="first">
|
2024-08-13 13:59:43 +08:00
|
|
|
<realTimeManage/>
|
2024-08-15 16:43:23 +08:00
|
|
|
</el-tab-pane> -->
|
2024-08-13 13:59:43 +08:00
|
|
|
<el-tab-pane label="人员管控" class="personManage" name="second">
|
|
|
|
|
<personManage/>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
<el-tab-pane label="吊装管控" class="hoistManage" name="three">
|
|
|
|
|
<hoistManage/>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
</el-tabs>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
2024-08-15 16:43:23 +08:00
|
|
|
// import realTimeManage from './realTimeManage/realTimeManage.vue';
|
2024-08-13 13:59:43 +08:00
|
|
|
import personManage from './personManage/personManage.vue';
|
|
|
|
|
import hoistManage from './hoistManage/hoistManage.vue';
|
|
|
|
|
export default {
|
|
|
|
|
name: "manage",
|
|
|
|
|
components: {
|
2024-08-15 16:43:23 +08:00
|
|
|
// realTimeManage,
|
2024-08-13 13:59:43 +08:00
|
|
|
personManage,
|
|
|
|
|
hoistManage
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
2024-08-15 16:43:23 +08:00
|
|
|
// activeName: 'first'
|
|
|
|
|
activeName: 'second'
|
2024-08-13 13:59:43 +08:00
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
// test();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
</style>
|