视频

src/views/gis/business/common/VideoPlayKeda.vue

@@ -14,7 +14,7 @@
         <div class="video-play-keda-head-name">{{form.name}}</div>
         <SvgIcon class="__hover" name="close_4" size="20" color="#8FFFFF" @click="$emit('close')"/>
       </div>
-      <KedaCom class="keda" :videoCode="form.deviceid"/>
+      <KedaCom v-if="refreshCode" class="keda" :videoCode="form.code"/>
     </div>
   </VueDragResize>
 </template>
@@ -50,13 +50,20 @@ export default defineComponent({
     const store = useStore();
     const that = (getCurrentInstance() as ComponentInternalInstance).appContext.config.globalProperties;
     const state = reactive({
-      showHead: false
+      showHead: false,
+      refreshCode: false
     });
     const resize = (layout) => {
       emit('update:layout', Object.assign(layout, {
         height: 'auto'
       }))
     }
+    watch(() => props.form?.code, () => {
+      state.refreshCode = false
+      setTimeout(() => {
+        state.refreshCode = true
+      }, 100)
+    }, {immediate: true})
 
     onMounted(() => {
       nextTick(() => {

src/views/gis/layout/index.vue

@@ -51,7 +51,7 @@
     <div class="gis-content">
       <RouterViewCom/>
     </div>
-    <VideoPlayKedaCom v-if="showVideo" v-model:layout="videoLayout" :form="qyParams.sbInfo" @close="showVideo = false"/>
+    <VideoPlayKedaCom v-if="showVideo" v-model:layout="videoLayout" :form="qyParams.videoParams" @close="showVideo = false"/>
   </div>
 
   <div ref="ref_qyDom" class="qy-info" :class="`qy--info-${qyParams.qyInfo.tab}`">
@@ -142,7 +142,7 @@
         <div class="sb-item-label">状态：</div>
         <div class="sb-item-value">{{qyParams.sbInfo?.online == '1' ? '在线' : '离线'}}</div>
       </div>
-      <div class="play-button __hover" @click="showVideo = true">视频调阅</div>
+      <div class="play-button __hover" @click="onPlay">视频调阅</div>
     </div>
   </div>
 </template>
@@ -232,6 +232,10 @@ export default defineComponent({
         tempSbFeature: <any>null,
         sbOverlay: <any>null,
         sbInfo: <any>{},
+        videoParams: {
+          name: '',
+          code: ''
+        }
       },
       videoLayout: {
         width: 640,
@@ -593,6 +597,13 @@ export default defineComponent({
       state.qyParams.qyInfo['5'].radius = 10
       onRadiusSubmit()
     }
+    const onPlay = () => {
+      state.showVideo = true
+      state.qyParams.videoParams = JSON.parse(JSON.stringify({
+        name: state.qyParams.sbInfo.name,
+        code: state.qyParams.sbInfo.deviceid,
+      }))
+    }
     onMounted(() => {
       if (window.cusConfig?.internetAuth) {
         if (!sessionStorage.getItem('auth')) {
@@ -623,7 +634,8 @@ export default defineComponent({
       setCircle,
       onRadiusSubmit,
       onRadiusReset,
-      ref_sbDom
+      ref_sbDom,
+      onPlay
     }
   },
 })