1

src/views/hall/direct.vue

@@ -50,13 +50,13 @@
                 <el-col :span="24" class="leftvideo">
                   <p class="title textOver">{{ dockInfo.videointro }}</p>
                   <el-col :span="24" class="video">
-                    <video :src="dockInfo.file_path" autoplay="" controls="controls" v-if="dockInfo.file_path != null">
-                      您的浏览器不支持 video 标签。
-                    </video>
-                    <div class="videointro" v-else>
+                    <div class="videointro" v-if="viewvideo == 'text'">
                       <p>{{ dockInfo.videointro }}</p>
                       <p>{{ dockInfo.videointroinfo }}</p>
                     </div>
+                    <video :src="dockInfo.file_path" autoplay="" controls="controls" v-else>
+                      您的浏览器不支持 video 标签。
+                    </video>
                   </el-col>
                 </el-col>
               </el-col>
@@ -485,16 +485,17 @@ export default {
     text: '',
     // 视频右侧聊天列表
     videoList: 'first',
+    // 视频是否显示
+    viewvideo: 'text',
+    times: 5,
   }),
   async created() {
     this.$set(this, `dock_id`, this.$route.query.id);
     // 对接会详情
     await this.searchdock();
+    this.daojishi();
   },
   methods: {
-    bofang() {
-      this.videodisplay = 'detail';
-    },
     ...mapProduct({ mapProductQuery: 'newquery' }),
     ...market({ marketFetch: 'fetch', operaFetch: 'operaFetch', sendMsg: 'operationCreate' }),
     ...dock({ dockQuery: 'query', dockFetch: 'fetch', goodsquery: 'goodsquery' }),
@@ -536,7 +537,7 @@ export default {
       this.$set(this.statNum, `tyjb`, arr.data.length);
       // 洽谈合作
       let qthe = await this.tquery({ status: 0, dockid: this.id });
-      this.$set(this.statNum, `qthz`, qthe.length);
+      this.$set(this.statNum, `qthz`, qthe.total);
       // 达成意向
       let dcyx = await this.tquery({ status: 1, dockid: this.id });
       for (const val of dcyx.data) {
@@ -715,6 +716,20 @@ export default {
       else if (status == '4') return '交易待确定';
       else return '暂无';
     },
+    // 文字/视频倒计时
+    daojishi() {
+      this.timer = setInterval(() => {
+        this.times--;
+        if (this.times === 0) {
+          if (this.dockInfo.file_path) {
+            this.viewvideo = 'video';
+          } else {
+            this.viewvideo = 'text';
+          }
+          clearInterval(this.timer);
+        }
+      }, 1000);
+    },
   },
   mounted() {
     this.channel();