yindongqi/jt360front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(courseDetail): 修复视频结束时的节流问题和代码格式

Browse Source 
添加last30sTimer和nextSection节流变量防止重复调用接口
调整代码缩进格式保持一致性
This commit is contained in:
yindongqi 2025-07-09 17:55:00 +08:00
parent 14b0afc1df
commit 912e401285
1 changed files with 61 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
src/components/study/courseDetail.vue
View File

@ -80,7 +80,7 @@
<div class="lianxiTiMu" v-for="(item, index) in current_question_data.content" :key="index"
@click="responseQ(item)">
<span class="lianxiXueZe" v-bind:class="{ active: current_question_data.response == item }">{{ xuhao[index]
}}</span>
}}</span>
<span class="lianxiXueZe1">{{ item }}</span>
</div>
<div class="lianxiTiMu cuoti" v-if="current_question_data.is_wrong == 1">
@ -97,7 +97,7 @@
<div class="lianxiTiMu" v-for="(item, index) in current_question_data.content" :key="index"
@click="responseQ(item)">
<span class="lianxiXueZe" v-bind:class="{ active: current_question_data.response == item }">{{ xuhao[index]
}}</span>
}}</span>
<span class="lianxiXueZe1">{{ item }}</span>
</div>
<div class="lianxiTiMu cuoti" v-if="current_question_data.is_wrong == 1">
@ -151,7 +151,7 @@
<div class="lianxiBottomR" @click="popupVisible = true">
<img src="../../../static/img/gengduo.png" alt="" /><span>{{
current_question + 1
}}</span>/{{ questions.length }}
}}</span>/{{ questions.length }}
</div>
</div>
</div>
@ -222,6 +222,8 @@ export default {
allSubmitCount: 2, //允许拍照次数
canTakePhoto: true, //节流
canTips: true, //节流
last30sTimer: true, // 最后两秒多次调用结束视频接口，节流
nextSection: true, // 下一课节流
};
},
created() { },
@ -405,6 +407,22 @@ export default {
}, 300000);
}
}
//最后2s调用结束接口
// 获取视频总时长
let duration = document.getElementById("video").duration;
if (curTime >= (duration - 2)) {
if (_this.last30sTimer && _this.section[_this.choose_section_index].is_end != 1) {
// console.log("最后2秒我运行了11111111111111111");
_this.last30sTimer = false;
for (let index = 0; index < 3; index++) {
_this.onPlayerEnded();
}
setTimeout(() => {
_this.last30sTimer = true;
}, 10000);
}
}
}
function plays() {
@ -450,38 +468,47 @@ export default {
);
},
onPlayerEnded() {
this.getData("/Home/saveRecord", {
token: getStore("token"),
id: this.choose_section_id,
record: '',
is_end: 1,
}).then(
(data) => {
if (data.code == 1) {
if (this.choose_section_index >= this.section.length - 1) {
this.section[this.choose_section_index].is_end = 1;
Toast("此视频已看完");
location.reload();
// MessageBox.confirm('此视频已看完').then(action => {
// this.toggleTabs(3)
// }, () => {});
// Toast('已是最后一课');
return;
if (this.section[this.choose_section_index].is_end != 1) {
this.getData("/Home/saveRecord", {
token: getStore("token"),
id: this.choose_section_id,
record: '',
is_end: 1,
}).then(
(data) => {
if (data.code == 1) {
if (this.choose_section_index >= this.section.length - 1) {
this.section[this.choose_section_index].is_end = 1;
Toast("此视频已看完");
location.reload();
// MessageBox.confirm('此视频已看完').then(action => {
// this.toggleTabs(3)
// }, () => {});
// Toast('已是最后一课');
return;
} else {
if (this.nextSection) {
this.nextSection = false;
let id = this.section[this.choose_section_index + 1]["id"];
// 直接通过id改变课程状态为“已学完”
this.section[this.choose_section_index].is_end = 1;
// location.reload();
// console.log("已刷新页面");
this.changeSection(id);
Toast("正在为您跳入下一节课");
setTimeout(() => {
this.nextSection = true;
}, 5000);
}
}
} else {
let id = this.section[this.choose_section_index + 1]["id"];
// 直接通过id改变课程状态为“已学完”
this.section[this.choose_section_index].is_end = 1;
// location.reload();
// console.log("已刷新页面");
this.changeSection(id);
Toast("正在为您跳入下一节课");
Toast(data.msg);
}
} else {
Toast(data.msg);
}
},
(err) => { }
);
},
(err) => { }
);
}
},
tk(daan) {
let _this = this;
@ -1093,6 +1120,7 @@ export default {
justify-content: center;
align-items: center;
}
.computer-take-photo {
padding: 10px;
border-radius: 10px;