|
@@ -35,9 +35,7 @@
|
|
|
</view>
|
|
|
<u-line color="#D6D6DB" />
|
|
|
<view style="display: flex;justify-content: center;">
|
|
|
- <view style="width: 280px;">
|
|
|
- <u-tabs :list="list" font-size="24" bar-width="80" :current="current" @change="change" active-color="#007AFF"></u-tabs>
|
|
|
- </view>
|
|
|
+ <view style="width: 280px;"><u-tabs :list="list" font-size="24" bar-width="80" :current="current" @change="change" active-color="#007AFF"></u-tabs></view>
|
|
|
</view>
|
|
|
<u-line color="#D6D6DB" />
|
|
|
</view>
|
|
@@ -48,25 +46,29 @@
|
|
|
<!--模块 -->
|
|
|
<view v-if="item.type == 1"><courseModule :gradeId="gradeId" :isRebuild="true" :isBuy="true" :menuItem="item" :levelId="item.menuId"></courseModule></view>
|
|
|
<!--章 -->
|
|
|
- <view v-if="item.type == 2"><courseChapter :gradeId="gradeId" :isRebuild="true" :isBuy="true" :menuItem="item" :levelId="'0-'+item.menuId"></courseChapter></view>
|
|
|
+ <view v-if="item.type == 2">
|
|
|
+ <courseChapter :gradeId="gradeId" :isRebuild="true" :isBuy="true" :menuItem="item" :levelId="'0-' + item.menuId"></courseChapter>
|
|
|
+ </view>
|
|
|
<!--节 -->
|
|
|
- <view v-if="item.type == 3"><courseSection :gradeId="gradeId" :isRebuild="true" :isBuy="true" :menuItem="item" :levelId="'0-0-'+item.menuId"></courseSection></view>
|
|
|
+ <view v-if="item.type == 3">
|
|
|
+ <courseSection :gradeId="gradeId" :isRebuild="true" :isBuy="true" :menuItem="item" :levelId="'0-0-' + item.menuId"></courseSection>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!--目录 -->
|
|
|
<view v-show="current == 1">
|
|
|
<view class="menuBox" v-for="(item, index) in menuList">
|
|
|
<!--模块 -->
|
|
|
- <view v-if="item.type == 1"><courseModule :gradeId="gradeId" :isBuy="true" :menuItem="item" :levelId="item.menuId"></courseModule></view>
|
|
|
+ <view v-if="item.type == 1"><courseModule :gradeId="gradeId" :isBuy="true" :menuItem="item" :levelId="item.menuId"></courseModule></view>
|
|
|
<!--章 -->
|
|
|
- <view v-if="item.type == 2"><courseChapter :gradeId="gradeId" :isBuy="true" :menuItem="item" :levelId="'0-'+item.menuId"></courseChapter></view>
|
|
|
+ <view v-if="item.type == 2"><courseChapter :gradeId="gradeId" :isBuy="true" :menuItem="item" :levelId="'0-' + item.menuId"></courseChapter></view>
|
|
|
<!--节 -->
|
|
|
- <view v-if="item.type == 3"><courseSection :gradeId="gradeId" :isBuy="true" :menuItem="item" :levelId="'0-0-'+item.menuId"></courseSection></view>
|
|
|
+ <view v-if="item.type == 3"><courseSection :gradeId="gradeId" :isBuy="true" :menuItem="item" :levelId="'0-0-' + item.menuId"></courseSection></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!--笔记 -->
|
|
|
<view v-show="current == 2">
|
|
|
- <view v-if="noteList.length==0" style="text-align: center;">暂无笔记</view>
|
|
|
+ <view v-if="noteList.length == 0" style="text-align: center;">暂无笔记</view>
|
|
|
<view class="inputBottom">
|
|
|
<view style="width: 10%;"><image src="/static/icon/note3.png" style="width: 39rpx;height: 39rpx;margin:0 29rpx;"></image></view>
|
|
|
<view style="width: 73%;height: 88rpx;margin-bottom: 15rpx;">
|
|
@@ -74,88 +76,71 @@
|
|
|
</view>
|
|
|
<view style="color: #007AFF;font-size: 30rpx;font-weight: bold;width: 15%;text-align: center;" @click="postNote">提交</view>
|
|
|
</view>
|
|
|
- <view v-for="(item, index) in noteList" >
|
|
|
- <view class="dateBox">{{$method.timestampToTime(item.dateNote)}}</view>
|
|
|
+ <view v-for="(item, index) in noteList">
|
|
|
+ <view class="dateBox">{{ $method.timestampToTime(item.dateNote) }}</view>
|
|
|
<view class="noteBox">
|
|
|
- <view v-for="(item1, index1) in item.userNotes" style="margin-top: 30rpx;" @click="jumpNote(item1)">
|
|
|
+ <view v-for="(item1, index1) in item.userNotes" style="margin-top: 30rpx;" @click="jumpNote(item1)">
|
|
|
<view style="display: flex;">
|
|
|
<view>
|
|
|
- <view >
|
|
|
- <image src="/static/icon/note2.png" v-if="noteId!=item1.noteId" style="width: 39rpx;height: 39rpx;margin:0 29rpx;"></image>
|
|
|
- <image src="/static/icon/note1.png" v-if="noteId==item1.noteId" style="width: 39rpx;height: 39rpx;margin:0 29rpx;"></image>
|
|
|
+ <view>
|
|
|
+ <image src="/static/icon/note2.png" v-if="noteId != item1.noteId" style="width: 39rpx;height: 39rpx;margin:0 29rpx;"></image>
|
|
|
+ <image src="/static/icon/note1.png" v-if="noteId == item1.noteId" style="width: 39rpx;height: 39rpx;margin:0 29rpx;"></image>
|
|
|
</view>
|
|
|
- <view class="title" style="width: 39rpx;height: 39rpx;margin:0 29rpx;">{{$method.secondToDate(item1.noteSecond)}}</view>
|
|
|
+ <view class="title" style="width: 39rpx;height: 39rpx;margin:0 29rpx;">{{ $method.secondToDate(item1.noteSecond) }}</view>
|
|
|
</view>
|
|
|
<view style="margin-left: 10rpx;">
|
|
|
- <view class="t2Content leftPadding">{{item1.sectionName}}</view>
|
|
|
- <view class="tBox2">
|
|
|
- {{item1.noteText}}
|
|
|
-
|
|
|
- </view>
|
|
|
+ <view class="t2Content leftPadding">{{ item1.sectionName }}</view>
|
|
|
+ <view class="tBox2">{{ item1.noteText }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
-
|
|
|
</view>
|
|
|
</view>
|
|
|
<!--答疑 -->
|
|
|
<view v-show="current == 3">
|
|
|
<view class="inputBottom">
|
|
|
<view style="width: 73%;height: 88rpx;margin-bottom: 15rpx;margin-left: 10% ;">
|
|
|
- <u-input height="78" fixed="true" :placeholder="placeholder" type="textarea" :custom-style="inputStyle" v-model="ctxValue" />
|
|
|
+ <u-input height="78" fixed="true" :placeholder="placeholder" type="textarea" :custom-style="inputStyle" v-model="ctxValue" />
|
|
|
</view>
|
|
|
<view style="color: #007AFF;font-size: 30rpx;font-weight: bold;width: 15%;text-align: center;" @click="postContent">提交</view>
|
|
|
</view>
|
|
|
<view v-for="(item, index) in answerList" style="background-color: #FFFFFF;margin-bottom: 20rpx;">
|
|
|
<view class="chat_box" @click.stop="clearCtx">
|
|
|
- <view style="display: flex;" >
|
|
|
+ <view style="display: flex;">
|
|
|
<view><image :src="$method.splitImgHost(item.avatar)" style="width: 64rpx;height: 64rpx;"></image></view>
|
|
|
<view style="margin-left: 15rpx;">
|
|
|
- <view class="chat1">{{item.realname}}</view>
|
|
|
- <view class="chat2">{{$method.timestampToTime(item.createTime)}}</view>
|
|
|
+ <view class="chat1">{{ item.realname }}</view>
|
|
|
+ <view class="chat2">{{ $method.timestampToTime(item.createTime) }}</view>
|
|
|
<view class="chat3">
|
|
|
- <text v-if="item.assignUserId>0">回复</text>
|
|
|
- <text v-if="item.assignUserId>0" style="color: #007AFF;">@{{item.assignRealname}}</text>
|
|
|
- {{item.answerText}}</view>
|
|
|
+ <text v-if="item.assignUserId > 0">回复</text>
|
|
|
+ <text v-if="item.assignUserId > 0" style="color: #007AFF;">@{{ item.assignRealname }}</text>
|
|
|
+ {{ item.answerText }}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="btnReply" @click.stop="replyContent(item)" v-if="item.userId!=userInfo.userId">回复</view>
|
|
|
+ <view class="btnReply" @click.stop="replyContent(item)" v-if="item.userId != userInfo.userId">回复</view>
|
|
|
<view v-else class="btnDel" @click.stop="delContent(item)">删除</view>
|
|
|
</view>
|
|
|
<u-line color="#D6D6DB" />
|
|
|
</view>
|
|
|
- <view v-if="answerList.length==0" style="text-align: center;">
|
|
|
- 暂无记录
|
|
|
- </view>
|
|
|
+ <view v-if="answerList.length == 0" style="text-align: center;">暂无记录</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 播放前拍照start -->
|
|
|
<u-popup v-model="photoPopup" mode="bottom" border-radius="32" :mask-close-able="false">
|
|
|
- <view class="photoBox">
|
|
|
- <view class="photoTop">
|
|
|
- <view class="sqzz" v-if="true">
|
|
|
- <u-icon name="close" color="#333333" size="30" @click="closePhoto"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="centersq">
|
|
|
- 请正视手机屏幕
|
|
|
- </view>
|
|
|
- <view class="sqzz">
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="photoCenter">
|
|
|
- <camera device-position="front" flash="off" @error="error" style="width: 100%; height: 100%" v-if="photoPopup"></camera>
|
|
|
- <view class="custom">
|
|
|
- <image src="@/pages2/static/zhezhao.png" mode=""></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="btnResult" @click="takePhoto">
|
|
|
- 拍照
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="photoBox">
|
|
|
+ <view class="photoTop">
|
|
|
+ <view class="sqzz" v-if="true"><u-icon name="close" color="#333333" size="30" @click="closePhoto"></u-icon></view>
|
|
|
+ <view class="centersq">请正视手机屏幕</view>
|
|
|
+ <view class="sqzz"></view>
|
|
|
+ </view>
|
|
|
+ <view class="photoCenter">
|
|
|
+ <camera device-position="front" flash="off" @error="error" style="width: 100%; height: 100%" v-if="photoPopup"></camera>
|
|
|
+ <view class="custom"><image src="@/pages2/static/zhezhao.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="btnResult" @click="takePhoto">拍照</view>
|
|
|
+ </view>
|
|
|
</u-popup>
|
|
|
<!-- 播放前拍照end -->
|
|
|
</view>
|
|
@@ -200,159 +185,199 @@ export default {
|
|
|
name: '答疑'
|
|
|
}
|
|
|
],
|
|
|
- menuList: [
|
|
|
- ],
|
|
|
+ menuList: [],
|
|
|
current: 1,
|
|
|
- vid:'',
|
|
|
- goodsId:0,
|
|
|
- goodsData:{},
|
|
|
- photoPopup:false,
|
|
|
- goodsPlayConfig:null,
|
|
|
- autoplay:false,
|
|
|
- isAllowSeek:'no',
|
|
|
+ vid: '',
|
|
|
+ goodsId: 0,
|
|
|
+ goodsData: {},
|
|
|
+ photoPopup: false,
|
|
|
+ goodsPlayConfig: null,
|
|
|
+ autoplay: false,
|
|
|
+ isAllowSeek: 'no',
|
|
|
playbackRate: [1.0],
|
|
|
- timer:null,
|
|
|
- goodsPhotographConfig:null,
|
|
|
- intervalTimeList:[],// 间隔拍照时长
|
|
|
- intervalTimeIndex:0 ,//当前处于哪个时间段拍照
|
|
|
- playTime:0 ,//页面播放时长,不含暂停
|
|
|
- currentTime:0,
|
|
|
- avatarUrl:'',
|
|
|
- ossAvatarUrl:'',
|
|
|
- studyDuration:0, // 当前视频时长
|
|
|
- gradeId:0,
|
|
|
- chapterId:0,
|
|
|
- moduleId:0,
|
|
|
+ timer: null,
|
|
|
+ goodsPhotographConfig: null,
|
|
|
+ intervalTimeList: [], // 间隔拍照时长
|
|
|
+ intervalTimeIndex: 0, //当前处于哪个时间段拍照
|
|
|
+ playTime: 0, //页面播放时长,不含暂停
|
|
|
+ currentTime: 0,
|
|
|
+ avatarUrl: '',
|
|
|
+ ossAvatarUrl: '',
|
|
|
+ studyDuration: 0, // 当前视频时长
|
|
|
+ gradeId: 0,
|
|
|
+ chapterId: 0,
|
|
|
+ moduleId: 0,
|
|
|
reMenuList: [],
|
|
|
answerList: [],
|
|
|
- assignUserId:0,
|
|
|
- placeholder:'您可以在这里输入答疑内容',
|
|
|
- ctxValue:'',
|
|
|
- noteList:[],
|
|
|
- noteValue:'',
|
|
|
- noteId:0,
|
|
|
- recordObj:0,
|
|
|
- needSeek:false //第一次播放是否需要跳转
|
|
|
+ assignUserId: 0,
|
|
|
+ placeholder: '您可以在这里输入答疑内容',
|
|
|
+ ctxValue: '',
|
|
|
+ noteList: [],
|
|
|
+ noteValue: '',
|
|
|
+ noteId: 0,
|
|
|
+ recordObj: 0,
|
|
|
+ needSeek: false //第一次播放是否需要跳转
|
|
|
};
|
|
|
},
|
|
|
onUnload() {},
|
|
|
- computed: { ...mapGetters(['userInfo','playSectionId']) },
|
|
|
+ computed: { ...mapGetters(['userInfo', 'playSectionId']) },
|
|
|
onLoad(option) {
|
|
|
- this.courseId = option.id;
|
|
|
- this.goodsId = uni.getStorageSync('courseGoodsId');
|
|
|
+ this.courseId = Number(option.id);
|
|
|
+ this.goodsId = Number(option.goodsId);
|
|
|
this.courseDetail();
|
|
|
- this.getGoodsDetail()
|
|
|
- this.getAnswerList()
|
|
|
-
|
|
|
+ this.getGoodsDetail();
|
|
|
+ this.getAnswerList();
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ var self = this;
|
|
|
+ this.$api.getbaseprofiletplists({ goodsId: self.goodsId }).then(res => {
|
|
|
+ if (res.data.code === 200 && res.data.rows.length) {
|
|
|
+ if (res.data.rows[0].keyValue) {
|
|
|
+ self.$api.getbaseprofiletpgetInfo({ goodsId: self.goodsId }).then(result => {
|
|
|
+ if (result.data.code === 200) {
|
|
|
+ if (!result.data.data || result.data.data.status === 3 && result.data.data.changeStatus === 0) {
|
|
|
+ uni.showModal({
|
|
|
+ showCancel: false,
|
|
|
+ content: '资料审核不通过,请前往重新填写',
|
|
|
+ success: function(resultst) {
|
|
|
+ if (resultst.confirm) {
|
|
|
+ self.$navTo.togo('/pages2/verify/input', {
|
|
|
+ id: self.goodsId
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else if (result.data.data.status === 1 && res.data.rows[0].keyValue2) {
|
|
|
+ self.$api.getbaseprofileStampgetInfo({ goodsId: self.goodsId }).then(k => {
|
|
|
+ if(k.data.code === 200){
|
|
|
+ if(!k.data.data || k.data.data.status === 3 && k.data.data.changeStatus === 0){
|
|
|
+ uni.showModal({
|
|
|
+ showCancel: false,
|
|
|
+ content: '资料盖章审核不通过,请前往重新填写',
|
|
|
+ success: function(resultst) {
|
|
|
+ if (resultst.confirm) {
|
|
|
+ self.$navTo.togo('/pages2/verify/input2', {
|
|
|
+ id: self.goodsId
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
- onShow() {},
|
|
|
onUnload() {
|
|
|
- if(this.playSectionId>0){
|
|
|
+ if (this.playSectionId > 0) {
|
|
|
//退出提交记录
|
|
|
- this.ossAvatarUrl = ""
|
|
|
- this.postStudyRecord()
|
|
|
+ this.ossAvatarUrl = '';
|
|
|
+ this.postStudyRecord();
|
|
|
//清除正在播放的节ID
|
|
|
- this.$store.commit('setPlaySectionId', {playSectionId :0});
|
|
|
+ this.$store.commit('setPlaySectionId', { playSectionId: 0 });
|
|
|
}
|
|
|
-
|
|
|
},
|
|
|
mounted() {
|
|
|
eventHub.$on('changeSection', oldSectionId => {
|
|
|
- this.ossAvatarUrl = ""
|
|
|
- this.postStudyRecord(0,oldSectionId)
|
|
|
+ this.ossAvatarUrl = '';
|
|
|
+ this.postStudyRecord(0, oldSectionId);
|
|
|
});
|
|
|
eventHub.$on('getSection', item => {
|
|
|
- this.playVideo(item)
|
|
|
+ this.playVideo(item);
|
|
|
});
|
|
|
eventHub.$on('levelId', item => {
|
|
|
- let arr = item.split('-')
|
|
|
+ let arr = item.split('-');
|
|
|
//点击节获取的各层级ID
|
|
|
- this.moduleId = arr[0]
|
|
|
- this.chapterId = arr[1]
|
|
|
- console.log(item,99)
|
|
|
+ this.moduleId = arr[0];
|
|
|
+ this.chapterId = arr[1];
|
|
|
+ console.log(item, 99);
|
|
|
});
|
|
|
},
|
|
|
methods: {
|
|
|
- async playVideo(item){
|
|
|
- if(this.timer){
|
|
|
+ async playVideo(item) {
|
|
|
+ if (this.timer) {
|
|
|
clearInterval(this.timer);
|
|
|
}
|
|
|
- if(this.vid){
|
|
|
- //切换视频
|
|
|
- var polyvPlayerContext = this.selectComponent('#playerVideo');
|
|
|
- polyvPlayerContext.changeVid(item.recordingUrl)
|
|
|
- }else{
|
|
|
- this.vid = item.recordingUrl
|
|
|
- }
|
|
|
- this.recordObj = await this.getRecordLast();
|
|
|
- if(this.recordObj.studyDuration){
|
|
|
- this.needSeek = true //需要跳转到播放记录
|
|
|
- }
|
|
|
- console.log(this.startTime,789)
|
|
|
- this.startStatus = true
|
|
|
-
|
|
|
+ if (this.vid) {
|
|
|
+ //切换视频
|
|
|
+ var polyvPlayerContext = this.selectComponent('#playerVideo');
|
|
|
+ polyvPlayerContext.changeVid(item.recordingUrl);
|
|
|
+ } else {
|
|
|
+ this.vid = item.recordingUrl;
|
|
|
+ }
|
|
|
+ this.recordObj = await this.getRecordLast();
|
|
|
+ if (this.recordObj.studyDuration) {
|
|
|
+ this.needSeek = true; //需要跳转到播放记录
|
|
|
+ }
|
|
|
+ console.log(this.startTime, 789);
|
|
|
+ this.startStatus = true;
|
|
|
+
|
|
|
//获取节笔记
|
|
|
- this.getNoteList()
|
|
|
+ this.getNoteList();
|
|
|
},
|
|
|
- getRecordLast(){
|
|
|
- let self = this
|
|
|
- return new Promise(resolve=>{
|
|
|
+ getRecordLast() {
|
|
|
+ let self = this;
|
|
|
+ return new Promise(resolve => {
|
|
|
let data = {
|
|
|
- gradeId:self.gradeId,
|
|
|
- goodsId:self.goodsId,
|
|
|
- sectionId:self.playSectionId,
|
|
|
- courseId: self.courseId,
|
|
|
- }
|
|
|
- self.$api.recordLast(data).then(res => {
|
|
|
- resolve(res.data.data)
|
|
|
- });
|
|
|
- })
|
|
|
-
|
|
|
+ gradeId: self.gradeId,
|
|
|
+ goodsId: self.goodsId,
|
|
|
+ sectionId: self.playSectionId,
|
|
|
+ courseId: self.courseId
|
|
|
+ };
|
|
|
+ self.$api.recordLast(data).then(res => {
|
|
|
+ resolve(res.data.data);
|
|
|
+ });
|
|
|
+ });
|
|
|
},
|
|
|
- jumpNote(item){
|
|
|
- this.noteId = item.noteId
|
|
|
+ jumpNote(item) {
|
|
|
+ this.noteId = item.noteId;
|
|
|
this.$u.toast('即将跳到笔记位置');
|
|
|
//跳到笔记时刻
|
|
|
- var polyvPlayerContext = this.selectComponent('#playerVideo');
|
|
|
- polyvPlayerContext.seek(item.noteSecond)
|
|
|
- polyvPlayerContext.play()
|
|
|
+ var polyvPlayerContext = this.selectComponent('#playerVideo');
|
|
|
+ polyvPlayerContext.seek(item.noteSecond);
|
|
|
+ polyvPlayerContext.play();
|
|
|
},
|
|
|
postNote() {
|
|
|
let self = this;
|
|
|
- if(!(this.playSectionId>0)){
|
|
|
+ if (!(this.playSectionId > 0)) {
|
|
|
this.$u.toast('目前无播放视频');
|
|
|
- retun
|
|
|
+ retun;
|
|
|
}
|
|
|
- if(!this.noteValue){
|
|
|
+ if (!this.noteValue) {
|
|
|
this.$u.toast('请输入内容');
|
|
|
- retun
|
|
|
+ retun;
|
|
|
}
|
|
|
var polyvPlayerContext = this.selectComponent('#playerVideo');
|
|
|
- let noteDate = this.$method.getZeroTime()
|
|
|
- let noteSecond= polyvPlayerContext.getCurrentTime()
|
|
|
- if(!noteSecond){
|
|
|
+ let noteDate = this.$method.getZeroTime();
|
|
|
+ let noteSecond = polyvPlayerContext.getCurrentTime();
|
|
|
+ if (!noteSecond) {
|
|
|
this.$u.toast('视频暂未开始');
|
|
|
- retun
|
|
|
+ retun;
|
|
|
}
|
|
|
- let data = {
|
|
|
- gradeId:this.gradeId,
|
|
|
- goodsId:this.goodsId,
|
|
|
- sectionId:this.playSectionId,
|
|
|
+ let data = {
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ sectionId: this.playSectionId,
|
|
|
courseId: this.courseId,
|
|
|
- noteText:this.noteValue,
|
|
|
- noteDate:noteDate,
|
|
|
- noteSecond:noteSecond}
|
|
|
+ noteText: this.noteValue,
|
|
|
+ noteDate: noteDate,
|
|
|
+ noteSecond: noteSecond
|
|
|
+ };
|
|
|
this.$api.postNote(data).then(res => {
|
|
|
if (res.data.code == 200) {
|
|
|
this.$u.toast('发布成功');
|
|
|
- self.getNoteList()
|
|
|
- this.noteValue = ''
|
|
|
+ self.getNoteList();
|
|
|
+ this.noteValue = '';
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
getNoteList() {
|
|
|
let self = this;
|
|
|
- this.$api.noteList({ sectionId:this.playSectionId,courseId: this.courseId,gradeId:this.gradeId,goodsId:this.goodsId }).then(res => {
|
|
|
+ this.$api.noteList({ sectionId: this.playSectionId, courseId: this.courseId, gradeId: this.gradeId, goodsId: this.goodsId }).then(res => {
|
|
|
if (res.data.code == 200) {
|
|
|
self.noteList = res.data.rows;
|
|
|
}
|
|
@@ -360,71 +385,71 @@ export default {
|
|
|
},
|
|
|
delAnswer(answerId) {
|
|
|
let self = this;
|
|
|
- let data = { answerId: answerId,status:-1 }
|
|
|
+ let data = { answerId: answerId, status: -1 };
|
|
|
this.$api.delAnswer(data).then(res => {
|
|
|
if (res.data.code == 200) {
|
|
|
- self.getAnswerList()
|
|
|
+ self.getAnswerList();
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- clearCtx(){
|
|
|
- console.log(4234)
|
|
|
- this.placeholder ='您可以在这里输入答疑内容'
|
|
|
- this.ctxValue = ''
|
|
|
- this.assignUserId=0
|
|
|
+ clearCtx() {
|
|
|
+ console.log(4234);
|
|
|
+ this.placeholder = '您可以在这里输入答疑内容';
|
|
|
+ this.ctxValue = '';
|
|
|
+ this.assignUserId = 0;
|
|
|
},
|
|
|
- replyContent(item){
|
|
|
- this.assignUserId = item.userId
|
|
|
- this.placeholder = '@'+item.realname
|
|
|
+ replyContent(item) {
|
|
|
+ this.assignUserId = item.userId;
|
|
|
+ this.placeholder = '@' + item.realname;
|
|
|
},
|
|
|
- delContent(item){
|
|
|
- this.delAnswer(item.answerId)
|
|
|
+ delContent(item) {
|
|
|
+ this.delAnswer(item.answerId);
|
|
|
},
|
|
|
postAnswer() {
|
|
|
let self = this;
|
|
|
- let data = { courseId: this.courseId,answerText:this.ctxValue }
|
|
|
- if(this.assignUserId>0){
|
|
|
- data.assignUserId = this.assignUserId
|
|
|
+ let data = { courseId: this.courseId, answerText: this.ctxValue };
|
|
|
+ if (this.assignUserId > 0) {
|
|
|
+ data.assignUserId = this.assignUserId;
|
|
|
}
|
|
|
this.$api.postAnswer(data).then(res => {
|
|
|
if (res.data.code == 200) {
|
|
|
this.$u.toast('发布成功');
|
|
|
- self.getAnswerList()
|
|
|
- this.placeholder ='您可以在这里输入答疑内容'
|
|
|
- this.ctxValue = ''
|
|
|
- this.assignUserId=0
|
|
|
+ self.getAnswerList();
|
|
|
+ this.placeholder = '您可以在这里输入答疑内容';
|
|
|
+ this.ctxValue = '';
|
|
|
+ this.assignUserId = 0;
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- postContent(){
|
|
|
- if(!this.ctxValue){
|
|
|
+ postContent() {
|
|
|
+ if (!this.ctxValue) {
|
|
|
this.$u.toast('请输入内容');
|
|
|
}
|
|
|
- this.postAnswer()
|
|
|
+ this.postAnswer();
|
|
|
},
|
|
|
- postStudyRecord(status=0,sectionId=self.playSectionId) {
|
|
|
- let currentTime = 0
|
|
|
- var polyvPlayerContext = this.selectComponent('#playerVideo');
|
|
|
- if(polyvPlayerContext){
|
|
|
- currentTime =polyvPlayerContext.getCurrentTime()
|
|
|
- }
|
|
|
+ postStudyRecord(status = 0, sectionId = self.playSectionId) {
|
|
|
+ let currentTime = 0;
|
|
|
+ var polyvPlayerContext = this.selectComponent('#playerVideo');
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ currentTime = polyvPlayerContext.getCurrentTime();
|
|
|
+ }
|
|
|
let self = this;
|
|
|
let data = {
|
|
|
- photo:self.ossAvatarUrl,
|
|
|
- sectionId:parseInt(sectionId),
|
|
|
- goodsId:parseInt(self.goodsId),
|
|
|
- courseId:parseInt(self.courseId),
|
|
|
- studyDuration:parseInt(currentTime>0?currentTime:self.studyDuration),
|
|
|
- gradeId:parseInt(self.gradeId),
|
|
|
- chapterId:parseInt(self.chapterId),
|
|
|
- moduleId:parseInt(self.moduleId)
|
|
|
- }
|
|
|
- if(status>0){
|
|
|
- data.status = status
|
|
|
+ photo: self.ossAvatarUrl,
|
|
|
+ sectionId: parseInt(sectionId),
|
|
|
+ goodsId: parseInt(self.goodsId),
|
|
|
+ courseId: parseInt(self.courseId),
|
|
|
+ studyDuration: parseInt(currentTime > 0 ? currentTime : self.studyDuration),
|
|
|
+ gradeId: parseInt(self.gradeId),
|
|
|
+ chapterId: parseInt(self.chapterId),
|
|
|
+ moduleId: parseInt(self.moduleId)
|
|
|
+ };
|
|
|
+ if (status > 0) {
|
|
|
+ data.status = status;
|
|
|
}
|
|
|
- console.log("提交接口",data)
|
|
|
+ console.log('提交接口', data);
|
|
|
this.$api.studyRecord(data).then(res => {
|
|
|
- console.log(res)
|
|
|
+ console.log(res);
|
|
|
});
|
|
|
},
|
|
|
uploadFile(options, int) {
|
|
@@ -434,15 +459,14 @@ export default {
|
|
|
imageStatus: int
|
|
|
};
|
|
|
self.$api.aliyunpolicy(data).then(res => {
|
|
|
-
|
|
|
- if(res.data.code!=200){
|
|
|
- self.$method.showToast('签名错误'+JSON.stringify(res.data))
|
|
|
- return
|
|
|
+ if (res.data.code != 200) {
|
|
|
+ self.$method.showToast('签名错误' + JSON.stringify(res.data));
|
|
|
+ return;
|
|
|
}
|
|
|
var ossToken = res.data.data.resultContent;
|
|
|
- if(ossToken.host==null||ossToken.host==undefined){
|
|
|
- self.$method.showToast('上传路径报错'+JSON.stringify(res.data))
|
|
|
- return
|
|
|
+ if (ossToken.host == null || ossToken.host == undefined) {
|
|
|
+ self.$method.showToast('上传路径报错' + JSON.stringify(res.data));
|
|
|
+ return;
|
|
|
}
|
|
|
uni.uploadFile({
|
|
|
url: ossToken.host,
|
|
@@ -474,7 +498,7 @@ export default {
|
|
|
},
|
|
|
fail: error => {
|
|
|
uni.showToast({
|
|
|
- title: '上传接口报错'+error,
|
|
|
+ title: '上传接口报错' + error,
|
|
|
icon: 'none'
|
|
|
});
|
|
|
return;
|
|
@@ -483,8 +507,8 @@ export default {
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
- imageInfos(){
|
|
|
- var self = this
|
|
|
+ imageInfos() {
|
|
|
+ var self = this;
|
|
|
return new Promise((resolve, reject) => {
|
|
|
uni.getImageInfo({
|
|
|
src: self.avatarUrl,
|
|
@@ -499,59 +523,58 @@ export default {
|
|
|
height: '50%',
|
|
|
success: async rest => {
|
|
|
const waitUpload = await self.uploadFile(rest.tempFilePath, 0);
|
|
|
- resolve()
|
|
|
- }
|
|
|
+ resolve();
|
|
|
+ }
|
|
|
});
|
|
|
} else {
|
|
|
console.log('无需压缩');
|
|
|
const waitUpload = await self.uploadFile(self.avatarUrl, 0);
|
|
|
- resolve()
|
|
|
+ resolve();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
timeEvent() {
|
|
|
- let self = this
|
|
|
- var polyvPlayerContext = this.selectComponent('#playerVideo');
|
|
|
- if (polyvPlayerContext != null) {
|
|
|
- let PlayCurrentTime = polyvPlayerContext.getVideoPlayDuration();
|
|
|
- this.studyDuration = PlayCurrentTime
|
|
|
- if(this.currentTime<PlayCurrentTime){
|
|
|
- this.playTime+=(PlayCurrentTime-this.currentTime)
|
|
|
- this.currentTime = PlayCurrentTime
|
|
|
- }else{
|
|
|
- this.currentTime = PlayCurrentTime
|
|
|
- }
|
|
|
- //判断是否需要拍照
|
|
|
- if(this.intervalTimeList.length>this.intervalTimeIndex){
|
|
|
- let photoTime = Number(this.intervalTimeList[this.intervalTimeIndex]) * 60 //获取拍照秒数
|
|
|
- if(photoTime<this.playTime){
|
|
|
- //启动拍照
|
|
|
- //暂停
|
|
|
- polyvPlayerContext.exitFullScreen()
|
|
|
- polyvPlayerContext.pause()
|
|
|
- this.openPhoto();
|
|
|
- this.intervalTimeIndex++
|
|
|
- }
|
|
|
+ let self = this;
|
|
|
+ var polyvPlayerContext = this.selectComponent('#playerVideo');
|
|
|
+ if (polyvPlayerContext != null) {
|
|
|
+ let PlayCurrentTime = polyvPlayerContext.getVideoPlayDuration();
|
|
|
+ this.studyDuration = PlayCurrentTime;
|
|
|
+ if (this.currentTime < PlayCurrentTime) {
|
|
|
+ this.playTime += PlayCurrentTime - this.currentTime;
|
|
|
+ this.currentTime = PlayCurrentTime;
|
|
|
+ } else {
|
|
|
+ this.currentTime = PlayCurrentTime;
|
|
|
+ }
|
|
|
+ //判断是否需要拍照
|
|
|
+ if (this.intervalTimeList.length > this.intervalTimeIndex) {
|
|
|
+ let photoTime = Number(this.intervalTimeList[this.intervalTimeIndex]) * 60; //获取拍照秒数
|
|
|
+ if (photoTime < this.playTime) {
|
|
|
+ //启动拍照
|
|
|
+ //暂停
|
|
|
+ polyvPlayerContext.exitFullScreen();
|
|
|
+ polyvPlayerContext.pause();
|
|
|
+ this.openPhoto();
|
|
|
+ this.intervalTimeIndex++;
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
+ }
|
|
|
},
|
|
|
onStateChange(newstate, oldstate) {
|
|
|
- console.log(newstate,6989)
|
|
|
+ console.log(newstate, 6989);
|
|
|
if (newstate.detail.newstate == 'playing') {
|
|
|
- if(this.needSeek){
|
|
|
+ if (this.needSeek) {
|
|
|
var polyvPlayerContext = this.selectComponent('#playerVideo');
|
|
|
- polyvPlayerContext.seek(this.recordObj.studyDuration)
|
|
|
- polyvPlayerContext.play()
|
|
|
- this.needSeek = false
|
|
|
+ polyvPlayerContext.seek(this.recordObj.studyDuration);
|
|
|
+ polyvPlayerContext.play();
|
|
|
+ this.needSeek = false;
|
|
|
}
|
|
|
//开始播放
|
|
|
- if(this.timer){
|
|
|
+ if (this.timer) {
|
|
|
clearInterval(this.timer);
|
|
|
}
|
|
|
- this.timer = setInterval(this.timeEvent, 1500);//定时器
|
|
|
+ this.timer = setInterval(this.timeEvent, 1500); //定时器
|
|
|
}
|
|
|
if (newstate.detail.newstate == 'pause') {
|
|
|
//暂停提交记录
|
|
@@ -559,41 +582,39 @@ export default {
|
|
|
this.postStudyRecord() */
|
|
|
}
|
|
|
if (newstate.detail.newstate == 'ended') {
|
|
|
- this.ossAvatarUrl = ""
|
|
|
- this.postStudyRecord(1)
|
|
|
+ this.ossAvatarUrl = '';
|
|
|
+ this.postStudyRecord(1);
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
},
|
|
|
//拍照
|
|
|
- openPhoto(){
|
|
|
- this.photoPopup = true
|
|
|
+ openPhoto() {
|
|
|
+ this.photoPopup = true;
|
|
|
},
|
|
|
- async submit(){
|
|
|
+ async submit() {
|
|
|
const waitYS = await this.imageInfos();
|
|
|
- this.postStudyRecord()//提交记录
|
|
|
+ this.postStudyRecord(); //提交记录
|
|
|
//恢复播放
|
|
|
var polyvPlayerContext = this.selectComponent('#playerVideo');
|
|
|
if (polyvPlayerContext != null) {
|
|
|
polyvPlayerContext.play();
|
|
|
}
|
|
|
- console.log(this.ossAvatarUrl,"拍照完成456")
|
|
|
+ console.log(this.ossAvatarUrl, '拍照完成456');
|
|
|
},
|
|
|
//确认拍照
|
|
|
takePhoto() {
|
|
|
- var self = this
|
|
|
+ var self = this;
|
|
|
const ctx = uni.createCameraContext();
|
|
|
ctx.takePhoto({
|
|
|
quality: 'high',
|
|
|
success: res => {
|
|
|
- console.log(res.tempImagePath)
|
|
|
- self.avatarUrl = res.tempImagePath
|
|
|
- self.submit()
|
|
|
-
|
|
|
- self.photoPopup = false
|
|
|
+ console.log(res.tempImagePath);
|
|
|
+ self.avatarUrl = res.tempImagePath;
|
|
|
+ self.submit();
|
|
|
+
|
|
|
+ self.photoPopup = false;
|
|
|
},
|
|
|
fail: err => {
|
|
|
- console.log(err)
|
|
|
+ console.log(err);
|
|
|
}
|
|
|
});
|
|
|
},
|
|
@@ -602,37 +623,37 @@ export default {
|
|
|
console.log(e.detail);
|
|
|
},
|
|
|
//关闭相机
|
|
|
- closePhoto(){
|
|
|
- this.photoPopup = false
|
|
|
+ closePhoto() {
|
|
|
+ this.photoPopup = false;
|
|
|
},
|
|
|
- getGoodsDetail(){
|
|
|
- let self = this
|
|
|
+ getGoodsDetail() {
|
|
|
+ let self = this;
|
|
|
this.$api.goodsDetail(this.goodsId).then(res => {
|
|
|
self.goodsData = res.data.data;
|
|
|
- self.gradeId = self.goodsData.gradeId
|
|
|
- console.log(self.gradeId,698)
|
|
|
+ self.gradeId = self.goodsData.gradeId;
|
|
|
+ console.log(self.gradeId, 698);
|
|
|
self.getMenuList();
|
|
|
- self.getReMenuList() //获取重修目录
|
|
|
-
|
|
|
- if(self.goodsData.goodsPlayConfig){
|
|
|
+ self.getReMenuList(); //获取重修目录
|
|
|
+
|
|
|
+ if (self.goodsData.goodsPlayConfig) {
|
|
|
self.goodsPlayConfig = JSON.parse(self.goodsData.goodsPlayConfig);
|
|
|
- if(self.goodsPlayConfig.autoPlay>0){
|
|
|
- self.autoplay = true
|
|
|
+ if (self.goodsPlayConfig.autoPlay > 0) {
|
|
|
+ self.autoplay = true;
|
|
|
}
|
|
|
- if(self.goodsPlayConfig.drag>0){
|
|
|
- self.isAllowSeek = "yes"
|
|
|
+ if (self.goodsPlayConfig.drag > 0) {
|
|
|
+ self.isAllowSeek = 'yes';
|
|
|
}
|
|
|
- if(self.goodsPlayConfig.speed>0){
|
|
|
- self.playbackRate = [0.5,0.8,1.0,1.25,1.5,2.0]
|
|
|
+ if (self.goodsPlayConfig.speed > 0) {
|
|
|
+ self.playbackRate = [0.5, 0.8, 1.0, 1.25, 1.5, 2.0];
|
|
|
}
|
|
|
}
|
|
|
- if(self.goodsData.goodsPhotographConfig){
|
|
|
+ if (self.goodsData.goodsPhotographConfig) {
|
|
|
self.goodsPhotographConfig = JSON.parse(self.goodsData.goodsPhotographConfig);
|
|
|
- if(self.goodsPhotographConfig.intervalTime){
|
|
|
- self.intervalTimeList = self.goodsPhotographConfig.intervalTime.split(',')
|
|
|
+ if (self.goodsPhotographConfig.intervalTime) {
|
|
|
+ self.intervalTimeList = self.goodsPhotographConfig.intervalTime.split(',');
|
|
|
}
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
startVideo() {
|
|
|
this.startStatus = true;
|
|
@@ -647,7 +668,7 @@ export default {
|
|
|
},
|
|
|
getReMenuList() {
|
|
|
let self = this;
|
|
|
- this.$api.reMenuList({ courseId: this.courseId,rebuild:1,gradeId:this.gradeId }).then(res => {
|
|
|
+ this.$api.reMenuList({ courseId: this.courseId, rebuild: 1, gradeId: this.gradeId }).then(res => {
|
|
|
if (res.data.code == 200) {
|
|
|
for (let i = 0; i < res.data.rows.length; i++) {
|
|
|
let item = res.data.rows[i];
|
|
@@ -661,7 +682,7 @@ export default {
|
|
|
},
|
|
|
getMenuList() {
|
|
|
let self = this;
|
|
|
- this.$api.reMenuList({ courseId: this.courseId,gradeId:this.gradeId }).then(res => {
|
|
|
+ this.$api.reMenuList({ courseId: this.courseId, gradeId: this.gradeId }).then(res => {
|
|
|
if (res.data.code == 200) {
|
|
|
for (let i = 0; i < res.data.rows.length; i++) {
|
|
|
let item = res.data.rows[i];
|
|
@@ -678,7 +699,7 @@ export default {
|
|
|
this.$api.courseDetail(this.courseId).then(res => {
|
|
|
if (res.data.code == 200) {
|
|
|
self.detail = res.data.data;
|
|
|
- self.gradeId = self.detail.gradeId
|
|
|
+ self.gradeId = self.detail.gradeId;
|
|
|
}
|
|
|
});
|
|
|
},
|
|
@@ -692,77 +713,77 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss" scope>
|
|
|
- .btnReply{
|
|
|
- width: 80rpx;
|
|
|
- height: 40rpx;
|
|
|
- background: #E3F0FF;
|
|
|
- border-radius: 16rpx;
|
|
|
- text-align: center;
|
|
|
- color: #007AFF;
|
|
|
- }
|
|
|
- .btnDel{
|
|
|
- width: 80rpx;
|
|
|
- height: 40rpx;
|
|
|
- background: #FFEDF0;
|
|
|
- border-radius: 16rpx;
|
|
|
- text-align: center;
|
|
|
- color: #FF2D55;
|
|
|
- }
|
|
|
- .btnReply{
|
|
|
- width: 80rpx;
|
|
|
- height: 40rpx;
|
|
|
- background: #E3F0FF;
|
|
|
- border-radius: 16rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- }
|
|
|
- .photoBox{
|
|
|
- .photoTop{
|
|
|
- height: 74upx;
|
|
|
+<style lang="scss" scope>
|
|
|
+.btnReply {
|
|
|
+ width: 80rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ background: #e3f0ff;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: #007aff;
|
|
|
+}
|
|
|
+.btnDel {
|
|
|
+ width: 80rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ background: #ffedf0;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: #ff2d55;
|
|
|
+}
|
|
|
+.btnReply {
|
|
|
+ width: 80rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ background: #e3f0ff;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+}
|
|
|
+.photoBox {
|
|
|
+ .photoTop {
|
|
|
+ height: 74upx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0upx 38upx;
|
|
|
+ .sqzz {
|
|
|
+ width: 28upx;
|
|
|
+ height: 28upx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 0upx 38upx;
|
|
|
- .sqzz{
|
|
|
- width: 28upx;
|
|
|
- height: 28upx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
- .centersq{
|
|
|
- color: #333;
|
|
|
- font-size: 30upx;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ .centersq {
|
|
|
+ color: #333;
|
|
|
+ font-size: 30upx;
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
|
- .photoCenter{
|
|
|
+ }
|
|
|
+ .photoCenter {
|
|
|
+ width: 750upx;
|
|
|
+ height: 979upx;
|
|
|
+ position: relative;
|
|
|
+ .custom {
|
|
|
width: 750upx;
|
|
|
height: 979upx;
|
|
|
- position: relative;
|
|
|
- .custom{
|
|
|
- width: 750upx;
|
|
|
- height: 979upx;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- image{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
}
|
|
|
- .btnResult{
|
|
|
- height: 100upx;
|
|
|
- width: 100%;
|
|
|
- background-color: #07c160;
|
|
|
- text-align: center;
|
|
|
- line-height: 100upx;
|
|
|
- color: #fff;
|
|
|
- font-size: 32upx;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
}
|
|
|
+ .btnResult {
|
|
|
+ height: 100upx;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #07c160;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 100upx;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 32upx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+}
|
|
|
.chat_box {
|
|
|
display: flex;
|
|
|
padding: 20rpx;
|
|
@@ -1163,7 +1184,7 @@ page {
|
|
|
font-weight: bold;
|
|
|
color: #333333;
|
|
|
overflow: hidden;
|
|
|
- text-overflow:ellipsis;
|
|
|
+ text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
.video_t1_t {
|