<template>
    <div class='equipment-facilities'>
        <!-- <p>EquipmentFacilities</p> -->
        <div v-for='(item,index) in classArr' :key='index'>
            <span>{{item.name}}</span>
            <i class='iconfont' :style='{color:item.color,backgroundColor:item.backgroundColor}' :class='item.class'></i>
        </div>
    </div>
</template>
<script>
export default {
    name: 'EquipmentFacilities',
    props: {},
    data() {
        return {
            classArr: [
                { name: '项目概况', class: 'wanda-xiangmugaikuang',},
                { name: '项目概况激活', class: 'wanda-xiangmugaikuangactive1', color: '#fff',backgroundColor:'#1989fa' },
                { name: '楼层功能', class: 'wanda-louceng1' },
                { name: '楼层功能激活', class: 'wanda-floor-func-active', color: '#025BAA' },
                { name: '设备设施', class: 'wanda-shebeisheshi1' },
                { name: '设备设施激活', class: 'wanda-sbss-active', color: '#025BAA' },
                { name: '其他事项', class: 'wanda-qita1' },
                { name: '其他事项激活', class: 'wanda-other', color: '#025BAA' },
                { name: '供电', class: 'wanda-gongdian1' },
                { name: '供电激活', class: 'wanda-gongdian2', color: '#025BAA' },
                { name: '暖通', class: 'wanda-nuantong1' },
                { name: '暖通激活', class: 'wanda-nuantong2', color: '#025BAA' },
                { name: '消防', class: 'wanda-xiaofang1' },
                { name: '消防激活', class: 'wanda-xiaofang2', color: '#025BAA' },
                { name: '弱电', class: 'wanda-ruodian1' },
                { name: '弱电激活', class: 'wanda-ruodian2', color: '#025BAA' },
                { name: '给排水', class: 'wanda-geipaishui1' },
                { name: '给排水激活', class: 'wanda-geipaishui2', color: '#025BAA' },
                { name: '电梯', class: 'wanda-dianti1' },
                { name: '电梯激活', class: 'wanda-dianti2', color: '#025BAA' },
                { name: '燃气', class: 'wanda-ranqi1' },
                { name: '燃气激活', class: 'wanda-ranqi2', color: '#025BAA' },
                { name: '', class: 'wanda-yincang' },
                { name: '激活', class: 'wanda-yincang', color: '#025BAA' },

                { name: '', class: 'wanda-scan' },
                { name: '', class: 'wanda-scan', color: '#025BAA' },
                { name: '', class: 'wanda-otherData' },
                { name: '', class: 'wanda-otherData', color: '#025BAA' },
                { name: '', class: 'wanda-suofang' },
                { name: '', class: 'wanda-suofang', color: '#025BAA' },
                { name: '', class: 'wanda-hengshuping',  },
            ],
        }
    },
    components: {},
    beforeMount() {},
    mounted() {},
    methods: {},
}
</script>
<style lang='less' scoped>
.equipment-facilities {
    width: 100%;
    height: calc(100% - 50px);

    div {
        display: inline-block;
        width: 50%;
        height: 40px;
        text-align: center;
    }
    // background-color: #f08080;
}
</style>