Selaa lähdekoodia

添加立面图

zhangyu 5 vuotta sitten
vanhempi
commit
e5546220b0

+ 35 - 0
src/components/ledger/cenote/elevationMap.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      elevationData: {
+                                                     
+      }
+    }
+  },
+  computed: {
+    ...mapGetters("layout", ["projectId"])
+  },
+  props: {
+
+  },
+  methods: {
+
+  },
+  watch: {
+    projectId() {
+      console.log(this.projectId)
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

src/views/ledger/cenotelist/relatedSpaceList.vue → src/components/ledger/cenote/relatedSpaceList.vue


+ 31 - 15
src/views/ledger/cenotelist/relatedSpace.vue

@@ -34,22 +34,29 @@
             <el-option v-for="item in buildingList" :key="item.value" :label="item.BuildLocalName" :value="item.BuildID"></el-option>
           </el-select>
         </el-badge>
-        <el-row style="height:calc(100% - 42px);margin:10px 0 0 0;width:100%;position:relative;">
-          <el-col :span="3" style="height:100%;border:1px solid #e4e4e4;">
-            <el-scrollbar style="height:100%;">
-              <div class="floor" style="height:100%;text-align:center;">
-                <span class="floor-item" style="border-bottom:1px solid #e4e4e4;">楼 层</span>
-                <div v-if="building" v-loading="buildingLoading">
-                  <span class="floor-item" @click="changeFloor(item.FloorID)" :class="{floorItemChoose:(item.FloorID == floor)}"
-                    v-for="item in buildingObj.Floor" :key="item.FloorID">{{ item.FloorLocalName }}</span>
+        <div style="height:calc(100% - 42px);margin:10px 0 0 0;width:100%;">
+          <el-row style="height:100%;margin:0;width:55%;position:relative;display:inline-block;">
+            <el-col :span="4" style="height:100%;border:1px solid #e4e4e4;">
+              <el-scrollbar style="height:100%;">
+                <div class="floor" style="height:100%;text-align:center;">
+                  <span class="floor-item" style="border-bottom:1px solid #e4e4e4;">楼 层</span>
+                  <div v-if="building" v-loading="buildingLoading">
+                    <span class="floor-item" @click="changeFloor(item.FloorID)" :class="{floorItemChoose:(item.FloorID == floor)}"
+                      v-for="item in buildingObj.Floor" :key="item.FloorID">{{ item.FloorLocalName }}</span>
+                  </div>
                 </div>
-              </div>
+              </el-scrollbar>
+            </el-col>
+            <el-col :span="20" style="height:100%;border:1px solid #e4e4e4;border-left:none;position:relative;">
+              <cenote-graphy ref="cenotegraphy"></cenote-graphy>
+            </el-col>
+          </el-row>
+          <div class="elevation-box">
+            <el-scrollbar style="height:100%;">
+              <elevation-map></elevation-map>
             </el-scrollbar>
-          </el-col>
-          <el-col :span="21" style="height:100%;border:1px solid #e4e4e4;border-left:none;">
-            <cenote-graphy ref="cenotegraphy"></cenote-graphy>
-          </el-col>
-        </el-row>
+          </div>
+        </div>
 
       </div>
       <div v-show="isMyTab == 2" class="data-item">
@@ -62,7 +69,8 @@
 
 <script>
 import spaceSelect from "@/components/ledger/lib/spaceSelect";
-import relatedSpaceList from "@/views/ledger/cenotelist/relatedSpaceList";
+import relatedSpaceList from "@/components/ledger/cenote/relatedSpaceList";
+import elevationMap from "@/components/ledger/cenote/elevationMap";
 import addSpaceDialog from '@/components/ledger/cenote/dialog/addSpaceDialog';
 import { queryDictionaryHead, buildingQuery, shaftSpaceTypeQuery, shaftSpaceBuildingQuery } from '@/api/scan/request';
 import cenoteGraphy from '@/components/ledger/lib/cenoteGraphy'
@@ -388,6 +396,14 @@ export default {
   /deep/ .is-horizontal {
     display: none;
   }
+  .elevation-box {
+    height: 100%;
+    width: calc(45% - 14px);
+    margin-left: 10px;
+    display: inline-block;
+    box-sizing: border-box;
+    border: 1px solid #e4e4e4;
+  }
 }
 .floor-item {
   padding: 10px 10px;