|
@@ -1,14 +1,14 @@
|
|
<template>
|
|
<template>
|
|
<div ref="graphyMain" class="canvasGraphy">
|
|
<div ref="graphyMain" class="canvasGraphy">
|
|
|
|
+ <div style="width:100%;height:100%;" v-show="type==3" ref="canvasContainer" v-loading="canvasLoading">
|
|
|
|
+ <canvas id="canvas" :width="canvasW" :height="canvasH" ref="canvas"></canvas>
|
|
|
|
+ </div>
|
|
<div v-if="type!=3" class="center" style="height: 400px;padding-top: 315px; box-sizing:border-box;">
|
|
<div v-if="type!=3" class="center" style="height: 400px;padding-top: 315px; box-sizing:border-box;">
|
|
<i class="icon-wushuju iconfont"></i>
|
|
<i class="icon-wushuju iconfont"></i>
|
|
<p>{{type == 1 ? '请选择楼层' : '当前楼层尚无平面图,请去空间管理根据模型生成'}}</p>
|
|
<p>{{type == 1 ? '请选择楼层' : '当前楼层尚无平面图,请去空间管理根据模型生成'}}</p>
|
|
</div>
|
|
</div>
|
|
- <div style="width:100%;height:100%;" v-show="type==3" ref="canvasContainer" v-loading="canvasLoading">
|
|
|
|
- <canvas id="canvas" :width="canvasW" :height="canvasH" ref="canvas"></canvas>
|
|
|
|
- </div>
|
|
|
|
<!-- 底部操作按钮 -->
|
|
<!-- 底部操作按钮 -->
|
|
- <el-row v-if="type == 3" class="canvas-actions-box">
|
|
|
|
|
|
+ <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"
|
|
<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>
|
|
@redo="redo" @scale="scale" :isEdit="isEdit" :config="config" ref="canvasFun"></canvasFun>
|
|
</el-row>
|
|
</el-row>
|