|
@@ -241,7 +241,7 @@
|
|
<!-- :class="{ navLeftCss: !mlDialog }" -->
|
|
<!-- :class="{ navLeftCss: !mlDialog }" -->
|
|
<div class="body_student" :style="{width: mlDialog ? 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 20% - 40px)' : 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
|
|
<div class="body_student" :style="{width: mlDialog ? 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 20% - 40px)' : 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
|
|
<div class="new_topFixed" :style="{width: mlDialog ? 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 20% - 40px)' : 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }"></div>
|
|
<div class="new_topFixed" :style="{width: mlDialog ? 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 20% - 40px)' : 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }"></div>
|
|
- <div class="new_top" :style="{width: mlDialog ? 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 20% - 47px)' : 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
|
|
|
|
|
|
+ <div class="new_top" :style="{width: mlDialog ? 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 20% - 47px)' : 'calc(100% - '+`${!['2'].includes(tType)?classRoomHelperWidth:'10px'}`+' - 18px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
|
|
<div class="courseIndex" :style="{width: (orgArray.includes(org) || oidArray.includes(oid)) && !['2'].includes(tType) ? '100%' : 'calc(100% - 745px)'}">
|
|
<div class="courseIndex" :style="{width: (orgArray.includes(org) || oidArray.includes(oid)) && !['2'].includes(tType) ? '100%' : 'calc(100% - 745px)'}">
|
|
<div>任务{{ taskCount + 1 }}</div>
|
|
<div>任务{{ taskCount + 1 }}</div>
|
|
<el-tooltip
|
|
<el-tooltip
|
|
@@ -11967,6 +11967,27 @@
|
|
@openScore="openScore"
|
|
@openScore="openScore"
|
|
@changeSplitScreenBehavior="changeSplitScreenBehavior"
|
|
@changeSplitScreenBehavior="changeSplitScreenBehavior"
|
|
/>
|
|
/>
|
|
|
|
+ <el-dialog
|
|
|
|
+ :visible.sync="confirmOpenDig"
|
|
|
|
+ width="500px"
|
|
|
|
+ :modal="false"
|
|
|
|
+ class="confirmOpenDigCss dialog_diyCopy"
|
|
|
|
+ :before-close="handleClose">
|
|
|
|
+ <div style="display: flex;align-items: center;">
|
|
|
|
+ <img src="../assets/icon/course/confirmOpenDig.svg" alt="">
|
|
|
|
+ <span>“{{ courseDetail.title }}”开课啦</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div style="margin: 20px 0 35px;">
|
|
|
|
+ <div style="margin-bottom: 10px;">接下来你将跟随老师一起开始今天的学习! </div>
|
|
|
|
+ <div>要认真听讲哦~</div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div style="text-align: center;">
|
|
|
|
+ <el-button type="primary" style="width: 95%;" @click="confirmOpen">开始学习</el-button>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -12498,7 +12519,9 @@ export default {
|
|
myUid:"",
|
|
myUid:"",
|
|
loading:false,
|
|
loading:false,
|
|
behavior:null,
|
|
behavior:null,
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ confirmOpenDig:false,
|
|
|
|
+ confirmOpenDigData:''
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -20234,6 +20257,15 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ confirmOpen(){
|
|
|
|
+ this.splitScreenData.isOpen = true;
|
|
|
|
+ this.splitScreenData.uid = this.confirmOpenDigData.uid;
|
|
|
|
+ this.splitScreenData.userId = this.confirmOpenDigData.userId;
|
|
|
|
+ this.splitScreenData.behavior = this.confirmOpenDigData.behavior;
|
|
|
|
+ this.confirmOpenDig = false
|
|
|
|
+
|
|
|
|
+ this.$message.success("分屏模式已开启");
|
|
|
|
+ },
|
|
getSplitScreenData() {
|
|
getSplitScreenData() {
|
|
// return;
|
|
// return;
|
|
if (this.tType != 1) return;
|
|
if (this.tType != 1) return;
|
|
@@ -20258,11 +20290,8 @@ export default {
|
|
this.splitScreenData.behavior = null;
|
|
this.splitScreenData.behavior = null;
|
|
await this.updateSplitScreenData(1);
|
|
await this.updateSplitScreenData(1);
|
|
} else if (!this.splitScreenData.isOpen && data.isOpen) {
|
|
} else if (!this.splitScreenData.isOpen && data.isOpen) {
|
|
- this.splitScreenData.isOpen = true;
|
|
|
|
- this.splitScreenData.uid = data.uid;
|
|
|
|
- this.splitScreenData.userId = data.userId;
|
|
|
|
- this.splitScreenData.behavior = data.behavior;
|
|
|
|
- this.$message.success("分屏模式已开启");
|
|
|
|
|
|
+ this.confirmOpenDig = true
|
|
|
|
+ this.confirmOpenDigData = data
|
|
} else if (this.splitScreenData.isOpen && !data.isOpen) {
|
|
} else if (this.splitScreenData.isOpen && !data.isOpen) {
|
|
this.splitScreenData.isOpen = false;
|
|
this.splitScreenData.isOpen = false;
|
|
this.splitScreenData.userId = "";
|
|
this.splitScreenData.userId = "";
|
|
@@ -20874,6 +20903,7 @@ export default {
|
|
height: auto;
|
|
height: auto;
|
|
padding-bottom: 20px;
|
|
padding-bottom: 20px;
|
|
margin-left: 2px;
|
|
margin-left: 2px;
|
|
|
|
+ min-height: 90%;
|
|
}
|
|
}
|
|
|
|
|
|
.study_top .checkbox {
|
|
.study_top .checkbox {
|
|
@@ -25109,6 +25139,21 @@ ol {
|
|
padding: 0 !important;
|
|
padding: 0 !important;
|
|
height: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
}
|
|
|
|
+.confirmOpenDigCss > div{
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: rgba(0, 0, 0, 0.6);
|
|
|
|
+}
|
|
|
|
+.confirmOpenDigCss >>> .el-dialog{
|
|
|
|
+ border-radius: 6px;
|
|
|
|
+}
|
|
|
|
+.confirmOpenDigCss >>> .el-dialog__body{
|
|
|
|
+ padding: 25px !important;
|
|
|
|
+}
|
|
|
|
+.confirmOpenDigCss > span{
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ color: rgba(0, 0, 0, 0.8);
|
|
|
|
+}
|
|
div::-webkit-scrollbar {
|
|
div::-webkit-scrollbar {
|
|
width: 10px;
|
|
width: 10px;
|
|
height: 6px;
|
|
height: 6px;
|