Compare commits

..

17 Commits

Author SHA1 Message Date
670788339
1bd77d3d5b 外部讲师的默认头像 2025-07-11 15:50:45 +08:00
670788339
21d1dffa7b 外部讲师图片显示3 2025-06-23 11:23:23 +08:00
670788339
231e9ed09b 外部讲师图片显示 2025-06-23 11:06:03 +08:00
670788339
f13a77f075 外部讲师图片显示 2025-06-23 10:49:46 +08:00
670788339
ab2ac961f5 替换图片 2025-06-13 09:17:26 +08:00
670788339
6727dd838b 替换图片 2025-06-12 09:36:58 +08:00
joshen
28aa639e1c Merge remote-tracking branch 'yx/master-20250428-shl' 2025-05-13 15:42:12 +08:00
joshen
05d48f5313 Merge remote-tracking branch 'yx/250415-bugfix-shl' 2025-05-13 15:41:28 +08:00
sunhonglai
505e3ce00c 修改进度条文案 2025-04-21 14:37:53 +08:00
sunhonglai
ff908554fd 修改上报时长接口 2025-04-21 11:10:21 +08:00
sunhonglai
e031dcd935 修改上报时长接口 2025-04-18 09:42:06 +08:00
sunhonglai
2139e15813 修改上报时长接口 2025-04-18 09:41:46 +08:00
sunhonglai
8497deea52 增加日志打印 2025-04-18 09:27:01 +08:00
sunhonglai
8746904cb9 学习时长上报接口合并 2025-04-18 08:51:48 +08:00
sunhonglai
213e5abce3 去掉无用注释影响后绪修改逻辑 2025-04-16 14:01:43 +08:00
sunhonglai
dc7f942303 先修改对应的后端接口 2025-04-16 10:19:56 +08:00
sunhonglai
4c1c370879 清除无用注释,影响排查要搜索修改的代码 2025-04-16 08:51:10 +08:00
15 changed files with 1663 additions and 1958 deletions

View File

@@ -114,6 +114,10 @@ const studyVideoTime = function(data) {
return ajax.post('/xboe/school/study/course/study-video-time',data); return ajax.post('/xboe/school/study/course/study-video-time',data);
} }
const updateStudyVideoTime = function(data) {
return ajax.post('/xboe/school/study/course/updateStudyVideoTime',data);
}
/** /**
* 获取上一次的学习内容 * 获取上一次的学习内容
* @returns * @returns
@@ -408,6 +412,7 @@ export default {
studyIndex, studyIndex,
studyInfo, studyInfo,
studyVideoTime, studyVideoTime,
updateStudyVideoTime,
lastStudy, lastStudy,
studyContent, studyContent,
appendStudyTime, appendStudyTime,

Binary file not shown.

After

Width:  |  Height:  |  Size: 657 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 111 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 244 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

View File

@@ -512,6 +512,7 @@ export default {
this.currentProgress = progressVideo; this.currentProgress = progressVideo;
this.barrageTimelineStart = newCurrentTime; this.barrageTimelineStart = newCurrentTime;
this.videoDom.currentTime = newCurrentTime; this.videoDom.currentTime = newCurrentTime;
this.updateProgressText();
}, },
/* 提高视频音量 /* 提高视频音量
*/ */

View File

@@ -5,7 +5,7 @@
<!-- </div> --> <!-- </div> -->
<!-- 底部 --> <!-- 底部 -->
<div class="grateful"> <div class="grateful">
<img src="../../assets/images/grateful/gratefulFooter.png" alt="" /> <img src="../../assets/images/grateful/gratefulFooter20250613.png" alt="" />
</div> </div>
</div> </div>
</template> </template>

View File

@@ -1,179 +0,0 @@
<template>
<div class="hot">
<div>
<div class="center">
<div class="item" :style="{marginRight:(i%2==0||i==0)?'49px':'0'}" v-for="item,i in imgData" :key="i">
<img class="img" @click="goLearn(item.url)" :src="require(`../../assets/images/hotforum/${item.img}.png`)" alt="">
</div>
</div>
<div style="display: flex;justify-content: center;margin-bottom: 52px;">
<img src="../../assets/images/hotforum/foot.png" alt="">
</div>
</div>
</div>
</template>
<script>
export default {
name: "hotforum",
data() {
return {
imgData:[
{img:'01',url:'1265897142383042560'},
{img:'02',url:'1265697724606210048'},
{img:'003',url:'1280185851054231552'},
{img:'04',url:'1321778585966247936'},
],
}
},
methods: {
goLearn(item){
if(item){
// this.$router.push({path:'/course/detail',query:{id:item}})
window.open(`https://u.boe.com/pc/course/detail?id=${item}`)
}
},
},
}
</script>
<style lang="scss" scoped>
.hot{
width: 100%;
// max-width: 1920px;
min-height: 100%;
// min-height: 1373px;
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
background-size: 100% 100%;
display: flex;
justify-content: center;
.center{
max-width: 1270px;
max-height: 700px;
margin-bottom: 5%;
margin-top: 22%;
display: flex;
flex-wrap: wrap;
.item{
width: 610px;
height: 330px;
background: url("../../assets/images/hotforum/border.png") no-repeat;
background-size: 100%;
padding: 14px;
padding-top: 31px;
margin-bottom: 59px;
cursor: pointer;
.img{
width: 581px;
height: 283px;
}
}
}
/* 当窗口宽度大于3068px时的样式 */
}
@media (min-width: 3000px) {
.hot{
width: 100%;
// max-width: 1920px;
min-height: 100%;
// min-height: 1373px;
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
background-size: 100% 100%;
display: flex;
justify-content: center;
.center {
max-width: 2560px;
max-height: 1300px;
margin-bottom: 5%;
margin-top: 30vh;
display: flex;
flex-wrap: wrap;
.item {
width: 1220px;
height: 660px;
background: url("../../assets/images/hotforum/border.png") no-repeat;
background-size: 100%;
padding: 28px;
padding-top: 62px;
margin-bottom: 59px;
.img {
width: 100%; // 图片宽度占满item宽度
height: auto; // 自动调整高度
}
}
}
}
}
@media (min-height: 1500px) {
.hot{
width: 100%;
// max-width: 1920px;
min-height: 100%;
// min-height: 1373px;
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
background-size: 100% 100%;
display: flex;
justify-content: center;
.center {
max-width: 1068px;
max-height: 580px;
margin-bottom: 5%;
margin-top: 30vh;
display: flex;
flex-wrap: wrap;
.item {
width: 500px;
height: 271px;
background: url("../../assets/images/hotforum/border.png") no-repeat;
background-size: 100%;
padding: 14px;
padding-top: 26px;
margin-bottom: 30px;
.img {
width: 100%; // 图片宽度占满item宽度
height: auto; // 自动调整高度
}
}
}
}
}
@media (min-width: 1928px) and (max-width: 3000px) {
.hot{
width: 100%;
// max-width: 1920px;
min-height: 100%;
// min-height: 1373px;
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
background-size: 100% 100%;
display: flex;
justify-content: center;
.center {
max-width: 1800px;
max-height: 1100px;
margin-bottom: 5%;
margin-top: 35vh;
display: flex;
flex-wrap: wrap;
.item {
width: 860px;
height: 466px;
background: url("../../assets/images/hotforum/border.png") no-repeat;
background-size: 100%;
padding: 28px;
padding-top: 48px;
margin-bottom: 70px;
.img {
width: 100%; // 图片宽度占满item宽度
height: auto; // 自动调整高度
}
}
}
}
}
</style>

View File

@@ -1,24 +1,7 @@
<template> <template>
<div class="hot25"> <div class="hot">
<div> <div>
<div class="title25" style=""> <div class="center">
<img class="img" src="../../assets/images/hotforum/2025.png" alt="">
</div>
<div class="center" style="margin-top: 60px;">
<div class="item" style="margin-right: 49px;">
<img class="img" @click="goLearn('1351506180295131136')" src="../../assets/images/hotforum/2501.jpg" alt="">
</div>
<div class="item">
<img class="img" src="../../assets/images/hotforum/2502.png" alt="">
</div>
</div>
<div class="line" style="margin: 0 auto;margin-top: 60px;width: 100%;text-align: center;">
<img class="img" src="../../assets/images/hotforum/line.png" alt="">
</div>
<div class="title24" style="margin: 0 auto;margin-top: 60px;width: 100%;text-align: center;">
<img class="img" src="../../assets/images/hotforum/2024.png" alt="">
</div>
<div class="center" style="margin-top: 60px;">
<div class="item" :style="{marginRight:(i%2==0||i==0)?'49px':'0'}" v-for="item,i in imgData" :key="i"> <div class="item" :style="{marginRight:(i%2==0||i==0)?'49px':'0'}" v-for="item,i in imgData" :key="i">
<img class="img" @click="goLearn(item.url)" :src="require(`../../assets/images/hotforum/${item.img}.png`)" alt=""> <img class="img" @click="goLearn(item.url)" :src="require(`../../assets/images/hotforum/${item.img}.png`)" alt="">
</div> </div>
@@ -26,14 +9,13 @@
<div style="display: flex;justify-content: center;margin-bottom: 52px;"> <div style="display: flex;justify-content: center;margin-bottom: 52px;">
<img src="../../assets/images/hotforum/foot.png" alt=""> <img src="../../assets/images/hotforum/foot.png" alt="">
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "hotforumNew", name: "hotforum",
data() { data() {
return { return {
imgData:[ imgData:[
@@ -42,10 +24,6 @@
{img:'003',url:'1280185851054231552'}, {img:'003',url:'1280185851054231552'},
{img:'04',url:'1321778585966247936'}, {img:'04',url:'1321778585966247936'},
], ],
imgData25:[
{img:'01',url:'1265897142383042560'},
{img:'02',url:'1265697724606210048'},
],
} }
}, },
methods: { methods: {
@@ -60,22 +38,20 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.hot25{ .hot{
width: 100%; width: 100%;
// max-width: 1920px; // max-width: 1920px;
min-height: 100%; min-height: 100%;
// min-height: 1373px; // min-height: 1373px;
background: url("../../assets/images/hotforum/back25.png") no-repeat; background: url("../../assets/images/hotforum/back.jpg") no-repeat;
background-size: cover; background-size: 100% 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
.title25{
margin: 0 auto;margin-top: 100px;width: 100%;text-align: center;
}
.center{ .center{
max-width: 1270px; max-width: 1270px;
max-height: 700px; max-height: 700px;
margin-bottom: 5%; margin-bottom: 5%;
margin-top: 22%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.item{ .item{
@@ -95,109 +71,109 @@
} }
/* 当窗口宽度大于3068px时的样式 */ /* 当窗口宽度大于3068px时的样式 */
} }
// @media (min-width: 3000px) { @media (min-width: 3000px) {
// .hot{ .hot{
// width: 100%; width: 100%;
// // max-width: 1920px; // max-width: 1920px;
// min-height: 100%; min-height: 100%;
// // min-height: 1373px; // min-height: 1373px;
// background: url("../../assets/images/hotforum/back.jpg") no-repeat; background: url("../../assets/images/hotforum/back.jpg") no-repeat;
// background-size: 100% 100%; background-size: 100% 100%;
// display: flex; display: flex;
// justify-content: center; justify-content: center;
// .center { .center {
// max-width: 2560px; max-width: 2560px;
// max-height: 1300px; max-height: 1300px;
// margin-bottom: 5%; margin-bottom: 5%;
// margin-top: 30vh; margin-top: 30vh;
// display: flex; display: flex;
// flex-wrap: wrap; flex-wrap: wrap;
// .item { .item {
// width: 1220px; width: 1220px;
// height: 660px; height: 660px;
// background: url("../../assets/images/hotforum/border.png") no-repeat; background: url("../../assets/images/hotforum/border.png") no-repeat;
// background-size: 100%; background-size: 100%;
// padding: 28px; padding: 28px;
// padding-top: 62px; padding-top: 62px;
// margin-bottom: 59px; margin-bottom: 59px;
// .img { .img {
// width: 100%; // 图片宽度占满item宽度 width: 100%; // 图片宽度占满item宽度
// height: auto; // 自动调整高度 height: auto; // 自动调整高度
// } }
// } }
// } }
// } }
// } }
// @media (min-height: 1500px) { @media (min-height: 1500px) {
// .hot{ .hot{
// width: 100%; width: 100%;
// // max-width: 1920px; // max-width: 1920px;
// min-height: 100%; min-height: 100%;
// // min-height: 1373px; // min-height: 1373px;
// background: url("../../assets/images/hotforum/back.jpg") no-repeat; background: url("../../assets/images/hotforum/back.jpg") no-repeat;
// background-size: 100% 100%; background-size: 100% 100%;
// display: flex; display: flex;
// justify-content: center; justify-content: center;
// .center { .center {
// max-width: 1068px; max-width: 1068px;
// max-height: 580px; max-height: 580px;
// margin-bottom: 5%; margin-bottom: 5%;
// margin-top: 30vh; margin-top: 30vh;
// display: flex; display: flex;
// flex-wrap: wrap; flex-wrap: wrap;
// .item { .item {
// width: 500px; width: 500px;
// height: 271px; height: 271px;
// background: url("../../assets/images/hotforum/border.png") no-repeat; background: url("../../assets/images/hotforum/border.png") no-repeat;
// background-size: 100%; background-size: 100%;
// padding: 14px; padding: 14px;
// padding-top: 26px; padding-top: 26px;
// margin-bottom: 30px; margin-bottom: 30px;
// .img { .img {
// width: 100%; // 图片宽度占满item宽度 width: 100%; // 图片宽度占满item宽度
// height: auto; // 自动调整高度 height: auto; // 自动调整高度
// } }
// } }
// } }
// } }
// } }
// @media (min-width: 1928px) and (max-width: 3000px) { @media (min-width: 1928px) and (max-width: 3000px) {
// .hot{ .hot{
// width: 100%; width: 100%;
// // max-width: 1920px; // max-width: 1920px;
// min-height: 100%; min-height: 100%;
// // min-height: 1373px; // min-height: 1373px;
// background: url("../../assets/images/hotforum/back.jpg") no-repeat; background: url("../../assets/images/hotforum/back.jpg") no-repeat;
// background-size: 100% 100%; background-size: 100% 100%;
// display: flex; display: flex;
// justify-content: center; justify-content: center;
// .center { .center {
// max-width: 1800px; max-width: 1800px;
// max-height: 1100px; max-height: 1100px;
// margin-bottom: 5%; margin-bottom: 5%;
// margin-top: 35vh; margin-top: 35vh;
// display: flex; display: flex;
// flex-wrap: wrap; flex-wrap: wrap;
// .item { .item {
// width: 860px; width: 860px;
// height: 466px; height: 466px;
// background: url("../../assets/images/hotforum/border.png") no-repeat; background: url("../../assets/images/hotforum/border.png") no-repeat;
// background-size: 100%; background-size: 100%;
// padding: 28px; padding: 28px;
// padding-top: 48px; padding-top: 48px;
// margin-bottom: 70px; margin-bottom: 70px;
// .img { .img {
// width: 100%; // 图片宽度占满item宽度 width: 100%; // 图片宽度占满item宽度
// height: auto; // 自动调整高度 height: auto; // 自动调整高度
// } }
// } }
// } }
// } }
// } }
</style> </style>

View File

@@ -225,7 +225,7 @@
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<portal-footer></portal-footer> <portal-footer></portal-footer>
</div> </div>
@@ -653,7 +653,7 @@ export default {
itemId:this.coursewareInfo.studyItemId, itemId:this.coursewareInfo.studyItemId,
videoTime:intTime videoTime:intTime
} }
apicourseStudy.studyVideoTime(postData).then(rs=>{ apicourseStudy.updateStudyVideoTime(postData).then(rs=>{
if(rs.status!=200){ if(rs.status!=200){
console.log('记录播放时间错误'); console.log('记录播放时间错误');
} }
@@ -693,7 +693,7 @@ export default {
itemId:this.coursewareInfo.studyItemId, itemId:this.coursewareInfo.studyItemId,
videoTime:intTime videoTime:intTime
} }
apicourseStudy.studyVideoTime(postData).then(rs=>{ apicourseStudy.updateStudyVideoTime(postData).then(rs=>{
if(rs.status!=200){ if(rs.status!=200){
console.log('记录播放时间错误'); console.log('记录播放时间错误');
} }

File diff suppressed because it is too large Load Diff

View File

@@ -277,12 +277,15 @@
<div class="teacher" v-for="(item, idx) in teachers" :key="idx"> <div class="teacher" v-for="(item, idx) in teachers" :key="idx">
<div class="teacher-avator" @click="toUserHome(item)" title="点击进入他的主页"> <div class="teacher-avator" @click="toUserHome(item)" title="点击进入他的主页">
<!-- <div class="teacher-text" v-if="item.authorInfo.avatar == ''">{{userAvatarText(item.teacherName)}}</div> --> <!-- <div class="teacher-text" v-if="item.authorInfo.avatar == ''">{{userAvatarText(item.teacherName)}}</div> -->
<div v-if="item.authorInfo.avatar !== ''"> <div v-if="item.authorInfo && item.authorInfo.avatar">
<el-avatar :src="fileBaseUrl + item.authorInfo.avatar" shape="circle" :size="50"></el-avatar> <el-avatar :src="fileBaseUrl + item.authorInfo.avatar" shape="circle" :size="50"></el-avatar>
</div> </div>
<div v-else-if="item.photo">
<el-avatar :src="item.photo" shape="circle" :size="50"></el-avatar>
</div>
<div v-else class="teacher-text"> <div v-else class="teacher-text">
<div v-if="item.authorInfo.sex === 1 "><img src="../../../public/images/Avatarman.png" alt=""></div> <div v-if="item.authorInfo && item.authorInfo.sex === 1"><img src="../../../public/images/Avatarwoman.png" alt=""></div>
<div v-else><img src="../../../public/images/Avatarwoman.png" alt=""></div> <div v-else><img src="../../../public/images/Avatarman.png" alt=""></div>
</div> </div>
</div> </div>
<div class="teacher-info"> <div class="teacher-info">
@@ -467,7 +470,6 @@
this.stopStudyTime();//先关闭 this.stopStudyTime();//先关闭
this.cleanAppendTime();// this.cleanAppendTime();//
this.loadData(); this.loadData();
//console.log(this.$xpage.constants.fileBaseUrl,'this.$xpage.constants.fileBaseUrl');
}, },
computed: { computed: {
...mapGetters(['userInfo']), ...mapGetters(['userInfo']),
@@ -511,14 +513,12 @@
}, },
methods: { methods: {
handleOpen(key,path){ handleOpen(key,path){
// console.log(key,path,'handleOpen')
if(this.isFalse){ if(this.isFalse){
this.defaultOpeneds = [key] this.defaultOpeneds = [key]
} }
this.isFalse = false this.isFalse = false
}, },
handleClose(key,path){ handleClose(key,path){
// console.log(key,path,'handleClose')
}, },
toUserHome(tea){ toUserHome(tea){
this.$router.push({path:this.$xpage.getHomePath(tea.teacherId)}) this.$router.push({path:this.$xpage.getHomePath(tea.teacherId)})
@@ -591,9 +591,7 @@
let $this=this; let $this=this;
if(this.contentData.id==contentId){ if(this.contentData.id==contentId){
this.onPlayerPause() this.onPlayerPause()
//this.audioPause();
this.contentData.lastStudyTime=time; this.contentData.lastStudyTime=time;
//this.onPlayerPlay();
setTimeout(() => { setTimeout(() => {
$this.$refs.myVideoPlayer.startPlay(time); $this.$refs.myVideoPlayer.startPlay(time);
}, 10) }, 10)
@@ -610,7 +608,6 @@
if(toResContent){ if(toResContent){
this.changePlayRes(toResContent); this.changePlayRes(toResContent);
//this.onPlayerPlay();
setTimeout(() => { setTimeout(() => {
$this.$refs.myVideoPlayer.startPlay(time); $this.$refs.myVideoPlayer.startPlay(time);
}, 10) }, 10)
@@ -621,18 +618,9 @@
} }
} }
this.playerBoxShow = false; this.playerBoxShow = false;
//this.changePlayRes(r);
// this.playerBoxShow = false;
// this.notePlay = null;
// let $this=this;
// setTimeout(() => {
// $this.notePlay = time;
// }, 500)
}, },
//笔记组件触发,记录当前播放时间 //笔记组件触发,记录当前播放时间
videoLocation() { videoLocation() {
//this.$store.dispatch("SetIntTimeNote", this.intTimeNote);
//console.log(this.contentData.id+'='+this.intTimeNote,'设置视频播放时间')
this.$refs.mynote.setVideoTime(this.contentData.id,this.intTimeNote); this.$refs.mynote.setVideoTime(this.contentData.id,this.intTimeNote);
}, },
coutab(n) { coutab(n) {
@@ -642,9 +630,7 @@
let nowDate = new Date(); let nowDate = new Date();
let ctime = parseInt(nowDate.getTime() / 1000); let ctime = parseInt(nowDate.getTime() / 1000);
let beforeUrl = parseInt(nowDate.getTime() / 1000) + '/' + fid; let beforeUrl = parseInt(nowDate.getTime() / 1000) + '/' + fid;
//console.log(beforeUrl,'beforeUrl');
let urlSign = encodeURIComponent(encrypt(beforeUrl)); let urlSign = encodeURIComponent(encrypt(beforeUrl));
//console.log(urlSign,'urlSign');
cookies.set('PLAYSIGN_TIME', ctime); //写客户端的cookie保存 cookies.set('PLAYSIGN_TIME', ctime); //写客户端的cookie保存
//以下判断是为了区分本地环境和服务器环境 //以下判断是为了区分本地环境和服务器环境
if (process.env.NODE_ENV == 'development') { if (process.env.NODE_ENV == 'development') {
@@ -652,9 +638,7 @@
} else { } else {
this.blobUrl = process.env.VUE_APP_BASE_API + '/xboe/m/course/cware/resource?sign=' + urlSign; this.blobUrl = process.env.VUE_APP_BASE_API + '/xboe/m/course/cware/resource?sign=' + urlSign;
} }
// console.log('this.contentData.id:',this.contentData.id)
this.blobId = this.contentData.id this.blobId = this.contentData.id
//console.log(this.blobUrl,'this.blobUrl');
}, },
widthOpen(url) { widthOpen(url) {
window.open(url, '_blank'); window.open(url, '_blank');
@@ -687,8 +671,6 @@
this.curriculumData.url = r.content; this.curriculumData.url = r.content;
} }
this.$refs.mynote.showVideoTimeBtn(true); this.$refs.mynote.showVideoTimeBtn(true);
//let url=process.env.VUE_APP_BASE_API+'/xboe/m/course/file/show?cf='+this.curriculumData.url;
//let url=this.fileBaseUrl+this.curriculumData.url;
this.createPlayUrl(r.contentRefId, this.curriculumData.url); this.createPlayUrl(r.contentRefId, this.curriculumData.url);
} else if (r.contentType == 40) { } else if (r.contentType == 40) {
// if (r.content != '' && r.content.indexOf('.pdf') == -1) { // if (r.content != '' && r.content.indexOf('.pdf') == -1) {
@@ -787,7 +769,6 @@
}); });
$this.appendStudyOtherTime(); $this.appendStudyOtherTime();
}, 15000); //非音视频课程学习,十五秒后记录 }, 15000); //非音视频课程学习,十五秒后记录
//this.appendStudyTime();
this.isContentType = this.contentData.contentType this.isContentType = this.contentData.contentType
if (this.contentData.contentType != 50) { if (this.contentData.contentType != 50) {
this.handleTimeout = setTimeout(function(){ this.handleTimeout = setTimeout(function(){
@@ -802,28 +783,23 @@
this.$nextTick(function(){ this.$nextTick(function(){
if(this.contentData.progressVideo){ if (r.contentType == 10) {
console.log('视频处理lastStudyTime',this.contentData.lastStudyTime)
console.log('视频处理progressVideo',this.contentData.progressVideo)
this.$refs.myVideoPlayer.updateProgressByClickBar2(this.contentData.lastStudyTime,this.contentData.progressVideo); this.$refs.myVideoPlayer.updateProgressByClickBar2(this.contentData.lastStudyTime,this.contentData.progressVideo);
// $this.notePlay = this.contentData.lastStudyTime;
} }
//let h0=document.getElementById('id_course_player').offsetHeight;
let h=$this.$refs.coursePlayer.offsetHeight; let h=$this.$refs.coursePlayer.offsetHeight;
//let h1=$this.$refs.coursePlayer.clientHeight;
///console.log(h0,h,$this.controlHeight,'$this.controlHeight');
//解决获取高度不正的问题 //解决获取高度不正的问题
if(h>400 && h<500){ if(h>400 && h<500){
h=h+40; h=h+40;
}else if(h>500){ }else if(h>500){
h=h+60; h=h+60;
} }
//$this.controlHeight=h-99;
$this.controlHeight=h-95; $this.controlHeight=h-95;
//console.log(h,$this.controlHeight,'$this.controlHeight');
}) })
//console.log('this.contentData11:',this.contentData,this.curriculumData)
// 视频设置禁用处理逻辑,如果用户已全部观看完该视频则设置为能全部拖动的逻辑把isDrag设置为true即可,同时删除本地存储的数据 // 视频设置禁用处理逻辑,如果用户已全部观看完该视频则设置为能全部拖动的逻辑把isDrag设置为true即可,同时删除本地存储的数据
if(this.contentData.progressVideo ===1){ if(this.contentData.progressVideo ===1){
var obj = JSON.parse(this.contentData.content) var obj = JSON.parse(this.contentData.content)
@@ -1131,38 +1107,16 @@
}); });
} else { } else {
//console.log('加载课程信息失败:'+res.error);
//this.$message.error(res.message);
} }
}); });
}, },
onPlayerPlay() { onPlayerPlay() {
//console.log("开始播放");
// if(this.contentData.contentType == 10){
// if(this.contentData.status<2){
// this.contentData.status = 2;
// }
// }
this.playerBoxShow = false; this.playerBoxShow = false;
// this.onPlayerPlayFullscreen()
// this.$watermark.set(this.userInfo.name + this.userInfo.loginName);
let $this = this; let $this = this;
//这里有些不准备,如果文件未能加载,这个事件就是错误的 //这里有些不准备,如果文件未能加载,这个事件就是错误的
this.isAppendTime=true; this.isAppendTime=true;
this.appendStudyTime();//启动追加学习时长 this.appendStudyTime();//启动追加学习时长
//console.log(this.contentData.status,'this.contentData.status');
// if(this.contentData.status<9){
// let completeType=this.curriculumData.completeSetup;
// //console.log(completeType,'completeType');
// if(completeType==0){
// //默认5秒后学习完成.
// $this.handleTimeout= setTimeout(function() {$this.saveStudyInfo();}, 5000); //5秒后记录学习完成
// }else{
// //先记录进行中的学习内容
// this.saveStudyItem();
// }
// }
}, },
onFullscreen(full) { onFullscreen(full) {
@@ -1194,7 +1148,6 @@
} }
}, },
onPlayerPause() { onPlayerPause() {
//console.log("暂停");
this.stopStudyTime(); this.stopStudyTime();
}, },
onPlayerEnded() { onPlayerEnded() {
@@ -1207,8 +1160,6 @@
onPlayerPlaying(itme) { onPlayerPlaying(itme) {
this.isAppendTime = true;//可以追加学习时长 this.isAppendTime = true;//可以追加学习时长
this.intTimeNote = parseInt(itme); this.intTimeNote = parseInt(itme);
//console.log("当前播放"+itme);
//console.log("当前播放11"+itme);
if (this.contentData.contentType && this.contentData.contentType == 10) { if (this.contentData.contentType && this.contentData.contentType == 10) {
let intTime = parseInt(itme); let intTime = parseInt(itme);
//判断是否完成 //判断是否完成
@@ -1238,7 +1189,13 @@
this.contentData.lastStudyTime = intTime; this.contentData.lastStudyTime = intTime;
let postData = { let postData = {
itemId: this.contentData.studyItemId, itemId: this.contentData.studyItemId,
videoTime: intTime videoTime: intTime,
id: this.appentId,
studyId: this.studyId,
courseId: this.contentData.courseId,
contentId: this.contentData.id,
studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
duration: 10
}; };
//console.log('this.courseInfo:',this.contentData) //console.log('this.courseInfo:',this.contentData)
if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){ if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
@@ -1246,22 +1203,24 @@
var arr = time&&JSON.parse(time) || {} var arr = time&&JSON.parse(time) || {}
if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) { if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) {
postData.progressVideo = arr[this.blobId] postData.progressVideo = arr[this.blobId]
postData.contentId = this.contentData.id // postData.contentId = this.contentData.id
postData.courseId = this.contentData.courseId // postData.courseId = this.contentData.courseId
} }
} }
//console.log('记录播放时间') //console.log('记录播放时间')
apiStudy.studyVideoTime(postData).then(rs => { apiStudy.updateStudyVideoTime(postData).then(rs => {
if (rs.status != 200) { if (rs.status != 200) {
console.log('记录播放时间错误'); console.log('记录播放时间错误');
}else{
studyUtil.clearStudyDuration(); //清除本地存储
} }
}); });
} }
} }
}, },
audioPlaying(item, currentTime) { audioPlaying(item, currentTime) {
//console.log("当前播放"+item);
let intTime = parseInt(currentTime); let intTime = parseInt(currentTime);
console.log("======音频播放"+intTime);
this.handleAudioTimeUpdate(intTime) this.handleAudioTimeUpdate(intTime)
//判断是否完成 //判断是否完成
let completeType = this.curriculumData.completeSetup; let completeType = this.curriculumData.completeSetup;
@@ -1290,7 +1249,13 @@
this.contentData.lastStudyTime = intTime; this.contentData.lastStudyTime = intTime;
let postData = { let postData = {
itemId: this.contentData.studyItemId, itemId: this.contentData.studyItemId,
videoTime: intTime videoTime: intTime,
id: this.appentId,
studyId: this.studyId,
courseId: this.contentData.courseId,
contentId: this.contentData.id,
studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
duration: 10
}; };
//console.log('this.courseInfo:',this.contentData) //console.log('this.courseInfo:',this.contentData)
if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){ if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
@@ -1298,23 +1263,21 @@
var arr = time&&JSON.parse(time) || {} var arr = time&&JSON.parse(time) || {}
if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) { if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) {
postData.progressVideo = arr[this.blobId] postData.progressVideo = arr[this.blobId]
postData.contentId = this.contentData.id // postData.contentId = this.contentData.id
postData.courseId = this.contentData.courseId // postData.courseId = this.contentData.courseId
} }
} }
//console.log('记录播放时间') //console.log('记录播放时间')
apiStudy.studyVideoTime(postData).then(rs => { apiStudy.updateStudyVideoTime(postData).then(rs => {
if (rs.status != 200) { if (rs.status != 200) {
console.log('记录播放时间错误'); console.log('记录播放时间错误');
}else{
studyUtil.clearStudyDuration(); //清除本地存储
} }
}); });
} }
}, },
audioPlay() { audioPlay() {
//console.log("开始播放");
// if(this.contentData.contentType == 20 && this.contentData.status < 2){
// this.contentData.status = 2;
// }
let $this = this; let $this = this;
this.isAppendTime=true; this.isAppendTime=true;
this.appendStudyTime();//启动追加学习时长 this.appendStudyTime();//启动追加学习时长
@@ -1425,7 +1388,6 @@
//处理内容的名称 //处理内容的名称
this.totalContent = rs.result.contents.length; this.totalContent = rs.result.contents.length;
//加载学习的数据 //加载学习的数据
//this.loadStudyData();
this.loadStudyData(rs.result); this.loadStudyData(rs.result);
} else { } else {
@@ -1440,6 +1402,7 @@
//对已学习的内容进行比对,重要的字段, 学习内容id在后缀的 //对已学习的内容进行比对,重要的字段, 学习内容id在后缀的
let playIndex = -1; let playIndex = -1;
this.contentList.forEach((con, conIdx) => { this.contentList.forEach((con, conIdx) => {
con.progressVideo = con.progressVideo || 0;
result.contentStudys.forEach((scon, sconIdx) => { result.contentStudys.forEach((scon, sconIdx) => {
if (scon.contentId == con.id) { if (scon.contentId == con.id) {
//定位显示的内容 //定位显示的内容
@@ -1451,9 +1414,8 @@
playIndex = conIdx; playIndex = conIdx;
} }
} }
//console.log(scon.contentId,con.id);
con.lastStudyTime = scon.lastStudyTime; con.lastStudyTime = scon.lastStudyTime;
con.progressVideo = scon.progressVideo; con.progressVideo = scon.progressVideo || 0;
//以下判断是为了兼容之前的问题,学习状态 //以下判断是为了兼容之前的问题,学习状态
if (scon.status) { if (scon.status) {
con.status = scon.status; con.status = scon.status;
@@ -1461,23 +1423,17 @@
con.status = 9; con.status = 9;
} }
con.studyItemId = scon.id; //这个就是学习内容条目的id con.studyItemId = scon.id; //这个就是学习内容条目的id
//console.log(scon.id,"scon.id");
//console.log(con,"scon.id");
} }
}); });
}); });
if (this.courseInfo.type == 10) { if (this.courseInfo.type == 10) {
///console.log(this.contentList[0],'ccccc11111')
this.showRes(this.contentList[0]); this.showRes(this.contentList[0]);
} else { } else {
//如果没有,就定位第一项内容 //如果没有,就定位第一项内容
if (playIndex === -1) { if (playIndex === -1) {
// this.showRes(this.contentList[0]);
//console.log(this.catalogTree,'ccccc22222')
this.showRes(this.catalogTree[0].children[0]) this.showRes(this.catalogTree[0].children[0])
} else { } else {
//console.log(this.contentList[0],'ccccc3333')
this.showRes(this.contentList[playIndex]); this.showRes(this.contentList[playIndex]);
} }
} }
@@ -1592,22 +1548,23 @@
console.log(rs.message); console.log(rs.message);
} }
}); });
let postAppendData = { // let postAppendData = {
id: this.appentId, // id: this.appentId,
studyId: this.studyId, // studyId: this.studyId,
courseId: this.courseInfo.id, // courseId: this.courseInfo.id,
contentId: this.contentData.id, // contentId: this.contentData.id,
studyInfo: this.courseInfo.name +"-" +this.contentData.contentName, // studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
duration: duration // duration: duration,
}; // type: 1
apiStudy.appendStudyTime(postAppendData).then(rs => { // };
if (rs.status == 200) { // apiStudy.updateStudyVideoTime(postAppendData).then(rs => {
this.appentId = rs.result; // if (rs.status == 200) {
studyUtil.clearStudyDuration(); //清除本地存储 // this.appentId = rs.result;
} else { // studyUtil.clearStudyDuration(); //清除本地存储
console.log(rs.message); // } else {
} // console.log(rs.message);
}); // }
// });
} }
}, },
//结束追加学习时长 //结束追加学习时长
@@ -1647,60 +1604,6 @@
this.saveStudyDuration(totalTime) this.saveStudyDuration(totalTime)
}, this.appentInterval * 1000); }, this.appentInterval * 1000);
}, },
//追加学习时长, flag是否提交到后台
// appendStudyTime() {
// //console.log('开始追加学习时长',this.isAppendTime);
// if (this.studyId == '') {
// return;
// }
// if (!this.contentData.id) {
// return;
// }
// if (!this.isAppendTime) {
// this.appendStartTime = null;
// return;
// }
// if (this.appendHandle != null) {
// window.clearTimeout(this.appendHandle);
// }
// //首先从本地读取
// let duration = studyUtil.getStudyDuration();
// //console.log('追加学习时长,当前本地积累的学习时长='+duration);
// //追加学习长
// let $this = this;
// if (this.appendStartTime == null) {
// this.appendStartTime = new Date();
// this.appendHandle = setTimeout(function() {
// $this.appendStudyTime();
// }, $this.appentInterval); //设置定时追加学习时长
// //保存之前的
// if (duration >= 60 ) {
// this.saveStudyDuration(duration);
// }
// return;
// }
// //如果当前追加开始时间不为空
// let now = new Date();
// let m = now.getTime() - this.appendStartTime.getTime(); //相差的毫秒数
// // console.log(m/1000,'时间');
// let sen = Math.round(m / 1000); //计算秒数
// // console.log('定时器时间',sen);
// // 每次添加的是定时器计时的时间
// duration = duration + sen;//追加的是秒
// if (duration >= 60) { //一分钟保存一次
// this.saveStudyDuration(duration);
// } else {
// studyUtil.setStudyDuration(duration); //添加到本地存储中
// }
// //重新覆盖时间
// this.appendStartTime = new Date();
// //启动下次追加学习时长
// this.appendHandle = setTimeout(function() {
// $this.appendStudyTime();
// }, $this.appentInterval);
// },
finishStudyItem() { //设置完成学习的内容,针对于音视频的内容 finishStudyItem() { //设置完成学习的内容,针对于音视频的内容
if (!this.contentData.studyItemId) { if (!this.contentData.studyItemId) {
@@ -1782,7 +1685,6 @@
}) })
this.trueFalse = false this.trueFalse = false
} }
// }
}, },
}, },
} }