提交 06b4d062 authored 作者: wangjiahao's avatar wangjiahao

fix: 修复简单表盘复制后不显示问题

上级 f4e23f7f
<template> <template>
<div style="height: 100%"> <div style="height: 100%">
<time-default v-if="element.formatInfo.openMode === '0'" :ref="element.id" :element="element" /> <time-default v-if="element.formatInfo.openMode === '0'" :ref="element.id" :element="element" />
<time-elec v-if="element.formatInfo.openMode === '1'" :ref="element.id" :element="element" /> <time-elec v-if="element.formatInfo.openMode === '1'" :ref="element.id" :element="element" />
<time-simple v-if="element.formatInfo.openMode === '2'" :ref="element.id" :element="element" /> <time-simple v-if="element.formatInfo.openMode === '2'" :ref="element.id" :element="element" />
<time-complex v-if="element.formatInfo.openMode === '3'" :ref="element.id" :element="element" /> <time-complex v-if="element.formatInfo.openMode === '3'" :ref="element.id" :element="element" />
</div> </div>
</template> </template>
......
<template> <template>
<div> <div>
<canvas id="canvas" width="500" height="500" /> <canvas :id="'complex_canvas'+element.id" width="500" height="500" />
</div> </div>
</template> </template>
...@@ -30,7 +30,7 @@ export default { ...@@ -30,7 +30,7 @@ export default {
} }
}, },
mounted() { mounted() {
this.canvas = document.getElementById('canvas') this.canvas = document.getElementById('complex_canvas' + this.element.id)
this.initCtx() this.initCtx()
this.initCtxBack() this.initCtxBack()
this.initNumBack() this.initNumBack()
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div :style="{ 'height': containerHeight}"> <div :style="{ 'height': containerHeight}">
<div ref="canvasContainer" class="time-s-class" style="height: calc(100% - 50px);" :style="{'margin':timeMargin +'px'}"> <div ref="canvasContainer" class="time-s-class" style="height: calc(100% - 50px);" :style="{'margin':timeMargin +'px'}">
<canvas <canvas
id="canvas" :id="'simple-canvas'+element.id"
class="de-canvas" class="de-canvas"
:width="canvas_width" :width="canvas_width"
:height="canvas_height" :height="canvas_height"
...@@ -47,7 +47,7 @@ export default { ...@@ -47,7 +47,7 @@ export default {
} }
}, },
mounted() { mounted() {
this.canvas = document.getElementById('canvas') this.canvas = document.getElementById('simple-canvas' + this.element.id)
this.draw = this.canvas.getContext('2d') this.draw = this.canvas.getContext('2d')
this.canvas_width = this.element.style.width this.canvas_width = this.element.style.width
this.canvas_height = this.element.style.height this.canvas_height = this.element.style.height
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论