|
@@ -3,18 +3,12 @@
|
|
|
-->
|
|
|
<template>
|
|
|
<div id="businessSpace">
|
|
|
- <!------------------------ 头部弹窗,选择楼层信息 -------------->
|
|
|
- <!-- <influence-dialog ref="influence" :param="param" :tabsList="tabsList" title="受元空间变化影响的业务空间" :isShow="floor"></influence-dialog> -->
|
|
|
- <details-dialog ref="details" @del="delSuccess" :param="param" :tabsList="tabsList" title="业务空间详情" :isShow="floor" :activeTabType="activeTabType">
|
|
|
- </details-dialog>
|
|
|
- <not-related ref="notRelated" @createSuccess="createSuccess" :isShow="floor"></not-related>
|
|
|
- <facility-dialog ref="facility" :activeTabType="activeTabType" :isShow="floor"></facility-dialog>
|
|
|
+ <!-- 空间属于多个建筑楼层 -->
|
|
|
+ <!-- <roomInFloorDialog ref="roomInFloorDialog"></roomInFloorDialog> -->
|
|
|
<!--------- 页面头部 -------------->
|
|
|
- <div class="saga-title">
|
|
|
+ <div class="saga-title" v-show="1">
|
|
|
<div class="saga-build-mess">
|
|
|
- <!-- <span style="padding-right:12px;color:#999999;">建筑楼层</span> -->
|
|
|
<floorCascader @change="changeCascader" ref="floorCascader"></floorCascader>
|
|
|
- <!-- <el-cascader :options="options" v-model="buildFloorSelectd" :props="props" @change="changeCascader"></el-cascader> -->
|
|
|
</div>
|
|
|
<div class="saga-build-tab">
|
|
|
<el-radio-group v-model="isMyTab" @change="changeRadio" style="width: 136px;">
|
|
@@ -22,8 +16,9 @@
|
|
|
<el-radio-button label="2" class="space-own-radio" style="width: 68px;">列表</el-radio-button>
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
|
+ <!-- <div class="saga-build-tips" v-if="1" @click="getTips">有25个空间同时属于多个建筑楼层,点击处理</div> -->
|
|
|
</div>
|
|
|
- <div class="saga-business-sapce-main">
|
|
|
+ <div class="saga-business-sapce-main" v-show="1">
|
|
|
<el-row class="spaceTypes">
|
|
|
<div class="types">
|
|
|
<el-tabs v-model="activeName" type='card' @tab-click="tabClick">
|
|
@@ -40,16 +35,24 @@
|
|
|
<handsontable-main @lookEqu="lookEqu" ref="handsontable" :zoneCode="activeName" :id="`handsontable${activeName}`"></handsontable-main>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div v-show="0" style="display:flex;align-items:center;justify-content:center;height:100%;background-color:#fff;">
|
|
|
+ <div class="center" style="flex:1">
|
|
|
+ <i class="iconfont icon-jianzhu" style="font-size:50px;"></i>
|
|
|
+ <p style="margin:10px 0;">设备空间关系已产生变化,请请前往关系总览重新计算</p>
|
|
|
+ <el-button>立即跳转</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import noModelDialog from "@/components/business_space/dialogs/noModelDialog";
|
|
|
-import influenceDialog from "@/components/business_space/dialogs/influenceDialog";
|
|
|
-import detailsDialog from "@/components/business_space/dialogs/detailsDialog";
|
|
|
-import notRelated from "@/components/business_space/dialogs/notRelated";
|
|
|
-import facilityDialog from "@/components/business_space/dialogs/facilityDialog";
|
|
|
+// import noModelDialog from "@/components/business_space/dialogs/noModelDialog";
|
|
|
+// import influenceDialog from "@/components/business_space/dialogs/influenceDialog";
|
|
|
+// import detailsDialog from "@/components/business_space/dialogs/detailsDialog";
|
|
|
+// import notRelated from "@/components/business_space/dialogs/notRelated";
|
|
|
+// import facilityDialog from "@/components/business_space/dialogs/facilityDialog";
|
|
|
// import graphy from "@/components/business_space/graphy/business";
|
|
|
import graphy from "@/components/business_space/newGraphy/graphy";
|
|
|
+import roomInFloorDialog from "@/components/business_space/newAddDialogs/roomInFloorDialog";
|
|
|
import handsontableMain from "@/components/business_space/business/handsontable";
|
|
|
import {
|
|
|
getDataDictionary,
|
|
@@ -63,13 +66,9 @@ import floorCascader from "@/components/ledger/lib/floorCascader";
|
|
|
import { mapGetters, mapActions } from "vuex";
|
|
|
export default {
|
|
|
components: {
|
|
|
- noModelDialog,
|
|
|
- influenceDialog,
|
|
|
- detailsDialog,
|
|
|
- notRelated,
|
|
|
graphy,
|
|
|
handsontableMain,
|
|
|
- facilityDialog,
|
|
|
+ roomInFloorDialog,
|
|
|
floorCascader,
|
|
|
},
|
|
|
computed: {
|
|
@@ -215,7 +214,7 @@ export default {
|
|
|
// 判断切换至图还是表
|
|
|
changeGraphyOrTable(num) {
|
|
|
this.activeTabType = this.getItemForType()
|
|
|
- if(!this.buildFloorSelectd[0]) {
|
|
|
+ if (!this.buildFloorSelectd[0]) {
|
|
|
this.$message.warning('请选择建筑楼层')
|
|
|
return
|
|
|
};
|
|
@@ -271,6 +270,10 @@ export default {
|
|
|
this.floor.facility = true
|
|
|
this.$refs.facility.getData(infos, this.buildMess)
|
|
|
},
|
|
|
+ // 空间属于多个建筑楼层
|
|
|
+ getTips() {
|
|
|
+ this.$refs.roomInFloorDialog.showDialog();
|
|
|
+ }
|
|
|
},
|
|
|
watch: {
|
|
|
floor: {
|
|
@@ -308,7 +311,6 @@ export default {
|
|
|
font-size: 14px;
|
|
|
position: relative;
|
|
|
line-height: 54px;
|
|
|
- width: 99.5%;
|
|
|
margin-bottom: 10px;
|
|
|
border: 1px solid #dfe6ec;
|
|
|
.saga-build-mess {
|
|
@@ -362,6 +364,13 @@ export default {
|
|
|
color: #fff;
|
|
|
}
|
|
|
}
|
|
|
+ .saga-build-tips {
|
|
|
+ float: right;
|
|
|
+ margin-right: 10px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #409eff;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
}
|
|
|
.saga-business-sapce-main {
|
|
|
overflow: hidden;
|