Browse Source

修改业务空间

chuwu 5 years ago
parent
commit
5c195b64c1

+ 2 - 2
src/components/business_space/graphy/business.vue

@@ -544,8 +544,8 @@
             //初始化canvas大小
             resetSize() {
                 this.canvasW =
-                    document.getElementById("app").offsetWidth - 2;
-                this.canvasH = document.getElementById("app").offsetHeight - 110;
+                    document.getElementById("businessSpace").offsetWidth - 2;
+                this.canvasH = document.getElementById("app").offsetHeight - 210;
                 let classs = document.getElementsByClassName("canvasWidth");
                 // for(let i = 0; i < classs.length;i++){
                 //   classs[i].style.height = this.canvasH + 'px'

+ 33 - 24
src/views/business_space/business_list/index.vue

@@ -27,42 +27,46 @@
                     </el-cascader>
                 </div>
             <div class="saga-build-tab">
-                <div class="tab-main" @click="tabList(1)" :class="isMyTab == 1 ? 'tab-active' : ''">
+                <!-- <div class="tab-main" @click="tabList(1)" :class="isMyTab == 1 ? 'tab-active' : ''">
                     <i class="iconfont icon-tupian"></i>
                     <span>平面图</span>
                 </div>
                 <div class="tab-main" @click="tabList(2)" :class="isMyTab == 2 ? 'tab-active' : ''">
                     <i class="iconfont icon-liebiao"></i>
                     <span>列表</span>
-                </div>
+                </div> -->
+                <el-radio-group v-model="isMyTab" @change="changeRadio">
+                    <el-radio-button label="1">CAD图</el-radio-button>
+                    <el-radio-button label="2">列表</el-radio-button>
+                </el-radio-group>
             </div>
         </div>
         <div v-show="isMyTab == 1" class="saga-business-sapce-main">
             <el-tabs v-model="activeName" @tab-click="tab1Click">
                 <template v-for="(item,index) in tabsList">
-                  <el-tab-pane :name="item.code" :key="index" :disabled="item.code > 3">
+                    <el-tab-pane :name="item.code" :key="index" :disabled="item.code > 3">
                     <span slot="label">{{item.name}}</span>
                     <graphy
-                      @getSp="checkSpace"
-                      @dimension="checkSpace"
-                      @businessDetails="getBuinessDetails"
-                      :ref="'graphy' + item.code"
-                      :canvasId="item.code"
+                        @getSp="checkSpace"
+                        @dimension="checkSpace"
+                        @businessDetails="getBuinessDetails"
+                        :ref="'graphy' + item.code"
+                        :canvasId="item.code"
                     ></graphy>
-                  </el-tab-pane>
-</template>
-                </el-tabs>
-                <!-- <space-graphy @dimension="checkSpace" :tabsList="tabsList" ref="graphy" :param="param"></space-graphy> -->
-                </div>
-                <div v-show="isMyTab == 2" class="saga-business-sapce-main">
-                <el-tabs v-model="activeName" @tab-click="handleClick">
-<template v-for="(item,index) in tabsList">
-    <el-tab-pane :name="item.code" :key="index" :disabled="item.code > 3">
-        <span slot="label">{{item.name}}</span>
-        <handsontable-main @lookEqu="lookEqu" :ref="'handsontable' + item.code" :id="'handsontable' + item.code" :param="param"></handsontable-main>
-    </el-tab-pane>
-</template>
-      </el-tabs>
+                    </el-tab-pane>
+                </template>
+            </el-tabs>
+            <!-- <space-graphy @dimension="checkSpace" :tabsList="tabsList" ref="graphy" :param="param"></space-graphy> -->
+            </div>
+            <div v-show="isMyTab == 2" class="saga-business-sapce-main">
+            <el-tabs v-model="activeName" @tab-click="handleClick">
+                <template v-for="(item,index) in tabsList">
+                    <el-tab-pane :name="item.code" :key="index" :disabled="item.code > 3">
+                        <span slot="label">{{item.name}}</span>
+                        <handsontable-main @lookEqu="lookEqu" :ref="'handsontable' + item.code" :id="'handsontable' + item.code" :param="param"></handsontable-main>
+                    </el-tab-pane>
+                </template>
+            </el-tabs>
       <!-- <space-handsontable :tabsList="tabsList" ref="spaceTable" :param="param"></space-handsontable> -->
     </div>
   </div>
@@ -154,6 +158,9 @@
         },
         mounted() {},
         methods: {
+            changeRadio(){
+                this.tabsList(this.isMyTab)
+            },
             //获取楼层
             getFloor() {
                 let param = {
@@ -403,6 +410,9 @@
 <style lang="less">
     #businessSpace {
         position: relative;
+        display: flex;
+        flex-direction: column;
+        background-color: #fff;
         .el-dialog__body {
             max-height: 600px;
             overflow-y: auto;
@@ -469,8 +479,7 @@
             }
         }
         .saga-business-sapce-main {
-            position: absolute;
-            width: 100%;
+            flex: 1;
             top: 40px;
             left: 0;
             right: 0;