后台相关 包括回放

1

src/views/liveClassManager/liveClassTwo/components/addShareStudentList.vue

@@ -150,7 +150,11 @@
             label="声部"
           ></el-table-column>
 
-          <el-table-column align="center" prop="phone" label="手机号"></el-table-column>
+          <el-table-column
+            align="center"
+            prop="parentsPhone"
+            label="手机号"
+          ></el-table-column>
           <el-table-column align="center" prop="studentId" label="操作">
             <template slot-scope="scope">
               <div>

src/views/liveClassManager/liveClassTwo/components/courseAdjust.vue

@@ -474,6 +474,8 @@ import { shareLiveTypeList } from "@/utils/searchArray";
 import { vaildStudentUrl } from "@/utils/validate";
 import dayjs from "dayjs";
 import qrCode from "@/components/QrCode/index";
+import videoPlace from "../../images/video-place.png";
+import HLSCore from "@core-player/playcore-hls";
 export default {
   components: {
     qrCode,
@@ -553,6 +555,9 @@ export default {
       actvieRow: { shareMode: "" },
       payVisible: false,
       videoVisible: false,
+      videoList: [],
+      videoPlace,
+      HLSCore,
     };
   },
   mounted() {
@@ -775,7 +780,11 @@ export default {
     startShare(row) {
       this.actvieRow = row;
       this.shareModeForm.courseId = row.id;
-      this.shareModeForm.shareMode = row.shareMode || "";
+      console.log(row.shareMode, "row.shareMode");
+      this.shareModeForm.shareMode = row.shareMode || "OPEN";
+      if (row.shareMode == "NO_SHARE") {
+        this.shareModeForm.shareMode = "OPEN";
+      }
       this.shareModeVisible = true;
     },
     async createShareCode() {
@@ -784,17 +793,28 @@ export default {
           ...this.shareModeForm,
           shareMode: this.shareModeForm.shareMode,
         });
+
+        this.shareModeVisible = false;
+        this.$message.success("创建成功");
         if (this.shareModeForm.shareMode == "PRIVATE") {
           this.gotoShareList(this.actvieRow);
         }
-        this.shareModeVisible = false;
-        this.$message.success("创建成功");
+        if (this.shareModeForm.shareMode == "OPEN") {
+          this.lookCode(this.actvieRow);
+        }
         this.getList();
       } catch (e) {}
     },
+    opneVideo(row) {
+      console.log(row, "opneVideo");
+      this.activeVideo = row;
+      this.videoVisible = true;
+    },
     async lookViedoList(row) {
       try {
-        const res = await getCourseVideoList({ roomUid });
+        const res = await getCourseVideoList({ roomUid: row.liveRoomId });
+        this.videoList = res.data;
+        this.payVisible = true;
       } catch (e) {
         console.log(e);
       }
@@ -880,4 +900,54 @@ export default {
   justify-content: flex-start;
   align-items: center;
 }
+
+.lineWrap {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: wrap;
+
+  .linkItem {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-right: 5px;
+    cursor: pointer;
+    position: relative;
+    &:hover {
+      color: var(--color-primary);
+      .lineTitle {
+        color: var(--color-primary);
+        font-weight: bold;
+      }
+    }
+    .linkItemWrap {
+      position: relative;
+      .linkIcon {
+        font-size: 25px;
+        position: absolute;
+        top: 50%;
+        margin-top: -13px;
+        left: 50%;
+        margin-left: -13px;
+        color: #fff;
+      }
+    }
+  }
+  .lineTitle {
+    height: 40px;
+    line-height: 40px;
+    color: rgba(102, 102, 102, 0.9);
+    padding: 0 17px;
+    overflow: hidden;
+    margin-bottom: 10px;
+    position: relative;
+    border-radius: 4px;
+  }
+}
+.activeVideoWrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
 </style>