|
@@ -0,0 +1,71 @@
|
|
|
+<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>
|