From 17c74dd95664dd4cab719828982562c5072e7bc5 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Fri, 22 Apr 2022 16:09:07 +0800
Subject: [PATCH] 29258

---
 .../components/PlaybackTime.vue                 | 17 ++++++-----------
 .../IntelligentSecurity/components/Synergy.vue  |  2 +-
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/packages/IntelligentSecurity/components/PlaybackTime.vue b/packages/IntelligentSecurity/components/PlaybackTime.vue
index db4368cc..c2c5bc40 100644
--- a/packages/IntelligentSecurity/components/PlaybackTime.vue
+++ b/packages/IntelligentSecurity/components/PlaybackTime.vue
@@ -12,7 +12,7 @@
 
 <script>
   export default {
-    props: ['times'],
+    props: ['times', 'deviceId'],
 
     data () {
       return {
@@ -21,7 +21,7 @@
         canvasHeight: '',
         isInit: false,
         wrapper: `canvas-${new Date().getTime()}`,
-        id: `timeline-${new Date().getTime()}`,
+        id: `timeline-${new Date().getTime()}-${this.deviceId}`,
         timer: null
       }
     },
@@ -49,6 +49,10 @@
 
     methods: {
       init () {
+        if (this.ctx) {
+          this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight)
+        }
+        this.isInit = false
         this.$nextTick(() => {
           this.isInit = true
           this.$nextTick(() => {
@@ -60,16 +64,7 @@
               this.ctx = el.getContext('2d')
               this.ctx.width  = document.querySelector('.canvas').offsetWidth
               this.ctx.height  = document.querySelector('.canvas').offsetHeight
-
-              if (this.x > 0) {
-                // this.x = this.canvasWidth * this.ratioW
-              } else {
-                // this.initNowTime()
-              }
-
               this.renderPlayback()
-
-              // this.countdown()
             })
           })
         })
diff --git a/packages/IntelligentSecurity/components/Synergy.vue b/packages/IntelligentSecurity/components/Synergy.vue
index 246e1a20..be6353b9 100644
--- a/packages/IntelligentSecurity/components/Synergy.vue
+++ b/packages/IntelligentSecurity/components/Synergy.vue
@@ -58,7 +58,7 @@
           <div class="playback-item" v-for="(item, index) in times" :key="index">
             <el-checkbox :label="item.id">
               <span>通道{{ index + 1 }}</span>
-              <PlaybackTime class="playback-item__timeline" :key="'PlaybackTime' + index" :times="item.times"></PlaybackTime>
+              <PlaybackTime class="playback-item__timeline" :key="'PlaybackTime' + index" v-if="item.times.length" :deviceId="item.id" :times="item.times"></PlaybackTime>
             </el-checkbox>
           </div>
         </el-checkbox-group>