|
|
@@ -137,8 +137,12 @@
|
|
|
<div v-for="(items, index) in showPageList" :key="index" :id="'page' + (items.page)">
|
|
|
<div v-if="items.pageData.length" class="message-box">
|
|
|
<div class="message-page">
|
|
|
- <div @click="toVideo(index + 1, $event)">
|
|
|
+ <div class="messagetoPPT-tag" @click="toVideo(index + 1, $event)">
|
|
|
+ {{`${$t('cusMgt.rcd.cw')}${items.page}${$t('cusMgt.rcd.page')}`}}
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
<img :src="items.img" @click="openViewer(items.img)">
|
|
|
+ <span style="color: #9e9e9e;">{{ items.time }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="message-record">
|
|
|
@@ -147,7 +151,7 @@
|
|
|
<!-- 即问即答 -->
|
|
|
<div v-if="currentfilterType === '' || currentfilterType === 'ShowAnsLoad'">
|
|
|
<ShowQues class="event-item student-event" v-if="event.Event === 'PopQuesLoad' || event.Event === 'ReAtmpAnsStrt'" :nowStuInfo="nowStuInfo" :evtType="event.Event" :irsData="event.data"></ShowQues>
|
|
|
- <PopQues class="event-item" v-if="event.Event === 'PopQuesLoad' || event.Event === 'ReAtmpAnsStrt'" :evtType="event.Event" :irsData="event.data"></PopQues>
|
|
|
+ <PopQues class="event-item" v-if="(event.Event === 'PopQuesLoad' || event.Event === 'ReAtmpAnsStrt') && baseData" :evtType="event.Event" :irsData="event.data" :students="baseData.student"></PopQues>
|
|
|
</div>
|
|
|
<!-- 抢权 -->
|
|
|
<Buzr class="event-item student-event" v-if="event.Event === 'BuzrAns' && baseData" :buzrData="event.data" :students="baseData.student"></Buzr>
|
|
|
@@ -561,6 +565,7 @@ export default {
|
|
|
page.page = index + 1
|
|
|
//当前页面对应的sokrates
|
|
|
page.pageData = pageEvents.filter(record => record.Pgid === item && this.fnEvents.includes(record.Event))
|
|
|
+ page.time = this.formatTime(page.pageData[0]?.Time)
|
|
|
havePage += (page.pageData.length ? 1 : 0)
|
|
|
page.pageData.forEach(e => {
|
|
|
e.pageIndex = index
|
|
|
@@ -701,6 +706,35 @@ export default {
|
|
|
// this.$refs["datawrap"].scrollIntoView('#page' + page, 500)
|
|
|
this.player.play()
|
|
|
},
|
|
|
+ // 点击互动记录页面tag
|
|
|
+ toVideo(page, e) {
|
|
|
+ this.curPage = page
|
|
|
+ //页面滚动
|
|
|
+ /* let dataLoacation = this.$refs["datawrap"].getPosition()
|
|
|
+ let pageLocaltion = this.$refs["pagewrap"].getPosition()
|
|
|
+ let y = e.pageY - 770 + pageLocaltion.scrollTop + dataLoacation.scrollTop
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs["pagewrap"].scrollTo(
|
|
|
+ {
|
|
|
+ x: 0,
|
|
|
+ y: 0
|
|
|
+ }
|
|
|
+ )
|
|
|
+ this.$refs["datawrap"].scrollTo(
|
|
|
+ {
|
|
|
+ x: 0,
|
|
|
+ y: y
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }) */
|
|
|
+ //视频时间定位
|
|
|
+ let pageInfo = this.markers.find(item => {
|
|
|
+ return item.page === page
|
|
|
+ })
|
|
|
+ if (pageInfo) {
|
|
|
+ this.player.currentTime(pageInfo.time)
|
|
|
+ }
|
|
|
+ },
|
|
|
// 点击课件page
|
|
|
getCurHTEX(page) {
|
|
|
this.curPage = page
|
|
|
@@ -717,7 +751,7 @@ export default {
|
|
|
this.player.pause()
|
|
|
}
|
|
|
//互动记录滚动
|
|
|
- // this.$refs["datawrap"].scrollIntoView('#page' + page, 500)
|
|
|
+ this.$refs["datawrap"].scrollIntoView('#page' + page, 500)
|
|
|
} else {
|
|
|
}
|
|
|
},
|
|
|
@@ -755,6 +789,21 @@ export default {
|
|
|
var S = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()) + " "
|
|
|
return Y + M + D + H + Min;
|
|
|
},
|
|
|
+ //小于10 补0
|
|
|
+ fullZero(n) {
|
|
|
+ return n < 10 ? `0${n}` : `${n}`
|
|
|
+ },
|
|
|
+ formatTime(time) {
|
|
|
+ let h = Math.floor(time / (60 * 60))
|
|
|
+ time = time % (60 * 60)
|
|
|
+ let m = Math.floor(time / 60)
|
|
|
+ let s = Math.floor(time % 60)
|
|
|
+ return `${this.fullZero(h)}:${this.fullZero(m)}:${this.fullZero(s)}`
|
|
|
+ },
|
|
|
+ //查看图片
|
|
|
+ openViewer(url) {
|
|
|
+ this.$hevueImgPreview(url)
|
|
|
+ },
|
|
|
},
|
|
|
computed: {
|
|
|
...mapGetters(["getNowCourse", "getSidebarisOpen",]),
|
