45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
<template>
|
|
<el-container>
|
|
<el-header>
|
|
<el-menu mode="horizontal" :default-active="activeIndex" :ellipsis="false" @select="handleSelect">
|
|
<el-menu-item index="1">厂区环境治理</el-menu-item>
|
|
<el-menu-item index="2">生产过程治理</el-menu-item>
|
|
<el-menu-item index="3">物料输送治理</el-menu-item>
|
|
</el-menu>
|
|
|
|
</el-header>
|
|
<el-main class="nopadding">
|
|
<smartg_carwash v-if="activeIndex == '1'"></smartg_carwash>
|
|
<smartg_prod v-if="activeIndex == '2'"></smartg_prod>
|
|
<smartg_trans v-if="activeIndex == '3'"></smartg_trans>
|
|
</el-main>
|
|
</el-container>
|
|
</template>
|
|
<script>
|
|
import smartg_carwash from "./smartg_carwash.vue";
|
|
import smartg_prod from "./smartg_prod.vue";
|
|
import smartg_trans from "./smarg_trans.vue";
|
|
export default {
|
|
components: {
|
|
smartg_carwash,
|
|
smartg_prod,
|
|
smartg_trans
|
|
},
|
|
data() {
|
|
return {
|
|
activeIndex: "1",
|
|
tableData: [],
|
|
}
|
|
},
|
|
methods: {
|
|
handleSelect(key, keyPath) {
|
|
this.activeIndex = key;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
.el-tabs {
|
|
height: 100%;
|
|
}
|
|
</style> |