shaun-sheep 5 lat temu
rodzic
commit
cdf3e6a582

+ 37 - 7
src/components/ledger/cenote/elevationMap.vue

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

+ 4 - 2
src/views/ledger/cenotelist/relatedSpace.vue

@@ -62,6 +62,7 @@
       <div v-show="isMyTab == 2" class="data-item">
         <related-spaceList :space="space" :buildingList="buildingList" :spaceType="spaceType" :floorType="floorType" ref="relatedSpacelist">
         </related-spaceList>
+        <elevationMap/>
       </div>
     </div>
   </div>
@@ -107,7 +108,8 @@ export default {
     spaceSelect,
     relatedSpaceList,
     addSpaceDialog,
-    cenoteGraphy
+    cenoteGraphy,
+    elevationMap
   },
   created() {
     this.getSpaceData();
@@ -417,4 +419,4 @@ export default {
 /deep/ .el-scrollbar__wrap {
   overflow-x: hidden;
 }
-</style>
+</style>