优化

packages/IntelligentSecurity/components/AiSlwVideo.vue

@@ -355,7 +355,7 @@
       z-index: 1;
       width: 100%;
       transition: all ease-in-out 0.5s;
-      // transform: translateY(100%);
+      transform: translateY(100%);
     }
 
     &:hover {

packages/IntelligentSecurity/components/Synergy.vue

@@ -54,7 +54,7 @@
     </div>
     <div class="playback">
       <div class="synergr-more" @click="isShowTimeline = !isShowTimeline" :class="[isShowTimeline ? 'active' : '']">
-        <img title="展开" src="https://cdn.cunwuyun.cn/slw2.0/images/arrow.png" />
+        <img :title="isShowTimeline ? '收起' : '展开'" src="https://cdn.cunwuyun.cn/slw2.0/images/arrow.png" />
       </div>
       <div class="playback-list" v-if="isShowTimeline">
         <el-checkbox-group v-model="checked" @change="onCheckChange">
@@ -90,7 +90,7 @@
   import PlaybackTime from './PlaybackTime'
 
   export default {
-    props: ['ids', 'instance'],
+    props: ['ids', 'instance', 'isLoading'],
 
     name: 'Synergy',
 
@@ -111,7 +111,7 @@
           date: ''
         },
         times: [],
-        isShowTimeline: false,
+        isShowTimeline: true,
         checkList: [],
         isInit: false,
         left: 0,
@@ -318,7 +318,7 @@
       },
 
       getSlwPlaybackTime () {
-        this.isLoading = true
+        this.$emit('update:isLoading', true)
         this.instance.post(`/app/appzyvideoequipment/getSlwPlaybackTime`, null, {
           params: {
             ids: this.ids,
@@ -346,10 +346,10 @@
               })
             }
 
-            this.isLoading = false
+            this.$emit('update:isLoading', false)
           }
         }).catch(() => {
-          this.isLoading = false
+          this.$emit('update:isLoading', false)
         })
       },
 

packages/IntelligentSecurity/components/Timeline.vue

@@ -80,7 +80,7 @@
           this.isHide = false
 
           if (!this.isChoose) return
-          this.x = e.clientX - canvasInfo.left - 4
+          this.x = e.clientX - canvasInfo.left
           this.ratioW = this.x / this.canvasWidth
         } else {
           this.isHide = true
@@ -91,10 +91,11 @@
         const canvasInfo = document.querySelector(`#${this.id}`).getBoundingClientRect()
 
         if (e.clientY - canvasInfo.top < 29) {
-          this.x = e.clientX - canvasInfo.left - 4
+          this.x = e.clientX - canvasInfo.left
           clearInterval(this.timer)
           this.timer = null
           const time = this.secTotime((24 * 60 * 60) / this.canvasWidth * this.x)
+
           this.$emit('replay', time)
         }
       },
@@ -185,11 +186,12 @@
 
       drawLine(ctx, options) {
         const { beginX, beginY, endX, endY, lineColor, lineWidth } = options
-        ctx.beginPath()
         ctx.lineWidth = lineWidth
+        ctx.strokeStyle = lineColor
+        ctx.beginPath()
         ctx.moveTo(beginX, beginY)
         ctx.lineTo(endX, endY)
-        ctx.strokeStyle = lineColor
+        ctx.closePath()
         ctx.stroke()
       },
 
@@ -240,6 +242,10 @@
             }
           }
         }
+
+        if (!this.times.length) {
+        ctx.stroke()
+        }
       }
     }
   }
@@ -259,6 +265,7 @@
       user-select: none;
       cursor: e-resize;
       -webkit-user-drag: none;
+      // transform: translateX(-50%);
     }
 
     .time-scale {