|
@@ -9,8 +9,8 @@
|
|
|
</div>
|
|
|
<!-- 底部操作按钮 -->
|
|
|
<el-row v-show="type == 3" 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" :config="config" ref="canvasFun"></canvasFun>
|
|
|
+ <canvasFun @move="moveCanvas" @fit="fit" @savePng="savePng" @saveSvg="saveSvg" @saveJson="saveJson" @divide="divide" @clearDivide="clearDivide"
|
|
|
+ @undo="undo" @redo="redo" @scale="scale" :isEdit="isEdit" :config="config" ref="canvasFun"></canvasFun>
|
|
|
</el-row>
|
|
|
<div v-show="menuShow" id="menu" ref="menu">
|
|
|
<p @click="getDatails">编辑该标签</p>
|
|
@@ -27,8 +27,7 @@ import { mapGetters, mapActions } from "vuex";
|
|
|
import {
|
|
|
updateLocationPoint, //更新点位标签
|
|
|
} from "@/api/scan/request";
|
|
|
-import { SGraphyView } from "@saga-web/graphy/lib";
|
|
|
-import { LocationPointScene, MarkerItem, SpaceItem } from "@saga-web/cad-engine/lib";
|
|
|
+import { FloorView, LocationPointScene, MarkerItem, SpaceItem } from "@saga-web/cad-engine/lib";
|
|
|
import { SPoint } from "@saga-web/draw/lib";
|
|
|
|
|
|
export default {
|
|
@@ -57,7 +56,13 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapGetters('layout', ['projectId'])
|
|
|
+ ...mapGetters("layout", ["projectId", "projects"]),
|
|
|
+ projectName() {
|
|
|
+ let projectObj = this.projects.find(item => {
|
|
|
+ return item.id == this.projectId
|
|
|
+ })
|
|
|
+ return projectObj ? projectObj.name ? projectObj.name : projectObj.id : this.projectId
|
|
|
+ }
|
|
|
},
|
|
|
created() { },
|
|
|
mounted() {
|
|
@@ -76,6 +81,7 @@ export default {
|
|
|
this.type = 2;
|
|
|
} else {
|
|
|
this.buildMess = data;
|
|
|
+ this.buildFloorName = data.buildFloorName
|
|
|
this.type = 3;
|
|
|
}
|
|
|
},
|
|
@@ -152,7 +158,7 @@ export default {
|
|
|
this.view.scene.root.children = [];
|
|
|
this.view = null;
|
|
|
}
|
|
|
- this.view = new SGraphyView("canvas");
|
|
|
+ this.view = new FloorView("canvas");
|
|
|
},
|
|
|
// 定位
|
|
|
locationGraphy(point) {
|
|
@@ -162,7 +168,7 @@ export default {
|
|
|
},
|
|
|
//点击按钮
|
|
|
addPoint(point) {
|
|
|
-
|
|
|
+
|
|
|
if (this.point.Id != point.Id) {
|
|
|
console.log(point)
|
|
|
this.point = point;
|
|
@@ -240,7 +246,7 @@ export default {
|
|
|
this.view.scene = null;
|
|
|
return
|
|
|
}
|
|
|
- this.view = new SGraphyView('canvas')
|
|
|
+ this.view = new FloorView('canvas')
|
|
|
},
|
|
|
// 清除默认左右键事件
|
|
|
disableRightButton() {
|
|
@@ -269,11 +275,15 @@ export default {
|
|
|
},
|
|
|
// 保存为png
|
|
|
savePng() {
|
|
|
- this.view.saveImage(`${this.buildMess.code}.png`, 'png');
|
|
|
+ this.view.saveImage(`${this.projectName}-${this.buildFloorName}.png`, 'png');
|
|
|
},
|
|
|
// 保存为svg
|
|
|
saveSvg() {
|
|
|
- this.view.saveSceneSvg(`${this.buildMess.code}.svg`, 6400, 4800);
|
|
|
+ this.view.saveSceneSvg(`${this.projectName}-${this.buildFloorName}.svg`, 6400, 4800);
|
|
|
+ },
|
|
|
+ // 保存json
|
|
|
+ saveJson() {
|
|
|
+ this.view.saveFloorJson(`${this.projectName}-${this.buildFloorName}.json`)
|
|
|
},
|
|
|
// 切割划分
|
|
|
divide() {
|