修改四分屏

src/views/site/common/video/videojs/viewPage.vue

@@ -65,7 +65,7 @@
                               </div>
                         </a-col>
                         <a-col :span="6" v-show="fpxsShow=='2'">
-                          <a-row :class="spyCheck.length==4?'':spyCheck.length==3?'className3':spyCheck.length==2?'className2':''">
+                          <a-row :class="videoFpName">
                             <a-col :span="24" style="padding: 3px;" v-for="(item,index) in fpData" @click="changeLive2(item)" v-show="item.sfxs=='1' && checkTitle != item.xm">
                               <div class="s-video-all"  >
                                   <div class="s-video" >
@@ -223,6 +223,7 @@ const isError = ref(false);
 const tkbjVisible = ref(false);
 const playStatus = ref(false);
 const fpxsShow = ref<any>('1');
+  const videoFpName = ref<any>('');
 
 const model = reactive<Record<string, any>>({ notes:'' });
 
@@ -253,31 +254,29 @@ const savePlayLog = (params) => defHttp.post({ url: Api.savePlayLog, params, },
 const changeAvyLiveByJsbhsApi = (params) => defHttp.get({ url: Api.changeAvyLiveByJsbhsApi, params,timeout: 9000000 });
 // const editSuibi = (params) => defHttp.post({ url: Api.editSuibi, params });
 
-function getJvmClass(){
-  var className = "";
-  if(spyCheck.value.length == 4){
-
-  }else if(spyCheck.value.length == 3){
-    className = "className3";
-  }else if(spyCheck.value.length == 2){
-    className = "className2";
-  }
-  console.log("🚀 ~ getJvmClass ~ className:", className)
-  return className;
-}
-
 function handleSpy(record){
-  console.log("🚀 ~ handleSpy ~ record:", record)
   for(var i=0;i<fpData.value.length;i++){
     fpData.value[i].sfxs = "0";
     for(var j=0;j<record.length;j++){
-      if(fpData.value[i].xm == record[i]){
+      if(fpData.value[i].xm == record[j]){
         fpData.value[i].sfxs = "1";
         break;
       }
     }
   }
-  getJvmClass()
+
+  var ttb = spyCheck.value.join(",").replaceAll(checkTitle.value,"");
+  console.log("🚀 ~ handleSpy ~ ttb:", ttb)
+  var ttc = ttb.split(",").filter(item => item.trim() !== '');
+  console.log("🚀 ~ handleSpy ~ ttc:", ttc)
+  if(ttc.length == 2){
+    videoFpName.value = "className3"
+  }else if(ttc.length == 1){
+    videoFpName.value = "className2"
+  }else{
+    videoFpName.value = ""
+  }
+
 }
 
 onMounted(() => {

src/views/site/studentWdkc/studentWdkc.vue

@@ -3,9 +3,9 @@
     <div style="margin-top: 20px">
       <span style="margin-left: 30px; font-size: 24px; font-weight: 600">我的课程</span>
     </div>
-    <div>
+    <!-- <div>
       <studentRili></studentRili>
-    </div>
+    </div> -->
 
 
     <div style="text-align: right; width: 100%; padding-right:20px;margin-top:30px">