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