<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>