<template>
    <div class="booster-station">
        <div class="btn-group-tabs">
            <BtnGroup2
                :btnGroups="btnGroups"
                :rowIndex="0"
                :index="1"
                @select="select"
            ></BtnGroup2>
        </div>
        <bsx6 class="booster-station-body"></bsx6>
    </div>
</template>

<script>
import BtnGroup2 from "@com/coms/btn/btn-group-double.vue";
import bsx6 from "../components/bsx6.vue";
export default {
    // 名称
    name: "BoosterStation",
    // 使用组件
    components: {
        bsx6,
        BtnGroup2,
    },
    // 数据
    data() {
        return {
            btnGroups: [
                {
                    icon: "svg-wind-site",
                    btns: [
                        {
                            text: "牛首山风场",
                            code: "mmfdc1",
                        },
                        {
                            text: "牛首山风场",
                            code: "mhsfc",
                        },
                        {
                            text: "牛首山风场",
                            code: "mmfdc2",
                        },
                        {
                            text: "牛首山风场",
                            code: "mmfdc3",
                        },
                        {
                            text: "牛首山风场",
                            code: "mmfdc4",
                        },
                    ],
                },
                {
                    icon: "svg-photovoltaic",
                    btns: [
                        {
                            text: "牛首山风场",
                            code: "mmgf1",
                        },
                        {
                            text: "牛首山风场",
                            code: "mmgf2",
                        },
                        {
                            text: "牛首山风场",
                            code: "mmgf3",
                        },
                        {
                            text: "牛首山风场",
                            code: "mmgf4",
                        },
                    ],
                },
            ],
        };
    },
    // 函数
    methods: {
        select: function (item) {
            console.log(item)
        }
    },
    // 生命周期钩子
    beforeCreate() {
        // 创建前
    },
    created() {
        // 创建后
    },
    beforeMount() {
        // 渲染前
    },
    mounted() {
        // 渲染后
    },
    beforeUpdate() {
        // 数据更新前
    },
    updated() {
        // 数据更新后
    },
};
</script>

<style lang="less" scoped>
.booster-station {
    width: 100%;
    height: calc(100vh - 90px);
    display: flex;
    flex-direction: column;

    .btn-group-tabs {
        display: flex;
        flex-direction: row;
    }

    .booster-station-body {
        flex-grow: 1;
    }
}
</style>
