29369

packages/IntelligentSecurity/components/AiSlwVideo.vue

@@ -7,12 +7,7 @@
         <span>关闭视频</span>
       </div>
     </div>
-    <iframe
+    <iframe v-if="isShow" :id="iframeId" allow="autoplay *; microphone *; fullscreen *" allowfullscreen allowtransparency key="" allowusermedia frameBorder="no" style="width: 100%; height: 100%;" :src="`https://cdn.cunwuyun.cn/slw2.0/index.html?url=${src}`">
-      v-if="isShow"
-      :id="iframeId"
-      allow="autoplay *; microphone *; fullscreen *" allowfullscreen allowtransparency key="" allowusermedia frameBorder="no"
-      style="width: 100%; height: 100%;"
-      :src="`https://cdn.cunwuyun.cn/slw2.0/index.html?url=${src}`">
     </iframe>
     <div class="slw-bottom" v-if="isShowBar">
       <Timeline class="Timeline" v-if="times.length" :times="times" @replay="onReplay" :isLiveing="isLiveing" :width="width" ref="timeline" :style="{width: width}"></Timeline>
@@ -20,24 +15,13 @@
         <div class="left">
           <div class="left-btns">
             <el-tooltip effect="dark" :content="isPause ? '播放' : '暂停'" placement="top">
-              <img
+              <img :src="isPause ? 'https://cdn.cunwuyun.cn/slw2.0/images/play.png' : 'https://cdn.cunwuyun.cn/slw2.0/images/pause.png'" @click="changePlayStatus">
-                :src="isPause ? 'https://cdn.cunwuyun.cn/slw2.0/images/play.png' : 'https://cdn.cunwuyun.cn/slw2.0/images/pause.png'"
-                @click="changePlayStatus">
             </el-tooltip>
           </div>
-          <div
+          <div class="volume" @mouseleave.stop="isShowVolume = false">
-            class="volume"
+            <img @mouseenter.stop="isShowVolume = true" src="https://cdn.cunwuyun.cn/slw2.0/images/sound.png">
-            @mouseleave.stop="isShowVolume = false">
-            <img 
-              @mouseenter.stop="isShowVolume = true"
-              src="https://cdn.cunwuyun.cn/slw2.0/images/sound.png">
             <div class="volume-slider" :class="[isShowVolume ? 'active' : '']">
-              <el-slider
+              <el-slider input-size="mini" v-model="volume" vertical @change="onVolume" height="80px">
-                input-size="mini"
-                v-model="volume"
-                vertical
-                @change="onVolume"
-                height="80px">
               </el-slider>
             </div>
           </div>
@@ -63,19 +47,10 @@
         </div>
       </div>
     </div>
-    <ai-dialog
+    <ai-dialog title="选择日期" :visible.sync="isShowDate" width="520px" @onConfirm="onConfirm">
-      title="选择日期"
-      :visible.sync="isShowDate"
-      width="520px"
-      @onConfirm="onConfirm">
       <el-form class="ai-form" ref="form" :model="form" label-width="80px" size="small">
         <el-form-item label="选择日期" prop="date" :rules="[{ required: true, message: '请选择日期', trigger: 'change' }]">
-          <el-date-picker
+          <el-date-picker value-format="yyyy-MM-dd" v-model="form.date" type="date" :picker-options="pickerOptions" placeholder="选择日期">
-            value-format="yyyy-MM-dd"
-            v-model="form.date"
-            type="date"
-            :picker-options="pickerOptions"
-            placeholder="选择日期">
           </el-date-picker>
         </el-form-item>
       </el-form>
@@ -128,7 +103,8 @@
     computed: {
       src () {
         if (this.playbackUrls.length) {
-          return this.playbackUrls.filter(v => v.id === this.id)[0].playbackUrl
+          const arr =  this.playbackUrls.filter(v => v.id === this.id)
+          return arr.length ? arr[0].playbackUrl : []
         }
 
         if (this.isLiveing) {