guhongwei 4 سال پیش
والد
کامیت
63b8029c9c
1فایلهای تغییر یافته به همراه76 افزوده شده و 17 حذف شده
  1. 76 17
      src/views/hall/direct.vue

+ 76 - 17
src/views/hall/direct.vue

@@ -54,22 +54,27 @@
                     <p class="textOver">{{ dockInfo.title }}</p>
                   </el-col>
                 </el-col>
-                <el-col :span="24" class="leftvideo">
-                  <el-col :span="24" class="videoTop">
-                    <video :src="videoPath" autoplay="autoplay" controls="controls" v-if="videoData != ''" loop="loop">
-                      您的浏览器不支持 video 标签。
-                    </video>
-                    <div class="videointro" v-else>
-                      <p>{{ dockInfo.title }}</p>
-                    </div>
-                  </el-col>
-                  <el-col :span="24" class="videoDown">
-                    <swiper :list="videoData" :options="options">
-                      <template v-slot="{ index, item }">
-                        <p :class="`${menuIndex == index ? 'indexClass' : 'videodata'}`" @click="changeMenu(index, item)">第{{ index + 1 }}辑</p>
-                      </template>
-                    </swiper>
-                  </el-col>
+                <el-col :span="24" :class="[dockInfo.room_id == '1006' ? 'leftvideos' : 'leftvideo']">
+                  <span v-if="dockInfo.room_id == '1006'">
+                    <iframe src="/videoLive.html" style="width:100%;height:100%"></iframe>
+                  </span>
+                  <span v-else>
+                    <el-col :span="24" class="videoTop">
+                      <video :src="videoPath" autoplay="autoplay" controls="controls" v-if="videoData != ''" loop="loop">
+                        您的浏览器不支持 video 标签。
+                      </video>
+                      <div class="videointro" v-else>
+                        <p>{{ dockInfo.title }}</p>
+                      </div>
+                    </el-col>
+                    <el-col :span="24" class="videoDown">
+                      <swiper :list="videoData" :options="options">
+                        <template v-slot="{ index, item }">
+                          <p :class="`${menuIndex == index ? 'indexClass' : 'videodata'}`" @click="changeMenu(index, item)">第{{ index + 1 }}辑</p>
+                        </template>
+                      </swiper>
+                    </el-col>
+                  </span>
                 </el-col>
               </el-col>
               <!-- 视频右侧 -->
@@ -354,7 +359,7 @@ export default {
     expeDetail, //专家详情
     trainList, //交易列表
     imagetxtList, //图文直播
-    swiper,
+    // swiper,
   },
   data: () => ({
     // 对接会详情
@@ -744,6 +749,60 @@ export default {
           }
         }
       }
+      .leftvideos {
+        height: 400px;
+        overflow: hidden;
+        .videoTop {
+          height: 360px;
+          overflow: hidden;
+          video {
+            width: 100%;
+            height: 360px;
+            background: #000;
+          }
+          .videointro {
+            height: 360px;
+            text-align: center;
+            background-image: url('~@/assets/directBack.png');
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            p {
+              font-size: 30px;
+              color: #fff;
+              padding: 50px 0;
+            }
+          }
+        }
+        .videoDown {
+          height: 40px;
+          overflow: hidden;
+          border: 1px solid #ccc;
+          .videodata {
+            border-radius: 10px;
+            background: #cccccc8f;
+            height: 39px;
+            line-height: 39px;
+            text-align: center;
+            // margin: 0 5px;
+            font-weight: bold;
+          }
+          .videodata:hover {
+            cursor: pointer;
+            color: #fff;
+            background: #409eff;
+          }
+          .indexClass {
+            border-radius: 10px;
+            height: 39px;
+            line-height: 39px;
+            text-align: center;
+            // margin: 0 5px;
+            font-weight: bold;
+            color: #fff;
+            background: #409eff;
+          }
+        }
+      }
     }
     .right {
       width: 48%;