1

src/views/hall/direct.vue

@@ -43,12 +43,15 @@
           <el-col :span="24" class="livemain">
             <el-col :span="24" class="livevideo">
               <el-col :span="12" class="left">
-                <el-col :span="24" class="title" @click.native="$router.push({ path: '/live/hallDetail', query: { id: this.$route.query.id } })">
+                <!-- @click.native="$router.push({ path: '/live/hallDetail', query: { id: this.$route.query.id } })" -->
+                <el-col :span="24" class="title">
                   <span style="color: rgb(255, 132, 0);">现场</span>
                   <span>直播</span>
+                  <span>上一个</span>
+                  <el-button type="primary" size="mini" @click="nextvideo()">下一个</el-button>
                 </el-col>
                 <el-col :span="24" class="video">
-                  <video
+                  <!-- <video
                     :src="dockInfo.file_path"
                     autoplay=""
                     controls="controls"
@@ -94,8 +97,14 @@
                         <el-button @click="send" size="mini" round style="background: #ff8500;color: #fff;">发送</el-button>
                       </el-col>
                     </el-row>
-                  </div>
+                  </div> -->
                   <!-- <videoPlayer ref="videoPlayer" :options="videoOptions" class="vjs-custom-skin videoPlayer" :playsinline="true" /> -->
+                  <el-col :span="24">
+                    <el-col :span="24" style="height:400px;">
+                      <p v-if="videodisplay == 'list'" @click="dakai()">{{ videoListInfo.name }}</p>
+                      <video :src="videoListInfo.file_path" autoplay="" controls="controls" v-else style="height:200px;"></video>
+                    </el-col>
+                  </el-col>
                 </el-col>
               </el-col>
               <el-col :span="12" class="right">
@@ -457,6 +466,25 @@ export default {
     // videoPlayer,
   },
   data: () => ({
+    videoListInfo: {},
+    videoList: [
+      {
+        num: '1',
+        name: '第一个视频 ',
+        file_path: require('@a/video.mp4'),
+      },
+      {
+        num: '2',
+        name: '第二个视频 ',
+        file_path: require('@a/video1.mp4'),
+      },
+      {
+        num: '3',
+        name: '第三个视频 ',
+        file_path: require('@a/video.mp4'),
+      },
+    ],
+    videodisplay: 'list',
     activeName: 'second',
     //搜索判断用
     panduan: '找技术',
@@ -550,8 +578,31 @@ export default {
     this.$set(this, `dock_id`, this.$route.query.id);
     // 对接会详情
     await this.searchdock();
+    this.fangvideo();
   },
   methods: {
+    // 放第一个视频
+    fangvideo() {
+      console.log(this.videoList);
+      for (const val of this.videoList) {
+        console.log(val);
+      }
+      this.$set(this, `videoListInfo`, this.videoList[0]);
+    },
+    dakai() {
+      this.videodisplay = 'detail';
+    },
+    // 下一个
+    nextvideo() {
+      console.log(this.videoList[key]);
+      // let data = this.videoListInfo;
+      // if (data.num == '1') {
+      //   this.$set(this, `videoListInfo`, this.videoList[1]);
+      // } else if (data.num == '2') {
+      //   this.$set(this, `videoListInfo`, this.videoList[2]);
+      // }
+      // this.videodisplay = 'list';
+    },
     ...mapProduct({ mapProductQuery: 'newquery' }),
     ...market({ marketFetch: 'fetch', operaFetch: 'operaFetch', sendMsg: 'operationCreate' }),
     ...dock({ dockQuery: 'query', dockFetch: 'fetch', goodsquery: 'goodsquery' }),
@@ -592,7 +643,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`, arr.data.length);
+      this.$set(this.statNum, `qthz`, qthe.total);
       // 达成意向
       let dcyx = await this.tquery({ status: 1, dockid: this.id });
       for (const val of dcyx.data) {
@@ -885,7 +936,7 @@ export default {
   margin: 0 10px 10px 10px;
   border: 2px solid #ccc;
   width: 97%;
-  background-color: #000;
+  // background-color: #000;
 }
 .livemain .livevideo .right {
   height: 460px;