|
@@ -230,7 +230,7 @@
|
|
<img class="shade-big-img" src="@/assets/ZDimages/evacuation3_2/img_znwl_jt.png">
|
|
<img class="shade-big-img" src="@/assets/ZDimages/evacuation3_2/img_znwl_jt.png">
|
|
<div class="shade-big-1-text-1">
|
|
<div class="shade-big-1-text-1">
|
|
<img src="@/assets/ZDimages/evacuation3_2/img_xgbj_gd.png">
|
|
<img src="@/assets/ZDimages/evacuation3_2/img_xgbj_gd.png">
|
|
- <p>过道</p>
|
|
|
|
|
|
+ <p>楼道</p>
|
|
</div>
|
|
</div>
|
|
<div class="shade-big-1-text-2">
|
|
<div class="shade-big-1-text-2">
|
|
<img src="@/assets/ZDimages/evacuation3_2/img_xgbj_yjck.png">
|
|
<img src="@/assets/ZDimages/evacuation3_2/img_xgbj_yjck.png">
|
|
@@ -240,9 +240,9 @@
|
|
<img src="@/assets/ZDimages/evacuation3_2/img_xgbj_fj.png">
|
|
<img src="@/assets/ZDimages/evacuation3_2/img_xgbj_fj.png">
|
|
<p>房间</p>
|
|
<p>房间</p>
|
|
</div>
|
|
</div>
|
|
- <p class="shade-big-1-text-4">过道绘制方法为点击拖拽至绘制区域,鼠标左键选中楼道可以调整过道的位置和尺寸。过道支持与其他过道衔接,衔接办法为选择矩形过道中线上的点位与另外一个矩形过的中线进行结合即可。</p>
|
|
|
|
|
|
+ <p class="shade-big-1-text-4">楼道绘制方法为点击拖拽至绘制区域,鼠标左键选中楼道可以调整楼道的位置和尺寸。楼道支持与其他楼道衔接,衔接办法为选择矩形楼道中线上的点位与另外一个矩形过的中线进行结合即可。</p>
|
|
<p class="shade-big-1-text-5">应急出口为固定尺寸,点击拖拽至绘制区域即可。</p>
|
|
<p class="shade-big-1-text-5">应急出口为固定尺寸,点击拖拽至绘制区域即可。</p>
|
|
- <p class="shade-big-1-text-6">房间可直接拖拽至绘制区域,鼠标左键选中房间可以调整过道的位置和尺寸。</p>
|
|
|
|
|
|
+ <p class="shade-big-1-text-6">房间可直接拖拽至绘制区域,鼠标左键选中房间可以调整楼道的位置和尺寸。</p>
|
|
<p class="shade-big-1-text-7" @click="shadeClick(3)">下一步</p>
|
|
<p class="shade-big-1-text-7" @click="shadeClick(3)">下一步</p>
|
|
</div>
|
|
</div>
|
|
<div v-if="shadeBoxType == 3" class="shade-max-box-3">
|
|
<div v-if="shadeBoxType == 3" class="shade-max-box-3">
|
|
@@ -274,7 +274,7 @@
|
|
import { getToken } from "@/utils/auth";
|
|
import { getToken } from "@/utils/auth";
|
|
import { checkDoorTo,checkLightDirection,checkRoom,calculateTrafficPoint,addDoorPoint,
|
|
import { checkDoorTo,checkLightDirection,checkRoom,calculateTrafficPoint,addDoorPoint,
|
|
doorMoveJudge,lightMoveJudge,roomMove,roomAdd,lightAdd,addDoor,fourCornersZoom,
|
|
doorMoveJudge,lightMoveJudge,roomMove,roomAdd,lightAdd,addDoor,fourCornersZoom,
|
|
- fourEdgeZoom,setJsData} from "@/utils/evacuationLayout";
|
|
|
|
|
|
+ fourEdgeZoom,setJsData,checkInstall} from "@/utils/evacuationLayout";
|
|
import { subjectList} from "@/api/evacuation3_2/index";
|
|
import { subjectList} from "@/api/evacuation3_2/index";
|
|
export default {
|
|
export default {
|
|
name: "builDingDetails",
|
|
name: "builDingDetails",
|
|
@@ -323,15 +323,15 @@
|
|
boxIndex: "",
|
|
boxIndex: "",
|
|
//房间边框/角方向状态 1.上/右上 2.右/右下 3.下/左下 4.左/左上
|
|
//房间边框/角方向状态 1.上/右上 2.右/右下 3.下/左下 4.左/左上
|
|
moveType:null,
|
|
moveType:null,
|
|
- //抓取类型 1.房间 2.过道 3.应急出口 4.房门 6.疏散灯
|
|
|
|
|
|
+ //抓取类型 1.房间 2.楼道 3.应急出口 4.房门 6.疏散灯
|
|
grab:null,
|
|
grab:null,
|
|
//子类抓取下标
|
|
//子类抓取下标
|
|
minIndex:null,
|
|
minIndex:null,
|
|
//***********************模拟数据列表*************************//
|
|
//***********************模拟数据列表*************************//
|
|
- // 可选房间列表 //1.房间 2.过道 3.应急出口
|
|
|
|
|
|
+ // 可选房间列表 //1.房间 2.楼道 3.应急出口
|
|
roomList:[
|
|
roomList:[
|
|
{
|
|
{
|
|
- name:"过道",
|
|
|
|
|
|
+ name:"楼道",
|
|
type: '2',
|
|
type: '2',
|
|
url:require('@/assets/ZDimages/evacuation3_2/img_xgbj_gd.png'),
|
|
url:require('@/assets/ZDimages/evacuation3_2/img_xgbj_gd.png'),
|
|
},
|
|
},
|
|
@@ -448,12 +448,45 @@
|
|
},
|
|
},
|
|
methods:{
|
|
methods:{
|
|
setDataButton(){
|
|
setDataButton(){
|
|
|
|
+ let self = this;
|
|
if(checkRoom(this.mapList)&&
|
|
if(checkRoom(this.mapList)&&
|
|
checkDoorTo(this.mapList)&&
|
|
checkDoorTo(this.mapList)&&
|
|
- checkLightDirection(this.mapList)){
|
|
|
|
|
|
+ checkInstall(this.mapList)){
|
|
let newMapList = JSON.parse(JSON.stringify(this.mapList))
|
|
let newMapList = JSON.parse(JSON.stringify(this.mapList))
|
|
let obj = addDoorPoint(newMapList)
|
|
let obj = addDoorPoint(newMapList)
|
|
console.log('obj',obj);
|
|
console.log('obj',obj);
|
|
|
|
+
|
|
|
|
+ let roomList = [];
|
|
|
|
+ let lightList = [];
|
|
|
|
+ for(let i=0;i<obj.mapList.length;i++){
|
|
|
|
+ if(obj.mapList[i].type == 1){
|
|
|
|
+ let minObj = {
|
|
|
|
+ buildId:self.propsData.buildId,
|
|
|
|
+ floorId:self.propsData.floorId,
|
|
|
|
+ roomType:obj.mapList[i].roomType,
|
|
|
|
+ roomNum:obj.mapList[i].roomNum,
|
|
|
|
+ pointName:obj.mapList[i].key,
|
|
|
|
+ }
|
|
|
|
+ if(obj.mapList[i].roomType != '-99'){
|
|
|
|
+ minObj.subId = obj.mapList[i].subId
|
|
|
|
+ }else{
|
|
|
|
+ minObj.roomName = obj.mapList[i].roomName
|
|
|
|
+ }
|
|
|
|
+ roomList.push(minObj);
|
|
|
|
+ }else if(obj.mapList[i].type == 2){
|
|
|
|
+ for(let o=0;o<obj.mapList[i].lightList.length;o++){
|
|
|
|
+ let minObj = {
|
|
|
|
+ buildId:self.propsData.buildId,
|
|
|
|
+ floorId:self.propsData.floorId,
|
|
|
|
+ pointName:obj.mapList[i].lightList[o].key,
|
|
|
|
+ relayCode:obj.mapList[i].lightList[o].name2,
|
|
|
|
+ relayBit:obj.mapList[i].lightList[o].name3,
|
|
|
|
+ }
|
|
|
|
+ lightList.push(minObj);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
let newObj = {
|
|
let newObj = {
|
|
imgUrl: this.imgUrl,
|
|
imgUrl: this.imgUrl,
|
|
canvasWidth: this.layerWidth,
|
|
canvasWidth: this.layerWidth,
|
|
@@ -461,8 +494,9 @@
|
|
buildId: this.propsData.buildId,
|
|
buildId: this.propsData.buildId,
|
|
floorId: this.propsData.floorId,
|
|
floorId: this.propsData.floorId,
|
|
relationalData:obj.newList,//点数据
|
|
relationalData:obj.newList,//点数据
|
|
- // buildFloorLayouts:obj.roomList,//房间数据
|
|
|
|
- layoutData:obj.mapList,//布局数据
|
|
|
|
|
|
+ buildFloorLayouts:roomList,//房间数据
|
|
|
|
+ lightData:lightList,//灯数据
|
|
|
|
+ layoutData:JSON.parse(JSON.stringify(this.mapList)),//布局数据
|
|
};
|
|
};
|
|
console.log('newObj',newObj);
|
|
console.log('newObj',newObj);
|
|
// lineVertex(newObj).then(response => {
|
|
// lineVertex(newObj).then(response => {
|
|
@@ -584,11 +618,6 @@
|
|
//遮罩菜单选中事件
|
|
//遮罩菜单选中事件
|
|
clickShadeButton(type){
|
|
clickShadeButton(type){
|
|
if(type == 1){
|
|
if(type == 1){
|
|
- if(this.mouseType == 1){
|
|
|
|
- //房间
|
|
|
|
- }else if(this.mouseType == 6){
|
|
|
|
- //灯
|
|
|
|
- }
|
|
|
|
this.$set(this,'dialogOpen',true)
|
|
this.$set(this,'dialogOpen',true)
|
|
}else if (type == 2){
|
|
}else if (type == 2){
|
|
if(this.dialogOpenType == 1 || this.dialogOpenType == 2 || this.dialogOpenType == 3){
|
|
if(this.dialogOpenType == 1 || this.dialogOpenType == 2 || this.dialogOpenType == 3){
|