|
@@ -49,6 +49,11 @@
|
|
|
<el-button plain @click="cancelGraphy">取 消</el-button>
|
|
|
<el-button type="primary" @click="saveRefactorBSP">保存</el-button>
|
|
|
</div>
|
|
|
+ <!-- 批量创建所选业务空间 -->
|
|
|
+ <div v-show="type==5">
|
|
|
+ <el-button type="primary" @click="groupCreateZone">批量创建所选业务空间</el-button>
|
|
|
+ <el-button plain @click="cancelGraphy">取 消</el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div style="position: absolute;right: 0;">
|
|
|
<el-button type="text" @click="lookUnrelatBSpace(false)">未关联平面图的业务空间 {{num}} 条</el-button>
|
|
@@ -56,13 +61,13 @@
|
|
|
</el-row>
|
|
|
<!-- 底部操作按钮 -->
|
|
|
<el-row class="canvas-actions-box">
|
|
|
- <canvasFun @move="moveCanvas" @fit="fit" @savePng="savePng" @saveSvg="saveSvg" @divide="divide" @clearDivide="clearDivide" @undo="undo"
|
|
|
- @redo="redo" @scale="scale" :isEdit="isEdit" ref="canvasFun"></canvasFun>
|
|
|
+ <canvasFun @fit="fit" @savePng="savePng" @saveSvg="saveSvg" @divide="divide" @clearDivide="clearDivide" @undo="undo" @redo="redo"
|
|
|
+ @changeAbsorb="changeAbsorb" @scale="scale" @groupSelect="groupSelect" :config="config" ref="canvasFun"></canvasFun>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
<!-- -->
|
|
|
<!-- 未关联元空间的业务空间 -->
|
|
|
- <unRelateBSP ref="unRelateBSP" :tableData="BSPUnrelaISPList" :isAction="isAction" @createFromUnrelated="createFromUnrelated"></unRelateBSP>
|
|
|
+ <unRelateBSP ref="unRelateBSP" :isAction="isAction" @createFromUnrelated="createFromUnrelated" :code="tab.code"></unRelateBSP>
|
|
|
<!-- 创建新的业务空间 -->
|
|
|
<createBSP ref="createBSP" @createRoom="createRoom"></createBSP>
|
|
|
<!-- 批量创建选择弹窗 -->
|
|
@@ -92,10 +97,11 @@ import { FloorView } from "@saga-web/cad-engine/lib/FloorView";
|
|
|
import unRelateBSP from "./unRelateBSP";
|
|
|
import createBSP from "./createBSP";
|
|
|
import {
|
|
|
- countZone,
|
|
|
+ buildingQuery,
|
|
|
queryZone,
|
|
|
updateZone,
|
|
|
createZone,
|
|
|
+ countZone,
|
|
|
getIspNotInSpace,
|
|
|
createRelateInZoneAndISp,
|
|
|
groupCreRelaZoneAndISp
|
|
@@ -125,18 +131,21 @@ export default {
|
|
|
canvasHeight: 600,
|
|
|
type: 1, // 默认操作模式
|
|
|
search: '',//搜索
|
|
|
- num: 0, // 未关联空间的业务空间条数
|
|
|
buildFloor: ['', ''],
|
|
|
FloorObj: {}, //楼层对象
|
|
|
FloorMap: '', //楼层底图
|
|
|
tab: {},
|
|
|
- isEdit: false,
|
|
|
+ config: {
|
|
|
+ isEdit: false,
|
|
|
+ divide: true,
|
|
|
+ groupSelect: true
|
|
|
+ },
|
|
|
canvasLoading: false,
|
|
|
view: null,
|
|
|
scene: null,
|
|
|
Outline: [], // 当前选中的多个空间组成的轮廓线->三维数组
|
|
|
businessSpaceList: [], // 所有业务空间
|
|
|
- BSPUnrelaISPList: [], // 未关联元空间的业务空间
|
|
|
+ num: 0, // 未关联元空间的业务空间统计
|
|
|
BSPRelaISPList: [], // 已关联元空间的业务空间
|
|
|
// 未关联元空间的业务空间弹窗
|
|
|
isAction: false,
|
|
@@ -178,12 +187,17 @@ export default {
|
|
|
// 业务空间
|
|
|
this.getBusinessSpace();
|
|
|
}
|
|
|
- // 获取未关联平面图的业务空间统计
|
|
|
- this.getUnrelateCount();
|
|
|
+ this.config = {
|
|
|
+ isEdit: false,
|
|
|
+ divide: true,
|
|
|
+ groupSelect: true
|
|
|
+ }
|
|
|
// 获取当前楼层的元空间
|
|
|
this.getFloorISpace();
|
|
|
// 查询未关联业务空间的元空间
|
|
|
- this.getISPSPUnrelaBSP()
|
|
|
+ this.getISPSPUnrelaBSP();
|
|
|
+ // 查询未关联平面图的业务空间
|
|
|
+ this.getBSPunrelaISP();
|
|
|
},
|
|
|
// 获取当前楼层的元空间
|
|
|
getFloorISpace() {
|
|
@@ -223,6 +237,7 @@ export default {
|
|
|
this.scene.clearZoneSelection();
|
|
|
// 选中当前
|
|
|
zone.selected = true;
|
|
|
+ this.curZoneItem = zone;
|
|
|
this.type = 2;
|
|
|
this.view.fitSelectedToView();
|
|
|
},
|
|
@@ -239,18 +254,6 @@ export default {
|
|
|
console.log(arguments)
|
|
|
this.init(initType);
|
|
|
},
|
|
|
- // 获取未关联平面图的业务空间统计
|
|
|
- getUnrelateCount() {
|
|
|
- let pa = {
|
|
|
- data: {
|
|
|
- Filters: `BuildingId='${this.buildFloor[0]}';FloorId='${this.buildFloor[1]}';Outline isNull`
|
|
|
- },
|
|
|
- zone: this.tab.code
|
|
|
- }
|
|
|
- countZone(pa, res => {
|
|
|
- this.num = res.Count
|
|
|
- })
|
|
|
- },
|
|
|
// 获取未绑定业务空间的元空间
|
|
|
getISPSPUnrelaBSP() {
|
|
|
let pa = {
|
|
@@ -320,15 +323,11 @@ export default {
|
|
|
queryZone(pa, res => {
|
|
|
// 所有业务空间
|
|
|
this.businessSpaceList = res.Content;
|
|
|
- // 未关联元空间的业务空间
|
|
|
- this.BSPUnrelaISPList = [];
|
|
|
// 已关联元空间的业务空间
|
|
|
this.BSPRelaISPList = [];
|
|
|
res.Content.map(t => {
|
|
|
if (t.Outline && t.Outline.length) {
|
|
|
this.BSPRelaISPList.push(t)
|
|
|
- } else {
|
|
|
- this.BSPUnrelaISPList.push(t)
|
|
|
}
|
|
|
})
|
|
|
// 绘制业务空间
|
|
@@ -349,18 +348,24 @@ export default {
|
|
|
},
|
|
|
// canvas点击事件
|
|
|
canvasClick(item, event) {
|
|
|
+ console.log(item)
|
|
|
+ console.log(event)
|
|
|
if (this.type == 4) {
|
|
|
|
|
|
} else {
|
|
|
if (item instanceof SpaceItem && item.selectable) {
|
|
|
+ if (this.type == 2) {
|
|
|
+ this.scene.clearZoneSelection();
|
|
|
+ }
|
|
|
this.type = 3;
|
|
|
this.curZoneItem = {};
|
|
|
- this.scene.isZoneSelectable = false;
|
|
|
}
|
|
|
if (item instanceof ZoneItem && item.selectable) {
|
|
|
+ if (this.type == 3) {
|
|
|
+ this.scene.clearSpaceSelection();
|
|
|
+ }
|
|
|
this.type = 2;
|
|
|
this.curZoneItem = item;
|
|
|
- this.scene.isSpaceSelectable = false;
|
|
|
this.scene.clearZoneSelection();
|
|
|
item.selected = true;
|
|
|
}
|
|
@@ -369,6 +374,11 @@ export default {
|
|
|
// 编辑平面图
|
|
|
editGraphy() {
|
|
|
this.type = 3;
|
|
|
+ this.config.isEdit = true;
|
|
|
+ this.config.groupSelect = false;
|
|
|
+ this.config.divide = true;
|
|
|
+ // 设置业务空间不可选
|
|
|
+ this.scene.isZoneSelectable = false
|
|
|
},
|
|
|
// 查看未关联的业务空间--flag--查看-or-选择
|
|
|
lookUnrelatBSpace(flag) {
|
|
@@ -393,7 +403,17 @@ export default {
|
|
|
if (this.groupCreateType == 1) {
|
|
|
this.groupCreateBSpace()
|
|
|
} else if (this.groupCreateType == 2) {
|
|
|
-
|
|
|
+ this.type = 5;
|
|
|
+ this.config.isEdit = true;
|
|
|
+ this.config.groupSelect = true;
|
|
|
+ this.config.divide = false;
|
|
|
+ this.groupCreateDialogVis = false;
|
|
|
+ // 清空选中空间
|
|
|
+ this.scene.clearSpaceSelection();
|
|
|
+ // 设置空间可选
|
|
|
+ this.scene.isSpaceSelectable = true;
|
|
|
+ // 设置业务空间不可选
|
|
|
+ this.scene.isZoneSelectable = false;
|
|
|
}
|
|
|
},
|
|
|
// 批量创建业务空间
|
|
@@ -428,34 +448,9 @@ export default {
|
|
|
type: "warning"
|
|
|
}
|
|
|
).then(() => {
|
|
|
- let pa = {
|
|
|
- zone: this.tab.code,
|
|
|
- data: {
|
|
|
- Content: Spaces
|
|
|
- }
|
|
|
- }
|
|
|
+ this.groupCreateDialogVis = false;
|
|
|
this.canvasLoading = true;
|
|
|
- createZone(pa, res => {
|
|
|
- res.EntityList.map(t => {
|
|
|
- Spaces = Spaces.map(item => {
|
|
|
- if (t.RoomLocalName == item.RoomLocalName) {
|
|
|
- item.SpaceId = t.RoomID
|
|
|
- }
|
|
|
- return item;
|
|
|
- })
|
|
|
- })
|
|
|
- let param = {
|
|
|
- data: {
|
|
|
- Content: Spaces
|
|
|
- },
|
|
|
- type: this.tab.code
|
|
|
- }
|
|
|
- groupCreRelaZoneAndISp(param, res => {
|
|
|
- this.$message.success('创建成功')
|
|
|
- this.canvasLoading = false;
|
|
|
- this.init(2)
|
|
|
- })
|
|
|
- })
|
|
|
+ this.groupCreateBSP(Spaces)
|
|
|
}).catch(() => {
|
|
|
this.$message({
|
|
|
type: "info",
|
|
@@ -494,38 +489,21 @@ export default {
|
|
|
zoneObj.RoomLocalName = val;
|
|
|
zoneObj.BuildingId = this.buildFloor[0];
|
|
|
zoneObj.FloorId = this.buildFloor[1];
|
|
|
- let pa = {
|
|
|
- zone: this.tab.code,
|
|
|
- data: {
|
|
|
- Content: [zoneObj]
|
|
|
- }
|
|
|
- }
|
|
|
- createZone(pa, res => {
|
|
|
- this.relationInBSPandISP(res.EntityList[0].RoomID, IspaceIdList)
|
|
|
- })
|
|
|
+ this.createSingleBSP(zoneObj, IspaceIdList)
|
|
|
},
|
|
|
// 从未关联平面图的业务空间中选择--按钮返回关联信号
|
|
|
createFromUnrelated(BSP) {
|
|
|
BSP.Outline = [];
|
|
|
BSP.Height = 0;
|
|
|
- let arr = this.scene.getSelectedSpaces();
|
|
|
+ let arr = this.scene.getSelectedSpaces(), IspaceIdList = [];
|
|
|
arr.map(t => {
|
|
|
BSP.Outline.push(t.data.OutLine);
|
|
|
+ IspaceIdList.push(this.BIMIDToSID[t.data.SourceId]);
|
|
|
if (t.Height && (BSP.Height == 0 || t.Height < BSP.Height)) {
|
|
|
BSP.Height = t.Height;
|
|
|
}
|
|
|
})
|
|
|
- let pa = {
|
|
|
- zone: BSP.ObjectType,
|
|
|
- data: {
|
|
|
- Content: [BSP],
|
|
|
- Projection: ['Outline']
|
|
|
- }
|
|
|
- }
|
|
|
- updateZone(pa, res => {
|
|
|
- this.$message.success('更新成功');
|
|
|
- this.init(2);
|
|
|
- })
|
|
|
+ this.updateBSPOutline(BSP, IspaceIdList)
|
|
|
},
|
|
|
// 编辑空间详情
|
|
|
editeSpaceDetail() {
|
|
@@ -543,7 +521,8 @@ export default {
|
|
|
// 设置空间可选
|
|
|
this.scene.isSpaceSelectable = true;
|
|
|
// 将已关联的设置不可选,并将当前选的隐藏
|
|
|
- this.scene.changeSelectZone(this.curZoneItem);
|
|
|
+ this.scene.isZoneSelectable = false;
|
|
|
+ this.curZoneItem.visible = false;
|
|
|
},
|
|
|
// 重新划分--保存
|
|
|
saveRefactorBSP() {
|
|
@@ -561,6 +540,69 @@ export default {
|
|
|
if (!zoneObj.Outline.length) {
|
|
|
zoneObj.Outline = null;
|
|
|
}
|
|
|
+ this.updateBSPOutline(zoneObj, IspaceIdList)
|
|
|
+ },
|
|
|
+ // 批量创建所选业务空间
|
|
|
+ groupCreateZone() { },
|
|
|
+ // 更新业务空间和元空间的关系
|
|
|
+ relationInBSPandISP(SpaceId, IspaceIdList) {
|
|
|
+ let pa = {
|
|
|
+ data: { SpaceId: SpaceId, IspaceIdList: IspaceIdList },
|
|
|
+ type: this.tab.code
|
|
|
+ }
|
|
|
+ createRelateInZoneAndISp(pa, res => {
|
|
|
+ this.$message.success('创建成功');
|
|
|
+ this.init(2);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 批量更新业务空间和元空间的关系
|
|
|
+ groupCreRelaZoneAndISp(Spaces) {
|
|
|
+ let param = {
|
|
|
+ data: {
|
|
|
+ Content: Spaces
|
|
|
+ },
|
|
|
+ type: this.tab.code
|
|
|
+ }
|
|
|
+ groupCreRelaZoneAndISp(param, res => {
|
|
|
+ this.$message.success('创建成功')
|
|
|
+ this.canvasLoading = false;
|
|
|
+ this.init(2)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 批量创建
|
|
|
+ groupCreateBSP(spaces) {
|
|
|
+ let pa = {
|
|
|
+ zone: this.tab.code,
|
|
|
+ data: {
|
|
|
+ Content: spaces
|
|
|
+ }
|
|
|
+ }
|
|
|
+ createZone(pa, res => {
|
|
|
+ res.EntityList.map(t => {
|
|
|
+ spaces = spaces.map(item => {
|
|
|
+ if (t.RoomLocalName == item.RoomLocalName) {
|
|
|
+ item.SpaceId = t.RoomID
|
|
|
+ }
|
|
|
+ return item;
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.groupCreRelaZoneAndISp(spaces)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 单个创建
|
|
|
+ createSingleBSP(space, IspaceIdList) {
|
|
|
+ let pa = {
|
|
|
+ zone: this.tab.code,
|
|
|
+ data: {
|
|
|
+ Content: [space]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ createZone(pa, res => {
|
|
|
+ this.relationInBSPandISP(res.EntityList[0].RoomID, IspaceIdList)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 更新业务空间区域
|
|
|
+ updateBSPOutline(zoneObj, IspaceIdList) {
|
|
|
let pa = {
|
|
|
zone: this.tab.code,
|
|
|
data: {
|
|
@@ -572,15 +614,16 @@ export default {
|
|
|
this.relationInBSPandISP(zoneObj.RoomID, IspaceIdList)
|
|
|
})
|
|
|
},
|
|
|
- // 更新业务空间和元空间的关系
|
|
|
- relationInBSPandISP(SpaceId, IspaceIdList) {
|
|
|
+ // 查询未关联平面图的业务空间(项目下+当前分区)
|
|
|
+ getBSPunrelaISP() {
|
|
|
let pa = {
|
|
|
- data: { SpaceId: SpaceId, IspaceIdList: IspaceIdList },
|
|
|
- type: this.tab.code
|
|
|
+ zone: this.tab.code,
|
|
|
+ data: {
|
|
|
+ Filters: `Outline isNull`
|
|
|
+ }
|
|
|
}
|
|
|
- createRelateInZoneAndISp(pa, res => {
|
|
|
- this.$message.success('创建成功');
|
|
|
- this.init(2);
|
|
|
+ countZone(pa, res => {
|
|
|
+ this.num = res.Count;
|
|
|
})
|
|
|
},
|
|
|
// canvas 获取焦点
|
|
@@ -596,15 +639,13 @@ export default {
|
|
|
this.view = new FloorView('floorCanvas')
|
|
|
},
|
|
|
// 工具栏操作
|
|
|
- // 移动底图
|
|
|
- moveCanvas(move) {
|
|
|
- // todo
|
|
|
- let canvas = document.getElementById(`floorCanvas`);
|
|
|
- if (move) {
|
|
|
- canvas.style.cursor = 'move';
|
|
|
- } else {
|
|
|
- canvas.style.cursor = 'default';
|
|
|
- }
|
|
|
+ // 吸附
|
|
|
+ changeAbsorb(isAbsorbing) {
|
|
|
+ this.scene.isAbsorbing = isAbsorbing;
|
|
|
+ },
|
|
|
+ // 框选
|
|
|
+ groupSelect() {
|
|
|
+ this.scene.isRectSelection = true;
|
|
|
},
|
|
|
// 适配底图到窗口
|
|
|
fit() {
|