44 lines
981 B
Vue
44 lines
981 B
Vue
|
<template>
|
||
|
|
<div class="app-container" style="background-color: #F9F9F9;">
|
||
|
|
<el-tabs v-model="activeName" class="demo-tabs">
|
||
|
|
<el-tab-pane label="实时监控" class="realTimeManage" name="first">
|
||
|
|
<realTimeManage/>
|
||
|
|
</el-tab-pane>
|
||
|
|
<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>
|
||
|
|
import realTimeManage from './realTimeManage/realTimeManage.vue';
|
||
|
|
import personManage from './personManage/personManage.vue';
|
||
|
|
import hoistManage from './hoistManage/hoistManage.vue';
|
||
|
|
export default {
|
||
|
|
name: "manage",
|
||
|
|
components: {
|
||
|
|
realTimeManage,
|
||
|
|
personManage,
|
||
|
|
hoistManage
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
activeName: 'first'
|
||
|
|
};
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
// test();
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
</style>
|