|
@@ -1,16 +1,24 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
-
|
|
|
+ <div class="floor" style="border-bottom:1px solid #cccccc ;"><span class="m-20">RF</span></div>
|
|
|
+ <div style="border-bottom:1px solid #cccccc ;" v-for="(val,key,index) in elevationData">
|
|
|
+ <span class="m-20">{{key}}</span>
|
|
|
+ <template v-for="i in val">
|
|
|
+ <div class="relate block" v-if="i.name">{{i.name}}</div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { mapGetters } from 'vuex'
|
|
|
-export default {
|
|
|
+ import {mapGetters} from 'vuex'
|
|
|
+
|
|
|
+ export default {
|
|
|
data () {
|
|
|
return {
|
|
|
elevationData: {
|
|
|
- 'F1': [{
|
|
|
+ 'F1': [
|
|
|
+ {
|
|
|
id: 'f1-001',
|
|
|
name: '业务空间f1-001',
|
|
|
isAI: false,
|
|
@@ -80,7 +88,7 @@ export default {
|
|
|
|
|
|
},
|
|
|
created () {
|
|
|
- this,init()
|
|
|
+ this.init()
|
|
|
},
|
|
|
methods: {
|
|
|
init () {
|
|
@@ -95,6 +103,28 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
+<style lang="less">
|
|
|
+ .m-20 {
|
|
|
+ margin: 0 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .block {
|
|
|
+ display: inline-block;
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
+ width: 120px;
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .relate {
|
|
|
+ background-color: yellow;
|
|
|
+ border: 1px solid black;
|
|
|
+
|
|
|
+ }
|
|
|
|
|
|
-</style>
|
|
|
+ .space {
|
|
|
+ background-color: #999;
|
|
|
+
|
|
|
+ }
|
|
|
+</style>
|