1

src/views/live/detailtwo.vue

@@ -4,7 +4,7 @@
       <el-col :span="24" class="main">
         <el-col :span="24" class="video">
           <el-link :underline="false" class="back" @click="back()"><i class="el-icon-arrow-left"></i></el-link>
-          <el-col :span="24" class="videoone" v-if="videodock.file_path != null || ''">
+          <el-col :span="24" class="videoone" v-if="videodock.file_path != 'video'">
             <video :src="videodock.file_path" autoplay="" controls="controls">
               您的浏览器不支持 video 标签。
             </video>
@@ -93,8 +93,6 @@ export default {
       dock_id: '',
       // 视频信息
       videodock: {},
-      // 倒计时查询详情
-      times: 5,
       //展会详情
       dockinfo: [],
       // 聊天
@@ -125,6 +123,9 @@ export default {
     await this.search();
     await this.seachLunbo();
   },
+  mounted() {
+    this.channel();
+  },
   methods: {
     ...dock({ dockQuery: 'query', dockFetch: 'fetch' }),
     ...exportuser({ expertQuery: 'query' }),
@@ -166,25 +167,13 @@ export default {
         this.$set(this, `lunboList`, res.data);
       }
     },
-    //倒计时查询展会视频详情
-    counttime() {
-      this.timer = setInterval(() => {
-        this.times--;
-        if (this.times === 0) {
-          this.searchvideo();
-          this.times = 5;
-          clearInterval(this.timer);
-        }
-      }, 1000);
+    channel() {
+      this.$stomp({
+        [`/exchange/dock_video/${this.dock_id}`]: this.onMessage,
+      });
     },
-    async searchvideo() {
-      if (this.dock_id) {
-        let res = await this.dockFetch(this.dock_id);
-        if (this.$checkRes(res)) {
-          // 对接会详情
-          this.$set(this, `videodock`, res.data);
-        }
-      }
+    onMessage(message) {
+      this.$set(this.dockInfo, `file_path`, message.body);
     },
     // 专家详情
     expertBtn(data) {
@@ -201,17 +190,7 @@ export default {
       return this.$route.query.id;
     },
   },
-  watch: {
-    times: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (val && val == 5) {
-          this.counttime();
-        }
-      },
-    },
-  },
+  watch: {},
   metaInfo() {
     return { title: this.$route.meta.title };
   },