|
@@ -2,15 +2,15 @@
|
|
|
<div :id="`drawFloor${id}`" class="drawFloor" v-loading="canvasLoading">
|
|
|
<canvas :id="`floorCanvas${id}`" :width="cadWidth" :height="cadHeight" ref="canvas" tabindex="0"></canvas>
|
|
|
<div class="operate" v-if="showTools">
|
|
|
- <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" @scale="scale"
|
|
|
+ @changeAbsorb="changeAbsorb" :isEdit="isEdit" ref="canvasFun"></canvasFun>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { SGraphyView } from "@saga-web/graphy/lib";
|
|
|
-import { DivideFloorScene } from "@saga-web/cad-engine/lib"
|
|
|
+import { DivideFloorScene, FloorView } from "@saga-web/cad-engine/lib"
|
|
|
import { SColor, SPoint } from "@saga-web/draw/lib";
|
|
|
import canvasFun from "@/components/business_space/newGraphy/canvasFun"
|
|
|
import { floorQuery } from "@/api/scan/request";
|
|
@@ -123,23 +123,13 @@ export default {
|
|
|
return
|
|
|
}
|
|
|
let id = `floorCanvas${this.id}`;
|
|
|
- this.view = new SGraphyView(id)
|
|
|
+ this.view = new FloorView(id)
|
|
|
},
|
|
|
// canvas 获取焦点
|
|
|
focus() {
|
|
|
document.getElementById(`floorCanvas${this.id}`).focus()
|
|
|
},
|
|
|
// 工具栏操作
|
|
|
- // 移动底图
|
|
|
- moveCanvas(move) {
|
|
|
- // todo
|
|
|
- let canvas = document.getElementById(`floorCanvas${this.id}`);
|
|
|
- if (move) {
|
|
|
- canvas.style.cursor = 'move';
|
|
|
- } else {
|
|
|
- canvas.style.cursor = 'default';
|
|
|
- }
|
|
|
- },
|
|
|
// 适配底图到窗口
|
|
|
fit() {
|
|
|
this.view.fitSceneToView()
|
|
@@ -160,6 +150,10 @@ export default {
|
|
|
clearDivide() {
|
|
|
this.drawMainScene.clearSceneMark()
|
|
|
},
|
|
|
+ // 吸附
|
|
|
+ changeAbsorb(isAbsorbing) {
|
|
|
+ this.drawMainScene.isAbsorbing = isAbsorbing;
|
|
|
+ },
|
|
|
// 撤销
|
|
|
undo() {
|
|
|
|