From 06b4d0624d78e4bdaa0a15a9a356b4880bb715fe Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Fri, 26 Nov 2021 10:56:45 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=AE=80=E5=8D=95?=
 =?UTF-8?q?=E8=A1=A8=E7=9B=98=E5=A4=8D=E5=88=B6=E5=90=8E=E4=B8=8D=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/widget/DeWidget/DeShowDate.vue  | 8 ++++----
 frontend/src/components/widget/DeWidget/TimeComplex.vue | 4 ++--
 frontend/src/components/widget/DeWidget/TimeSimple.vue  | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/widget/DeWidget/DeShowDate.vue b/frontend/src/components/widget/DeWidget/DeShowDate.vue
index 6b95c13419..5b71e6a3d5 100644
--- a/frontend/src/components/widget/DeWidget/DeShowDate.vue
+++ b/frontend/src/components/widget/DeWidget/DeShowDate.vue
@@ -1,12 +1,12 @@
 <template>
   <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>
 </template>
 
diff --git a/frontend/src/components/widget/DeWidget/TimeComplex.vue b/frontend/src/components/widget/DeWidget/TimeComplex.vue
index 62179bac4d..e7b95c1346 100644
--- a/frontend/src/components/widget/DeWidget/TimeComplex.vue
+++ b/frontend/src/components/widget/DeWidget/TimeComplex.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <canvas id="canvas" width="500" height="500" />
+    <canvas :id="'complex_canvas'+element.id" width="500" height="500" />
   </div>
 </template>
 
@@ -30,7 +30,7 @@ export default {
     }
   },
   mounted() {
-    this.canvas = document.getElementById('canvas')
+    this.canvas = document.getElementById('complex_canvas' + this.element.id)
     this.initCtx()
     this.initCtxBack()
     this.initNumBack()
diff --git a/frontend/src/components/widget/DeWidget/TimeSimple.vue b/frontend/src/components/widget/DeWidget/TimeSimple.vue
index a611e1b67f..260d6a25bc 100644
--- a/frontend/src/components/widget/DeWidget/TimeSimple.vue
+++ b/frontend/src/components/widget/DeWidget/TimeSimple.vue
@@ -2,7 +2,7 @@
   <div :style="{ 'height': containerHeight}">
     <div ref="canvasContainer" class="time-s-class" style="height: calc(100% - 50px);" :style="{'margin':timeMargin +'px'}">
       <canvas
-        id="canvas"
+        :id="'simple-canvas'+element.id"
         class="de-canvas"
         :width="canvas_width"
         :height="canvas_height"
@@ -47,7 +47,7 @@ export default {
     }
   },
   mounted() {
-    this.canvas = document.getElementById('canvas')
+    this.canvas = document.getElementById('simple-canvas' + this.element.id)
     this.draw = this.canvas.getContext('2d')
     this.canvas_width = this.element.style.width
     this.canvas_height = this.element.style.height