关闭销毁

ruoyi-ui/src/components/jjVideoPlay/JessibucaDemo.vue

@@ -310,7 +310,7 @@ export default {
       if (this.jessibuca) {
         this.jessibuca.destroy();
       }
-      this.create();
+      // this.create();
       this.playing = false;
       this.loaded = false;
       this.performance = "";

ruoyi-ui/src/views/picture/resource-monitoring/dialog-module/iot-detail.vue

@@ -86,7 +86,7 @@
     </div>
     <div v-if="dataType == 'video' || dataType == 'passflow'" class="p-dialog-card p-b-small m-t-small">
       <div class="p-iot-bottom">
-        <jj-video-play :show="false" :url="detailData.monitorPath"/>
+        <jj-video-play ref="playCop" :show="false" :url="detailData.monitorPath"/>
       </div>
     </div>
     <div v-if="dataType == 'led'" class="p-dialog-card p-b-small m-t-small">
@@ -165,7 +165,6 @@ export default {
   name: 'iot-detail',
   props: ['detailData', 'interfacePath', 'dataType'],
   dicts: ['dev_brand_dict', 'dev_model_dict', 'operating_state'],
-
   data() {
     return {
       //音量

ruoyi-ui/src/views/picture/resource-monitoring/index.vue

@@ -318,7 +318,7 @@
     <!-- 旅游资源弹窗 -->
     <el-dialog v-if="dialogStatus" :modal="false" :visible.sync="dialogStatus" class="p-dialog">
       <div slot="title" class="p-dialog-title">{{ dialogName }}</div>
-      <resoureDialog :code="code" :id="idNumber" :dataType="currentData.dataType" :interfacePath="currentData.interfacePath" :propsData="dialogData"
+      <resoureDialog ref="sourceDialog" :code="code" :id="idNumber" :dataType="currentData.dataType" :interfacePath="currentData.interfacePath" :propsData="dialogData"
                      :total="resourceListTotal-0" :type="resourceType+dialogType"></resoureDialog>
     </el-dialog>
 
@@ -767,6 +767,16 @@ export default {
         this.navNextStatus = "active"
         this.navPrevStatus = "active"
       }
+    },
+    dialogStatus:{
+      deep:true,
+      immediate:true,
+      handler(val){
+        debugger
+        if (this.resourceType+this.dialogType == 'videodetail'&&val==false){
+          this.$refs.sourceDialog.$refs.videoPlay.$refs.playCop.destroy()
+        }
+      }
     }
   }
 }

ruoyi-ui/src/views/picture/resource-monitoring/resoure-dialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="p-resoure-dialog">
+  <div class="p-resoure-dialog">{{type}}
     <!-- 旅游场所 ----------------------------------------------------- -->
     <!-- 景区 scenic 娱乐 fun-->
     <tourList v-if="type == 'sceniclist' || type == 'funlist' || type == 'hotellist' || type == 'rurallist' || type == 'homestaylist' || type == 'foodlist' || type == 'shoppinglist' || type == 'travellist'|| type == 'buslist'|| type == 'carlist'" :listData="propsData" :total="total" :dataType="dataType" :interfacePath="interfacePath"></tourList>
@@ -19,7 +19,7 @@
     <!-- 物联设备 ----------------------------------------------------- -->
     <iotList v-if="type == 'videolist' || type == 'passflowlist' || type == 'broadcastlist' || type == 'ledlist' || type == 'wifilist' || type == 'polelist' || type == 'patrollist' || type == 'reportlist' || type == 'soslist' || type == 'vibelist' || type == 'geologilist' || type == 'firelist' || type == 'intrudelist' || type == 'brakemachinelist'" :listData="propsData" :total="total" :dataType="dataType" :interfacePath="interfacePath"></iotList>
 <!--    <videoDetail v-if="type == 'videodetail'" :detailData="propsData"></videoDetail>-->
-    <iotDetail v-if="type == 'videodetail' || type == 'passflowdetail' || type == 'broadcastdetail' || type == 'leddetail' || type == 'wifidetail' || type == 'poledetail' || type == 'patroldetail' || type == 'reportdetail' || type == 'sosdetail' || type == 'vibedetail' || type == 'geologidetail' || type == 'firedetail' || type == 'intrudedetail' || type == 'brakemachinedetail'" :detailData="propsData" :dataType="dataType" :interfacePath="interfacePath"></iotDetail>
+    <iotDetail v-if="type == 'videodetail' || type == 'passflowdetail' || type == 'broadcastdetail' || type == 'leddetail' || type == 'wifidetail' || type == 'poledetail' || type == 'patroldetail' || type == 'reportdetail' || type == 'sosdetail' || type == 'vibedetail' || type == 'geologidetail' || type == 'firedetail' || type == 'intrudedetail' || type == 'brakemachinedetail'" :detailData="propsData" :dataType="dataType" :interfacePath="interfacePath" ref="videoPlay"></iotDetail>
 
     <!--应急场所------------------------------>
     <emergencyList v-if="type == 'emergmangelist' || type == 'medicalalist' || type == 'firecolist' || type == 'takerefugelist' || type == 'armedlist'" :listData="propsData" :total="total" :dataType="dataType" :interfacePath="interfacePath"></emergencyList>
@@ -92,6 +92,6 @@
             iotList,touristList,emergencyList,venueDetail,tourisDetail,
             workerList,workerDetail,guideDetail,spotList,guideList,spotDetail},
 
-        props: ['propsData','type','total','interfacePath','dataType','id','code']
+        props: ['propsData','type','total','interfacePath','dataType','id','code'],
     }
 </script>