Merge branch 'master' into stage-4

# Conflicts:
#	pages2/order/index.vue

common/httpList/course.js

@@ -2,6 +2,13 @@ import {
 	myRequest
 } from '../request.js'
 export default {
+	polyvSign(data) {
+		return myRequest({
+			url: '/polyv/video/sign/auth',
+			method: 'get',
+			data: data
+		})
+	},
 	recordLast(data) {
 		return myRequest({
 			url: '/study/record/last',

common/httpList/study.js

@@ -15,6 +15,19 @@ export default {
 			method: 'post',
 			data: data
 		})
+	},
+	coursePhotoRecord(data) {
+		return myRequest({
+			url: '/course/photo/log',
+			method: 'post',
+			data: data
+		})
+	},
+	getPhotoLastRecord(data) {
+		return myRequest({
+			url: '/course/photo/log/getLastInfo',
+			method: 'get',
+			data: data
+		})
 	}
-	
 }

common/request.js

@@ -5,7 +5,7 @@ import api from './api.js'
 var num = 1
 //接口api   
 // export const BASE_URL = 'https://api.xyyxt.net'   //release
-export const BASE_URL = 'http://42.192.164.187:19005'  //test
+export const BASE_URL = 'http://42.192.164.187:19005'    //test
 // export const BASE_URL = 'http://192.168.1.222:5055'    //dev
 
  //图片上传api

components/course/courseSection.vue

@@ -87,38 +87,64 @@ export default {
 	},
 	methods: {
 		getVideo(){
-			if(!this.isBuy){
-				//非购买
-				if(!this.menuItem.tryListen){
-					//不允许试听
+			if(this.menuItem.sectionType==1||this.menuItem.sectionType==3){
+				//录播
+				if(!this.isBuy){
+					//非购买
+					if(!this.menuItem.tryListen){
+						//不允许试听
+						return
+					}
+					
+				}
+				if(!this.menuItem.recordingUrl){
+					uni.showToast({
+						title: '暂无播放地址数据',
+						icon: 'error'
+					});
+				}
+				if(this.playSectionId==this.newId){
+					//切换为同一节
 					return
 				}
-				
-			}
-			if(!this.menuItem.recordingUrl){
-				uni.showToast({
-				    title: '暂无播放数据',
-				    icon: 'error'
-				});
-			}
-			if(this.playSectionId==this.newId){
-				//切换为同一节
-				return
+				if(this.playSectionId>0){
+					//切换视频
+					let oldSectionId = this.playSectionId
+					uni.$emit('changeSection', oldSectionId)
+				}
+				//设置播放的节ID
+				this.$store.commit('setPlaySectionId', {playSectionId  :this.newId});
+				this.$store.commit('setPlayVID', {playVID  :this.menuItem.recordingUrl});
+				uni.$emit('getSection', this.menuItem)
+				uni.$emit('levelId', this.levelId)
 			}
-			if(this.playSectionId>0){
-				//切换视频
-				let oldSectionId = this.playSectionId
-				uni.$emit('changeSection', oldSectionId)
+			if(this.menuItem.sectionType==2){
+				//直播
+				if(!this.isBuy){
+					//非购买
+					return
+				}
+				if(!this.menuItem.liveUrl){
+					uni.showToast({
+						title: '暂无直播地址数据',
+						icon: 'error'
+					});
+				}
+				if(this.playSectionId==this.newId){
+					//切换为同一频道
+					return
+				}
+				//设置播放的节ID
+				this.$store.commit('setPlaySectionId', {playSectionId  :this.newId});
+				this.$store.commit('setPlayChannelId', {playChannelId  :this.menuItem.liveUrl});
+				uni.$emit('getChannel', this.menuItem)
+				console.log(this.menuItem,"频道")
+				
 			}
-			//设置播放的节ID
-			this.$store.commit('setPlaySectionId', {playSectionId  :this.newId});
-	//		return
-			uni.$emit('getSection', this.menuItem)
-			uni.$emit('levelId', this.levelId)
 			
 		}
 	},
-	computed: { ...mapGetters(['playSectionId']) }
+	computed: { ...mapGetters(['playSectionId','playChannelId','playVID']) }
 	
 };
 </script>

pages.json

@@ -3,7 +3,7 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "中正砼学联",
+				"navigationBarTitleText": "祥粤云学堂",
 				"onReachBottomDistance": 50,
 				"app-plus": {
 					"titleNView": false //禁用原生导航栏  
@@ -163,21 +163,6 @@
 					}
 				}
 			},
-			{
-				"path": "course/detail",
-				"style": {
-					"navigationBarTitleText": "课程详情",
-					"app-plus": {
-						"titleNView": false, //禁用原生导航栏 
-						"bounce": "none"
-					},
-					"mp-weixin": {
-						"usingComponents": {
-							"polyv-player": "plugin://polyv-player/player"
-						}
-					}
-				}
-			},
 			{
 				"path": "order/confirm_list",
 				"style": {
@@ -657,13 +642,8 @@
 					}
 				}
 			}
-		],
-		 "plugins": {
-			"polyv-player": {
-				"version": "0.3.0",
-				"provider": "wx4a350a258a6f7876"
-			}
-		}
+		]
+		 
 	},{
 		"root": "pages3",
 		"pages": [{
@@ -679,7 +659,44 @@
 						  }
 					}
 				}
-		}]
+		},
+		{
+				"path": "polyv/detail",
+				"style": {
+					"navigationBarTitleText": "课程详情",
+					"app-plus": {
+						"titleNView": false, //禁用原生导航栏 
+						"bounce": "none"
+					},
+					"mp-weixin": {
+						"usingComponents": {
+						    "player": "/pages3/static/polyv-sdk/components/player/player",
+							"polyv-player": "plugin://polyv-player/player"
+						  }
+					}
+				}
+		},
+		{
+			"path": "course/detail",
+			"style": {
+				"navigationBarTitleText": "课程详情",
+				"app-plus": {
+					"titleNView": false, //禁用原生导航栏 
+					"bounce": "none"
+				},
+				"mp-weixin": {
+					"usingComponents": {
+						"polyv-player": "plugin://polyv-player/player"
+					}
+				}
+			}
+		}],
+		"plugins": {
+			"polyv-player": {
+				"version": "0.3.0",
+				"provider": "wx4a350a258a6f7876"
+			}
+		}
 			
 	}],
 	"preloadRule": {

pages/course/index.vue

@@ -38,7 +38,7 @@
 			</view>
 			<view v-show="current==0">
 				<view class="listBox">
-					<navigator  hover-class="none" :url="'/pages2/course/detail?id='+item.goodsId" v-for="(item,index) in list1" :key="index" >
+					<navigator  hover-class="none" :url="'/pages3/course/detail?id='+item.goodsId" v-for="(item,index) in list1" :key="index" >
 						<view class="itemBox">
 							<image :src="$method.splitImgHost(item.coverUrl, true)" style="height: 316rpx;width: 100%;border-radius: 24rpx;"></image>
 							<view style="display: flex;margin-top: 13rpx;">

pages/index/index.vue

@@ -6,7 +6,7 @@
 			</view>
 		</u-navbar>
 		<swiper indicator-dots="true" indicator-color="#fff" indicator-active-color="#007AFF" :style="{'height':swiperHeight+'rpx'}" @change="e => current = e.current" :interval="interval" :duration="duration"  :autoplay="autoplay" :circular="true">
-			<swiper-item v-for="swiper in list">
+			<swiper-item v-for="(swiper,index) in list" :key="index">
 				<image style="width:100%"  @load="imageLoad" :src="$method.splitImgHost(swiper.adverUrl, true)" mode="widthFix"></image>
 			</swiper-item>
 		</swiper>
@@ -82,7 +82,7 @@
 			</view>
 			<u-tabs class="tabs" :current="tabCurrent" @change="tab" :list="menu" :activeStyle="{fontSize:'36rpx'}" :inactiveStyle="{color:'#EAEEF1',fontSize:'30rpx'}" sticky></u-tabs>
 			<view class="course-list" v-show="tabCurrent==0">
-				<navigator  hover-class="none" class="item" v-for="(item,index) in list1" :key="index" :url="'/pages2/course/detail?id='+item.goodsId">
+				<navigator  hover-class="none" class="item" v-for="(item,index) in list1" :key="index" :url="'/pages3/course/detail?id='+item.goodsId">
 					<view class="img">
 						<image :src="$method.splitImgHost(item.coverUrl, true)"></image>
 						<view class="time">{{item.year?item.year:''}}</view>

pages/wd/index.vue

@@ -38,7 +38,7 @@
 						<view>我的题库通</view>
 					</navigator>
 				</view>
-				<navigator  hover-class="none" url="/pages2/learn/my_learn" class="menu_box" v-if="true">
+				<navigator  hover-class="none" url="/pages2/learn/my_learn" class="menu_box" >
 					<view class="box_left">
 						<image src="/static/icon/my_icon2.png" class="my_icon"></image>
 						<view>我的学时</view>
@@ -49,7 +49,7 @@
 						学时未通过
 					</view>
 				</navigator>
-				<navigator  hover-class="none" url="/pages2/exam/index" class="menu_box" v-if="true">
+				<navigator  hover-class="none" url="/pages2/exam/index" class="menu_box" >
 					<view class="box_left">
 						<image src="/static/icon/my_icon10.png" class="my_icon"></image>
 						<view>我的考试</view>
@@ -85,12 +85,6 @@
 						<view>我的资料</view>
 					</view>
 				</navigator>
-				<navigator  hover-class="none" url="/pages3/polyv/polyv" class="menu_box">
-					<view class="box_left">
-						<image src="/static/icon/my_icon9.png" class="my_icon"></image>
-						<view>我的直播</view>
-					</view>
-				</navigator>
 				<view class="logout" @click="logout">退出</view>
 			</view>
 		</view>

pages2/appointment/kporder.vue

@@ -200,9 +200,13 @@ export default {
 						}
 					});
 				} else {
-					uni.showToast({
-						title: '请选择考试时间',
-						icon: 'none'
+					var data = JSON.parse(JSON.stringify(self.applyDs));
+					self.$api.addApply(data).then(res => {
+						if (res.data.code === 200) {
+							uni.reLaunch({
+								url: `/pages2/appointment/appointment_success?subscribeId=${res.data.data}`
+							});
+						}
 					});
 				}
 			} else {

pages2/class/detail.vue

@@ -177,7 +177,7 @@
 					<view style="width: 100%; height: 979rpx;position: fixed;" v-if="photoPopup">
 						<camera device-position="front" flash="off" @error="error" style="width: 100%; height: 100%;" ></camera>
 					</view>
-					<view class="custom"><image src="@/pages2/static/zhezhao.png" mode=""></image></view>
+					<view class="custom"><image src="/static/zhezhao.png" mode=""></image></view>
 				</view>
 				<view class="btnResult" @click="takePhoto">拍照</view>
 			</view>
@@ -358,7 +358,6 @@ export default {
 				}
 			}
 		});
-		console.log(this.gradeId,7512)
 		if(this.gradeId>0){
 			//提交完资料返回判断是否已开班
 			
@@ -371,10 +370,13 @@ export default {
 			//退出提交记录
 			this.ossAvatarUrl = '';
 			this.postStudyRecord();
-			//清除正在播放的节ID
-			this.$store.commit('setPlaySectionId', { playSectionId: 0 });
-			//移除所有的事件监听器
-			uni.$off();
+		}
+		//清除正在播放的节ID
+		this.$store.commit('setPlaySectionId', { playSectionId: 0 });
+		//移除所有的事件监听器
+		uni.$off();
+		if (this.timer) {
+			clearInterval(this.timer);
 		}
 	},
 	mounted() {
@@ -520,12 +522,10 @@ export default {
 			var polyvPlayerContext = this.selectComponent('#playerVideo');
 			let noteDate = this.$method.getZeroTime();
 			let noteSecond = polyvPlayerContext.getCurrentTime();
-			console.log(noteSecond,698)
 			if (!noteSecond) {
 				if(noteSecond==0){
 					//播放结束
 					noteSecond = polyvPlayerContext.getDuration();
-					console.log(noteSecond,63398)
 				}
 				if(!noteSecond){
 					this.$u.toast('视频暂未开始');
@@ -756,6 +756,7 @@ export default {
 			let self = this;
 			var polyvPlayerContext = this.selectComponent('#playerVideo');
 			if (polyvPlayerContext != null) {
+				console.log(polyvPlayerContext.getCurrentTime(),759)
 				let PlayCurrentTime = polyvPlayerContext.getVideoPlayDuration();
 				this.studyDuration = PlayCurrentTime;
 				if (this.currentTime < PlayCurrentTime) {

pages2/msg/detail.vue

@@ -118,7 +118,7 @@ export default {
 					});
 					break;
 				case 20:
-					this.$navTo.togo('/pages2/course/detail', {
+					this.$navTo.togo('/pages3/course/detail', {
 						id: item.goodsId
 					});
 					break;

pages2/order/confirm_success.vue

@@ -26,7 +26,7 @@
 				<view class="box2">
 					<view class="title2">订单信息</view>
 					<u-line color="#D6D6DB" />
-					<view style="padding:10rpx 30rpx;" v-for="(item,index) in shoppingCartList">
+					<view style="padding:10rpx 30rpx;" v-for="(item,index) in shoppingCartList" :key="index">
 						<view class="list_item">
 							<view class="txt_left">商品名称</view>
 							<view class="txt_right">{{item.goodsName}}</view>

pages2/verify/input.vue

@@ -800,7 +800,7 @@ export default {
 													if (ajson[k].value) {
 														self.fileList1 = [{ url: baseUrls.BASE_IMG_URL + ajson[k].value }];
 													}
-												} else if (k === 'idcard_face_photo') {
+												} else if (k === 'idcard_face_photo') { 
 													self.$set(self.form, k, ajson[k].value);
 													if (ajson[k].value) {
 														self.fileList2 = [{ url: baseUrls.BASE_IMG_URL + ajson[k].value }];

pages2/wd/course.vue

@@ -52,10 +52,14 @@ export default {
 	},
 	methods: {
 		jump(item) {
-			this.$navTo.togo('/pages2/class/detail', {
+			/* this.$navTo.togo('/pages2/class/detail', {
 				id: item.courseId,
 				goodsId: this.goodsId,
-			});
+			}); */
+			 this.$navTo.togo('/pages3/polyv/detail', {
+				id: item.courseId,
+				goodsId: this.goodsId,
+			}); 
 		},
 		studyIn(item) {
 			this.$navTo.togo('/pages2/class/detail', {

pages2/wd/info.vue

@@ -55,7 +55,7 @@
 							</view>
 						</pick-regions>
 					</view>
-					<view class="item" @click="showPhone()">
+					<view class="item" @click="showPhone">
 						<view>手机号码</view>
 						<view>{{ form.telphone }}<u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
 					</view>

pages3/polyv/detail.vue

@@ -0,0 +1,1722 @@
+<template>
+	<view>
+		<view style="position: fixed;width: 100%;z-index: 999;background: #FFFFFF;top: 0;" id="top">
+			<view class="video_box" v-if="!startStatus">
+				<image :src="$method.splitImgHost(detail.coverUrl)" style="width: 100%;height: 460rpx;"></image>
+				<image v-if="false" class="video_play" src="/static/play.png" @click="startVideo"></image>
+			</view>
+			<view v-else>
+				<view   class="video_box" style="width: 100%;height: 460rpx;" v-if="playVID">
+					<polyv-player
+						id="playerVideo"
+						playerId="playerVideo"
+						height="460rpx"
+						:vid="vid"
+						:showSettingBtn="true"
+						:enablePlayGesture="true"
+						@statechange="onStateChange"
+						:autoplay="autoplay"
+						:isAllowSeek="isAllowSeek"
+						:playbackRate="playbackRate"
+						:startTime="startTime"
+					></polyv-player>
+				</view>
+				<view class="video_box" style="width: 100%;height: 460rpx;" v-if="playChannelId>0">
+				  <player
+				    class="plv-mp-demo-player"
+				    :videoOption="videoOption"
+					@onLiveStatusChange="playerLiveStatusChange"
+				  />
+				</view> 
+			</view>
+			
+			<view>
+				<u-row>
+					<u-col span="10">
+						<view class="video_t1">{{ detail.courseName }}</view>
+					</u-col>
+					<u-col span="2" v-if="false">
+						<view class="video_t1_t" @click="openJY">
+							<image src="/static/icon/jy_icon.png" style="width: 40rpx;height: 40rpx;"></image>
+							讲义
+						</view>
+					</u-col>
+				</u-row>
+			</view>
+			<u-line color="#D6D6DB" />
+			<view style="display: flex;justify-content: center;">
+				<view><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>
+		<view class="box">
+			
+			<!--目录 -->
+			<view v-show="current == 0">
+				<view class="menuBox" v-for="(item, index) in menuList" :key="index">
+					<!--模块 -->
+					<view v-if="item.type == 1"><courseModule :courseId="courseId" :goodsId="goodsId" :gradeId="gradeId" :isBuy="true" :menuItem="item" :levelId="item.menuId"></courseModule></view>
+					<!--章 -->
+					<view v-if="item.type == 2"><courseChapter :courseId="courseId" :goodsId="goodsId" :gradeId="gradeId" :isBuy="true" :menuItem="item" :levelId="'0-' + item.menuId"></courseChapter></view>
+					<!--节 -->
+					<view v-if="item.type == 3"><courseSection :courseId="courseId" :goodsId="goodsId" :gradeId="gradeId" :isBuy="true" :menuItem="item" :levelId="'0-0-' + item.menuId"></courseSection></view>
+				</view>
+			</view>
+			<!--笔记 -->
+			<view v-show="current == 1">
+				<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: 100%;padding: 10rpx 0;">
+						<u-input class="input" height="60" fixed="true" placeholder="您可以在这里输入笔记内容" type="textarea" :custom-style="inputStyle" v-model="noteValue" />
+					</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" :key="index">
+					<view class="dateBox">{{ $method.timestampToTime(item.dateNote) }}</view>
+					<view class="noteBox">
+						<view v-for="(item1, index1) in item.userNotes" :key="index1" 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>
+									<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>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<!--答疑 -->
+			<view v-show="current == 2">
+				<view class="inputBottom">
+					<view class="flex_auto">
+						<u-input height="60" fixed="true" :placeholder="placeholder" type="textarea" :custom-style="inputStyle" v-model="ctxValue" />
+					</view>
+					<view class="btn" @click="postContent">提交</view>
+				</view>
+				<view v-for="(item, index) in answerList" :key="index" style="background-color: #FFFFFF;margin-bottom: 20rpx;">
+					<view class="chat_box" @click.stop="clearCtx">
+						<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="chat3">
+									<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 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>
+			<!--目录 -->
+			<view v-show="current == 3" >
+				<view class="menuBox" v-for="(item, index) in reMenuList" :key="index">
+					<!--模块 -->
+					<view v-if="item.type == 1"><courseModule :courseId="courseId" :goodsId="goodsId" :gradeId="gradeId" :isRebuild="true" :isBuy="true" :menuItem="item" :levelId="item.menuId"></courseModule></view>
+					<!--章 -->
+					<view v-if="item.type == 2">
+						<courseChapter :courseId="courseId" :gradeId="gradeId" :goodsId="goodsId" :isRebuild="true" :isBuy="true" :menuItem="item" :levelId="'0-' + item.menuId"></courseChapter>			
+					</view>
+					<!--节 -->
+					<view v-if="item.type == 3">
+						<courseSection :courseId="courseId" :gradeId="gradeId" :goodsId="goodsId" :isRebuild="true" :isBuy="true" :menuItem="item" :levelId="'0-0-' + item.menuId"></courseSection>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 播放前拍照end -->
+		<u-popup v-model="showSet" :mask-close-able="false" mode="center" border-radius="24">
+			<view style="align-items:center;padding: 0 40rpx;display: flex;flex-direction: column;justify-content:center;">
+				<view style="font-weight: bold;color: #333333;font-size: 30rpx;margin-top: 30rpx;">温馨提示</view>
+				<view style="width: 457rpx;color: #666666;font-size: 30rpx;margin-top: 30rpx;">学习过程中需要拍照验证学员身份，
+拍照功能需要使用您的相机。
+是否授权使用？</view>
+				<view style="margin: 40rpx 0;">
+					<button open-type="openSetting" @bindopensetting="openSetting" class="btnSet">去授权</button>
+				</view>
+			</view>
+		</u-popup>
+		
+		<u-mask :show="photoPopup" >
+		<!-- 播放前拍照start -->
+		<view v-if="photoPopup"  :mask-close-able="false" style="bottom: 0;position: fixed;width: 100%;z-index: 999;">
+			<view class="photoBox">
+				<view class="photoTop">
+					<view class="sqzz" v-if="false"><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">
+					<view style="width: 100%; height: 979rpx;position: fixed;" v-if="photoPopup">
+						<camera device-position="front" flash="off" @error="error" style="width: 100%; height: 100%;" ></camera>
+					</view>
+					<view class="custom"><image src="/static/zhezhao.png" mode=""></image></view>
+				</view>
+				<view class="btnResult" @click="takePhoto">拍照</view>
+			</view>
+		</view>
+
+		</u-mask>
+	</view>
+	
+</template>
+
+<script>
+import plv from '../static/polyv-sdk/index';
+import courseModule from '@/components/course/courseModule.vue';
+import courseChapter from '@/components/course/courseChapter.vue';
+import courseSection from '@/components/course/courseSection.vue';
+import { mapGetters } from 'vuex';
+export default {
+	components: {
+		courseModule,
+		courseChapter,
+		courseSection
+	},
+	data() {
+		return {
+			initLiveOk:false,
+			livePlay:false, //是否正在播放直播，不含暂停
+			liveDuration:0, //直播观看时长
+			videoOption:{
+				mode: 'live',
+				uid: '',
+				cid: '',
+				openId: '',
+				isAutoChange: false,
+				forceVideo: false, 
+			},
+			liveDetail:{},
+			showSet:false,
+			startStatus: false,
+			detail: {},
+			courseId: 0,
+			placeholder: '您可以在这里输入笔记内容\n还可以点击左侧图标为笔记加上时间标记',
+			inputStyle: {
+				background: 'rgba(244, 244, 244, 0.98)',
+				borderRadius: '24rpx',
+				padding: '8rpx',
+				marginBottom: '10rpx'
+			},
+			list: [],
+			menuList: [],
+			current: 0,
+			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,
+			reMenuList: [],
+			answerList: [],
+			assignUserId: 0,
+			placeholder: '您可以在这里输入答疑内容',
+			ctxValue: '',
+			noteList: [],
+			noteValue: '',
+			noteId: 0,
+			recordObj: 0,
+			gradeDetail:{},
+			needSeek: false, //第一次播放是否需要跳转
+			needProfileModal:false, //是否需要资料审核弹框
+			liveObj:{},
+			photoNum:0,
+			photoList:[], //拍照的时间点
+			photoConfig:false, //是否配置好拍照次数
+			photoIndex:0, //当前位于拍照的区间下标 从0开始
+			photoHistoryList:[], //已拍照历史的下标点
+		};
+	},
+	computed: { ...mapGetters(['userInfo', 'playSectionId','playChannelId','playVID']) },
+	onLoad(option) {
+		console.log(this.userInfo,789)
+		this.courseId = Number(option.id);
+		this.goodsId = Number(option.goodsId);
+		this.courseDetail();
+		this.getGoodsDetail();
+		this.getAnswerList();
+		let noteSecond = Number(option.noteSecond);
+		if(noteSecond>0){
+			//我的消息跳过来,播放节
+			let item = {
+				sectionId:Number(option.sectionId),
+				recordingUrl:option.recordingUrl,
+				noteSecond:noteSecond
+			}
+			this.$store.commit('setPlaySectionId', {playSectionId  :item.sectionId});
+			this.playNoteVideo(item);
+		}
+		
+	},
+	onShow() {
+		var self = this;
+		//相机授权
+		this.getCameraSetting()
+		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 === 1)) {								
+								if (!result.data.data) {
+									self.needProfileModal = true
+									uni.showModal({
+										content: '请前往填写资料',
+										cancelText: '返回',
+										success: function(resultst) {
+											if (resultst.confirm) {
+												self.$navTo.togo('/pages2/verify/input', {
+													id: self.goodsId
+												});
+											}
+											if (resultst.cancel) {
+												uni.navigateBack();
+											}
+										}
+									});
+								} else {
+									self.needProfileModal = true
+									uni.showModal({
+										content: '资料审核不通过，请前往重新填写',
+										cancelText: '返回',
+										success: function(resultst) {
+											if (resultst.confirm) {
+												self.$navTo.togo('/pages2/verify/input', {
+													id: self.goodsId
+												});
+											}
+											if (resultst.cancel) {
+												uni.navigateBack();
+											}
+										}
+									});
+								}
+							} 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 === 1)) {
+											if (!k.data.data) {
+												self.needProfileModal = true
+												uni.showModal({
+													cancelText: '返回',
+													content: '请前往填写盖章资料',
+													success: function(resultst) {
+														if (resultst.confirm) {
+															self.$navTo.togo('/pages2/verify/input2', {
+																id: self.goodsId
+															});
+														}
+														if (resultst.cancel) {
+															uni.navigateBack();
+														}
+													}
+												});
+											} else {
+												self.needProfileModal = true
+												uni.showModal({
+													cancelText: '返回',
+													content: '资料盖章审核不通过，请前往重新填写',
+													success: function(resultst) {
+														if (resultst.confirm) {
+															self.$navTo.togo('/pages2/verify/input2', {
+																id: self.goodsId
+															});
+														}
+														if (resultst.cancel) {
+															uni.navigateBack();
+														}
+													}
+												});
+											}
+										}
+									}
+								});
+							}
+						}
+					});
+				}
+			}
+		});
+		console.log(this.gradeId,7512)
+		if(this.gradeId>0){
+			//提交完资料返回判断是否已开班
+			
+			this.getGradeInfo()
+		}
+	},
+	onUnload() {
+		if (this.playSectionId > 0) {
+			//退出提交记录
+			this.postStudyRecord();
+		}
+		//清除正在播放的节ID
+		this.$store.commit('setPlaySectionId', { playSectionId: 0 });
+		this.$store.commit('setPlayChannelId', { playChannelId: 0 });
+		this.$store.commit('setPlayVID', { playVID: null });
+		this.closePlv()
+		//移除所有的事件监听器
+		uni.$off();
+		if (this.timer) {
+			clearInterval(this.timer);
+		}
+	},
+	mounted() {
+		uni.$on('changeSection', oldSectionId => {
+			console.log(this.playVID)
+			//清除直播
+			this.$store.commit('setPlayChannelId', { playChannelId: 0 });
+			this.postStudyRecord(0, oldSectionId);
+		});
+		uni.$on('getSection', item => {
+			//清除直播
+			this.$store.commit('setPlayChannelId', { playChannelId: 0 });
+			this.playVideo(item);
+		});
+		uni.$on('levelId', item => {
+			let arr = item.split('-');
+			//点击节获取的各层级ID
+			this.moduleId = arr[0];
+			this.chapterId = arr[1];
+		});
+		uni.$on('getChannel', item => {
+			//清除录播
+			this.$store.commit('setPlayVID', {playVID  :null});
+			this.playChannel(item);
+		});
+	},
+	methods: {
+		getPhotoLastRecord() {
+			let self = this;
+			let data = {
+				sectionId: parseInt(self.playSectionId),
+				goodsId: parseInt(self.goodsId),
+				courseId: parseInt(self.courseId),
+				gradeId: parseInt(self.gradeId)}
+				this.$api.getPhotoLastRecord(data).then(res => {
+					if(res.data.code==200){
+						//清空历史数据
+						self.photoHistoryList = []
+						this.photoIndex = 0 
+						for(let i=0;i<res.data.data.length;i++){
+							self.photoHistoryList.push(res.data.data[i].photoIndex)
+						}
+					}
+					
+				});
+			
+		},
+		postCoursePhotoRecord() {
+			let currentTime = 0;
+			var polyvPlayerContext = this.selectComponent('#playerVideo');
+			if (polyvPlayerContext) {
+				currentTime = polyvPlayerContext.getCurrentTime();
+			}
+			let self = this;
+			let data = {
+				photo: self.ossAvatarUrl,
+				sectionId: parseInt(self.playSectionId),
+				goodsId: parseInt(self.goodsId),
+				courseId: parseInt(self.courseId),
+				photoTime: parseInt(currentTime > 0 ? currentTime : 0),
+				gradeId: parseInt(self.gradeId),
+				photoIndex: parseInt(self.photoIndex-1),//从0算起
+				photoNum:parseInt(self.photoNum)
+			};
+			console.log('提交接口', data);
+			this.$api.coursePhotoRecord(data).then(res => {
+				console.log(res);
+			});
+		},
+		randomNum(minNum,maxNum){ 
+		    switch(arguments.length){ 
+		        case 1: 
+		            return parseInt(Math.random()*minNum+1,10); 
+		        break; 
+		        case 2: 
+		            return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10); 
+		        break; 
+		            default: 
+		                return 0; 
+		            break; 
+		    } 
+		},
+		//配置随机拍照时间
+		configPhoto(){
+			var polyvPlayerContext = this.selectComponent('#playerVideo');
+			let totalVideoTime = polyvPlayerContext.getDuration()
+			let duration = polyvPlayerContext.getCurrentTime()
+			if(!this.photoConfig){
+				this.photoConfig = true
+				let  spaceTime = Math.floor(totalVideoTime/this.photoNum) //拍照时间区间
+				if(spaceTime<5){//区间小于5秒
+					this.photoNum = Math.floor(totalVideoTime/5)
+					spaceTime = 5
+				}
+				if(this.photoNum<1){
+					this.photoNum = 1 //只要设置，至少拍一次
+					spaceTime = totalVideoTime
+				}
+				let initSpace = 2
+				this.photoList = []
+				for(let i=0;i<this.photoNum;i++){
+					let s = this.randomNum(initSpace,initSpace+spaceTime)
+					if(s>totalVideoTime){
+						s = totalVideoTime-1
+					}
+					this.photoList.push(s)
+					initSpace+=spaceTime
+				}
+				console.log(this.photoList,"随机拍时间数组")
+				//兼容已有观看历史
+				for(let i=0;i<this.photoList.length-1;i++){
+					if(this.photoList[i]<duration&&this.photoList[i+1]>duration){
+						this.photoIndex = i+1
+						break
+					}
+					if(duration>this.photoList[this.photoList.length-1]){
+						this.photoIndex = this.photoList.length-1 //取最后一个下标
+						break
+					}
+				}
+			}
+		},
+		getLiveUid(channelId) {
+			let self = this;
+			return new Promise(resolve => {
+				let data = {
+					channelId: channelId
+				};
+				self.$api.polyvSign(data).then(res => {
+					resolve(res.data.data);
+				});
+			});
+		},
+		timeEventLiving() {
+			if (plv != null) {
+				if(this.livePlay){
+					this.liveDuration = this.liveDuration +1.5 //每隔1.5秒
+					if(this.liveDuration==1.5){ //第6秒拍照
+						if(this.goodsPhotographConfig){
+							if(this.goodsPhotographConfig.livephotograph==1){
+								//开启直播拍照
+								this.openPhoto();
+							}
+						}
+					}
+				}
+				
+			}
+		},
+		playerLiveStatusChange(e) {
+		    const status = e.detail.status;
+			console.log('直播状态',status);
+		    if (status === 'live') {
+		      console.log('开始直播');
+			  //开始播放
+			  if (this.timer) {
+			  	clearInterval(this.timer);
+			  }
+			  this.livePlay = true
+			  this.timer = setInterval(this.timeEventLiving, 1500); //定时器
+		    }
+		    if (status === 'end') {
+				this.livePlay = false
+		      // 未开始
+		      console.log('结束直播');
+		    }
+		},
+		closePlv(){
+			if(plv){
+				plv.destroy();
+			}
+			
+		},
+		playChannel(item){
+			if (this.timer) {
+				clearInterval(this.timer);
+			}
+			this.startStatus = true
+			this.initLive()
+		},
+		setLiveOption(status) {
+			    const { userId, channelId, recordFileSimpleModel, playbackEnabled } = this.detail;
+			    const playRecordFile = playbackEnabled && recordFileSimpleModel && status === 'end';
+			
+			    this.videoOption = { 
+					mode: 'live',
+					uid: this.liveObj.uid, //this.playChannelId  egsxlptzdq
+					cid: this.playChannelId,
+					openId: this.userInfo.userAccount,
+					isAutoChange: false,
+					forceVideo: false, 
+				  }
+	},
+		async initLive(){
+			console.log(this.playChannelId,7111)
+			this.liveObj = await this.getLiveUid(this.playChannelId);
+			this.initLiveOk = true
+			let optionsData = {}
+			optionsData.mode = 'live';
+			optionsData.forceVideo = false;
+		    optionsData.channelId = this.playChannelId; // 频道ID '2553128'
+		    optionsData.openId = this.userInfo.userAccount; // 用户openId  this.userInfo.userAccount 'oQ5eX5BCtSjkE1ct8CzvxGWgh0hQ'
+		    optionsData.userId = this.liveObj.uid  // 2.0.0及以上版本的demo需要使用 userId 设置学员唯一id 'egsxlptzdq' 
+			let self = this
+			this.closePlv()
+			plv.init(optionsData)
+			  .then(({ detail, chat }) => {
+			    self.liveDetail = detail
+			
+			    // 设置mode为live的videoOption
+					this.setLiveOption();
+			    if (detail.isPPT) {
+			      chat.on(chat.events.SLICESTART, () => {
+			        // 开始直播
+			      });
+			    } else {
+			      plv.api.getOrdinaryLiveStatus(detail.stream);
+			    }
+			  });
+		},
+		openSetting(res){
+			console.log(res,98)
+		},
+		getCameraSetting () {
+		    const self = this
+		    wx.getSetting({
+		      success: res => {
+		        if (res.authSetting['scope.camera']) {
+		          // 用户已经授权
+		           self.showSet = false
+		        } else {
+		          // 用户还没有授权，向用户发起授权请求
+		          wx.authorize({
+		            scope: 'scope.camera',
+		            success() { // 用户同意授权
+		              self.showSet = false
+		            },
+		            fail() { // 用户不同意授权
+		             self.showSet = true
+		             /* wx.showToast({
+		                title: '摄像头授权失败',
+		                icon: 'none',
+		                duration: 3000
+		              }) */
+		            }
+		          })
+		        }
+		      },
+		      fail: res => {
+		       
+		       
+		      }
+		    })
+		  },
+		openJY(){
+			this.$u.toast('此功能正在开发中');
+		},
+		//播放笔记视频
+		async playNoteVideo(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 = {studyDuration:item.noteSecond}
+			if (this.recordObj.studyDuration) {
+				this.needSeek = true; //需要跳转到播放记录
+			}
+			this.startStatus = true;
+		
+			//获取节笔记
+			this.getNoteList();
+		},
+		//正常播放视频
+		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; //需要跳转到播放记录
+			}
+			this.startStatus = true;
+			
+			//获取节笔记
+			this.getNoteList();
+		},
+		getRecordLast() {
+			let self = this;
+			return new Promise(resolve => {
+				let data = {
+					gradeId: Number(self.gradeId),
+					goodsId: Number(self.goodsId),
+					sectionId: Number(self.playSectionId),
+					courseId: Number(self.courseId)
+				};
+				self.$api.recordLast(data).then(res => {
+					resolve(res.data.data);
+				});
+			});
+		},
+		
+		jumpNote(item) {
+			this.noteId = item.noteId;
+			//没视频播放
+			if(this.playSectionId==0){
+				this.$u.toast('即将跳到笔记位置');  
+				this.$store.commit('setPlaySectionId', {playSectionId  :item.sectionId});
+				this.playNoteVideo(item);
+			}else{
+				//正在看当前笔记视频
+				this.$u.toast('即将跳到笔记位置');
+				//跳到笔记时刻
+				var polyvPlayerContext = this.selectComponent('#playerVideo');
+				polyvPlayerContext.seek(item.noteSecond);
+				polyvPlayerContext.play();
+			}
+			
+		},
+		postNote() {
+			let self = this;
+			if (!(this.playSectionId > 0)) {
+				this.$u.toast('目前无播放视频');
+				return;
+			}
+			if (!this.noteValue) {
+				this.$u.toast('请输入内容');
+				return;
+			}
+			if(!this.gradeId){
+				this.$u.toast('暂无班级数据');
+				return;
+			}
+			var polyvPlayerContext = this.selectComponent('#playerVideo');
+			let noteDate = this.$method.getZeroTime();
+			let noteSecond = polyvPlayerContext.getCurrentTime();
+			console.log(noteSecond,698)
+			if (!noteSecond) {
+				if(noteSecond==0){
+					//播放结束
+					noteSecond = polyvPlayerContext.getDuration();
+					console.log(noteSecond,63398)
+				}
+				if(!noteSecond){
+					this.$u.toast('视频暂未开始');
+					return;
+				}
+				
+			}
+			let data = {
+				gradeId: this.gradeId,
+				goodsId: this.goodsId,
+				sectionId: this.playSectionId,
+				courseId: this.courseId,
+				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 = '';
+				}
+			});
+		},
+		getGradeInfo() {
+			let self = this;
+			this.$store.state.allowLoading = false;
+			this.$api.goodsGradeInfo(this.gradeId).then(res => {
+				if (res.data.code == 200) {
+					self.gradeDetail = res.data.data;
+					if(self.gradeDetail.learningStatus==2){
+						uni.showModal({
+							showCancel:false,
+							cancelText: '返回',
+							content: '当前课程正在申请中，请耐心等待',
+							success: function(resultst) {
+								uni.navigateBack();
+							}
+						});
+					}
+					if(self.gradeDetail.learningStatus==3&&(Number(self.gradeDetail.learningTimeStart)>Number((new Date())/1000))){
+						uni.showModal({
+							showCancel:false,
+							cancelText: '返回',
+							content: '当前课程正在申请中，请耐心等待',
+							success: function(resultst) {
+								uni.navigateBack();
+							}
+						});
+					}
+				}
+			});
+			this.$store.state.allowLoading = true;
+		},
+		getNoteList() {
+			let self = this;
+			self.noteList = [];
+			let data = { courseId: this.courseId, gradeId: this.gradeId, goodsId: this.goodsId }
+			if(this.playSectionId>0){
+				data.sectionId = this.playSectionId
+			}
+			this.$api.noteList(data).then(res => {
+				if (res.data.code == 200) {
+					self.noteList = res.data.rows;
+				}
+			});
+		},
+		delAnswer(answerId) {
+			let self = this;
+			let data = { answerId: answerId, status: -1 };
+			this.$api.delAnswer(data).then(res => {
+				if (res.data.code == 200) {
+					self.getAnswerList();
+				}
+			});
+		},
+		clearCtx() {
+			console.log(4234);
+			this.placeholder = '您可以在这里输入答疑内容';
+			this.ctxValue = '';
+			this.assignUserId = 0;
+		},
+		replyContent(item) {
+			this.assignUserId = item.userId;
+			this.placeholder = '@' + item.realname;
+		},
+		delContent(item) {
+			this.delAnswer(item.answerId);
+		},
+		postAnswer() {
+			let self = this;
+			let data = { courseId: this.courseId, answerText: this.ctxValue, goodsId: this.goodsId };
+			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;
+				}
+			});
+		},
+		postContent() {
+			if (!this.ctxValue||this.ctxValue=='') {
+				this.$u.toast('请输入内容');
+				return
+			}
+			this.postAnswer();
+		},
+		postStudyRecord(status = 0, sectionId = this.playSectionId) {
+			let currentTime = 0;
+			var polyvPlayerContext = this.selectComponent('#playerVideo');
+			if (polyvPlayerContext) {
+				currentTime = polyvPlayerContext.getCurrentTime();
+			}
+			let self = this;
+			console.log(self.ossAvatarUrl,"准备提交，照片地址")
+			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 (data.studyDuration <= 5) {
+				//5秒内不上传记录
+				return;
+			}
+			if (status > 0) {
+				data.status = status;
+			}
+			console.log('提交接口', data);
+			this.$api.studyRecord(data).then(res => {
+				self.ossAvatarUrl = ''
+				console.log(res);
+			});
+		},
+		uploadFile(options, int) {
+			var self = this;
+			return new Promise((resolve, reject) => {
+				var data = {
+					imageStatus: int
+				};
+				self.$api.aliyunpolicy(data).then(res => {
+					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;
+					}
+					uni.uploadFile({
+						url: ossToken.host,
+						name: 'file',
+						filePath: options,
+						fileType: 'image',
+						header: {
+							AuthorizationToken: 'WX ' + uni.getStorageSync('token')
+						},
+						formData: {
+							key: ossToken.dir,
+							OSSAccessKeyId: ossToken.accessid,
+							policy: ossToken.policy,
+							Signature: ossToken.signature,
+							callback: ossToken.callback,
+							success_action_status: 200
+						},
+						success: result => {
+							if (result.statusCode === 200) {
+								self.ossAvatarUrl = ossToken.dir;
+								resolve();
+							} else {
+								uni.showToast({
+									title: '上传失败',
+									icon: 'none'
+								});
+								return;
+							}
+						},
+						fail: error => {
+							uni.showToast({
+								title: '上传接口报错' + error,
+								icon: 'none'
+							});
+							return;
+						}
+					});
+				});
+			});
+		},
+		imageInfos() {
+			var self = this;
+			return new Promise((resolve, reject) => {
+				uni.getImageInfo({
+					src: self.avatarUrl,
+					success: async res => {
+						let canvasWidth = res.width; //图片原始长宽
+						let canvasHeight = res.height;
+						if (canvasWidth > 1000 || canvasHeight > 1000) {
+							uni.compressImage({
+								src: self.avatarUrl,
+								quality: 75,
+								width: '50%',
+								height: '50%',
+								success: async rest => {
+									const waitUpload = await self.uploadFile(rest.tempFilePath, 0);
+									resolve();
+								}
+							});
+						} else {
+							console.log('无需压缩');
+							const waitUpload = await self.uploadFile(self.avatarUrl, 0);
+							resolve();
+						}
+					}
+				});
+			});
+		},
+		timeEvent() {
+			let self = this;
+			var polyvPlayerContext = this.selectComponent('#playerVideo');
+			if (polyvPlayerContext != null) {
+				
+				this.playTime = polyvPlayerContext.getCurrentTime() //播放时刻
+				//判断是否需要拍照
+				if (this.photoNum > 0) {
+					this.configPhoto()
+					if(this.photoIndex<this.photoList.length){
+						let photoTime = Number(this.photoList[this.photoIndex]); //获取拍照秒数
+						let nextIndex = this.photoIndex+1
+						let nextTime = 0
+						if(nextIndex<this.photoList.length){
+							nextTime = Number(this.photoList[nextIndex]); //获取下次拍照秒数
+						}
+						
+						if (photoTime < this.playTime) {
+							if(this.photoHistoryList.indexOf(this.photoIndex)<0){ //不存在拍照历史则拍照
+								//启动拍照
+								//暂停
+								polyvPlayerContext.exitFullScreen();
+								polyvPlayerContext.pause();
+								this.openPhoto();
+								this.photoIndex++;
+							}
+							
+							
+						}
+					}
+					
+				}
+			}
+		},
+		onStateChange(newstate, oldstate) {
+			if (newstate.detail.newstate == 'playing') {
+				//获取拍照历史
+				this.getPhotoLastRecord()
+				if (this.needSeek) {   
+					var polyvPlayerContext = this.selectComponent('#playerVideo');
+					polyvPlayerContext.seek(this.recordObj.studyDuration);
+					polyvPlayerContext.play();
+					this.needSeek = false;
+				}
+				//开始播放
+				if (this.timer) {
+					clearInterval(this.timer);
+				}
+				this.timer = setInterval(this.timeEvent, 1500); //定时器
+			}
+			if (newstate.detail.newstate == 'pause') {
+				//暂停提交记录
+				/* this.ossAvatarUrl = ""
+				this.postStudyRecord() */
+			}
+			if (newstate.detail.newstate == 'ended') {
+				this.postStudyRecord(1);
+			}
+		},
+		//拍照
+		openPhoto() {
+			this.photoPopup = true;
+			uni.authorize({
+			     scope: 'scope.camera',
+			     success() {
+			        
+			     }
+			 })
+		},
+		async submit() {
+			const waitYS = await this.imageInfos();
+			this.postCoursePhotoRecord()
+			this.postStudyRecord(); //提交记录
+			//恢复播放
+			var polyvPlayerContext = this.selectComponent('#playerVideo');
+			if (polyvPlayerContext != null) {
+				polyvPlayerContext.play();
+			}
+			console.log(this.ossAvatarUrl, '拍照完成456');
+		},
+		//确认拍照
+		takePhoto() {
+			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;
+				},
+				fail: err => {
+					console.log(err);
+				}
+			});
+		},
+		//拍照报错
+		error(e) {
+			console.log(e.detail);
+		},
+		//关闭相机
+		closePhoto() {
+			this.photoPopup = false;
+		},
+		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, "班级ID");
+				self.getMenuList();
+				self.getReMenuList(); //获取重修目录
+				setTimeout(function(){
+					if(!self.needProfileModal){
+						self.getGradeInfo()
+					}
+				},500)
+				
+				//获取节笔记
+				this.getNoteList();
+				if (self.goodsData.goodsPlayConfig) {
+					self.goodsPlayConfig = JSON.parse(self.goodsData.goodsPlayConfig);
+					if (self.goodsPlayConfig.autoPlay > 0) {
+						self.autoplay = true;
+					}
+					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.goodsData.goodsPhotographConfig) {
+					self.goodsPhotographConfig = JSON.parse(self.goodsData.goodsPhotographConfig);
+					if (self.goodsPhotographConfig.photoNum>0) {
+						self.photoNum = self.goodsPhotographConfig.photoNum
+						console.log(self.photoNum,777777)
+					}
+				}
+			});
+		},
+		startVideo() {
+			this.startStatus = true;
+		},
+		getAnswerList() {
+			let self = this;
+			this.$api.answerList({ courseId: this.courseId }).then(res => {
+				if (res.data.code == 200) {
+					self.answerList = res.data.rows;
+				}
+			});
+		},
+		getReMenuList() {
+			let self = this;
+			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];
+						item.down = true;
+						item.id = item.menuId;
+						item.name = item.menuName;
+					}
+					self.reMenuList = res.data.rows;
+					if(self.reMenuList.length>0){
+						self.list = [
+							
+							{
+								name: '目录'
+							},
+							{
+								name: '笔记'
+							},
+							{
+								name: '答疑'
+							},{name:'重修目录'}
+						];
+						this.current = 0;
+					} else {
+						self.list = [
+							
+							{
+								name: '目录'
+							},
+							{
+								name: '笔记'
+							},
+							{
+								name: '答疑'
+							}
+						];
+						this.current = 0;
+					}
+				}
+			});
+		},
+		getMenuList() {
+			let self = this;
+			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];
+						item.down = true;
+						item.id = item.menuId;
+						item.name = item.menuName;
+					}
+					self.menuList = res.data.rows;
+				}
+			});
+		},
+		courseDetail() {
+			let self = this;
+			this.$api.courseDetail(this.courseId).then(res => {
+				if (res.data.code == 200) {
+					self.detail = res.data.data;
+				}
+			});
+		},
+		open(item) {
+			item.showChildren = !item.showChildren;
+		},
+		change(index) {
+			this.current = index;
+		}
+	}
+};
+</script>
+
+<style lang="scss" scope>
+	.btnSet{
+		width: 440rpx;
+		height: 80rpx;
+		background: #007AFF;
+		border-radius: 40rpx;
+		color: #FFFFFF;
+		font-size: 28rpx;
+		line-height: 80rpx;
+	}
+.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 {
+	background-color: #FFFFFF;
+	border-radius: 32px 32px 0px 0px;
+	.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: center;
+		}
+		.centersq {
+			color: #333;
+			font-size: 30upx;
+			font-weight: 500;
+		}
+	}
+	.photoCenter {
+		width: 750upx;
+		height: 979upx;
+		position: relative;
+		.custom {
+			width: 750upx;
+			height: 979upx;
+			position: absolute;
+			z-index: 1000;
+			top: 0;
+			left: 0;
+			image {
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
+	.btnResult {
+		height: 100rpx;
+		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;
+	justify-content: space-between;
+}
+.chat3 {
+	font-size: 30rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #666666;
+	margin-top: 10rpx;
+}
+.chat2 {
+	font-size: 20rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #999999;
+	margin-top: 10rpx;
+}
+.chat1 {
+	font-size: 24rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #333333;
+}
+.leftPadding {
+	margin-left: 8rpx;
+}
+.t2Content {
+	font-size: 28rpx;
+	font-family: PingFang SC;
+	font-weight: bold;
+	color: #999999;
+	line-height: 48rpx;
+}
+.tBox2 {
+	display: flex;
+	padding-top: 10rpx;
+	color: #333333;
+	font-size: 30rpx;
+}
+.tBox {
+	display: flex;
+	align-items: center;
+	padding-top: 10rpx;
+}
+.title {
+	font-size: 24rpx;
+	color: #999999;
+}
+
+page {
+	padding-top: 10px;
+	padding-top: constant(safe-area-inset-top);
+	padding-top: env(safe-area-inset-top);
+}
+.inputBottom {
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	background: #ffffff;
+	height: 98rpx;
+	display: flex;
+	align-items: center;
+	width: 100%;
+	
+	.flex_auto {
+		flex:1;
+		margin-left: 10% ;
+		
+		.input {
+			height:60rpx;
+		}
+	}
+	
+	.btn {
+		color: #007AFF;font-size: 30rpx;font-weight: bold;width: 15%;text-align: center;
+	}
+}
+.noteBox {
+	width: 100%;
+	background: #ffffff;
+	padding: 10rpx;
+	border-radius: 16rpx;
+}
+.dateBox {
+	width: 216rpx;
+	height: 48rpx;
+	background: #ffffff;
+	border-radius: 24rpx;
+	font-size: 24rpx;
+	color: #666666;
+	text-align: center;
+	line-height: 48rpx;
+	margin: 20rpx 0;
+}
+.t_content1 {
+	color: #007aff;
+	margin-left: 10rpx;
+}
+.tag1 {
+	border: 2rpx solid #007aff;
+	border-radius: 8rpx;
+	font-size: 20rpx;
+	color: #007aff;
+	padding: 5rpx;
+}
+.b_title {
+	color: #333333;
+	font-size: 30rpx;
+	font-weight: bold;
+}
+page {
+	background: #eaeef1;
+}
+.menuBox {
+	width: 100%;
+	background: #ffffff;
+	border-radius: 16rpx;
+	padding: 20rpx;
+	margin-bottom: 20rpx;
+}
+.btnspric {
+	border-top: 1rpx solid #eee;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	height: 108rpx;
+	padding-left: 43rpx;
+	padding-right: 32rpx;
+}
+.btnspric > .lefprL {
+	font-size: 36rpx;
+	color: #0c141f;
+	font-weight: bold;
+}
+.btnspric > .lefprR {
+	padding: 0rpx 24rpx;
+	height: 60rpx;
+	line-height: 60rpx;
+	text-align: center;
+	color: #fff;
+	background: #32467b;
+	border-radius: 24rpx;
+	box-shadow: 0rpx 0rpx 16rpx 4rpx rgba(145, 156, 178, 0.1);
+}
+.yhj,
+.hdyhj {
+	padding: 24rpx 29rpx 24rpx 34rpx;
+}
+.yhj {
+	border-bottom: 16rpx solid #f9f9f9;
+}
+.yhjtit {
+	font-size: 30rpx;
+	color: #0c141f;
+	font-weight: 500;
+	margin-bottom: 14rpx;
+}
+.yhjList {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-bottom: 14rpx;
+}
+.yhjList > .yhjLefts {
+	display: flex;
+	align-items: center;
+}
+.yhjLefts > .yhl {
+	color: #32467b;
+	font-size: 30rpx;
+	margin-right: 31rpx;
+}
+.yhjLefts > .yhbq {
+	font-size: 24rpx;
+	color: #ff9500;
+	border-radius: 18rpx;
+	background-color: rgba(255, 149, 0, 0.2);
+	border: 2rpx solid #ff9500;
+	height: 38rpx;
+	line-height: 38rpx;
+	padding: 0rpx 16rpx;
+}
+.ts {
+	font-size: 24rpx;
+	color: #999;
+	margin: 14rpx 0rpx;
+	padding-right: 29rpx;
+	padding-left: 34rpx;
+}
+.yh {
+	padding-top: 20rpx;
+}
+.yh > .yhtitle {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding-right: 29rpx;
+	padding-left: 34rpx;
+}
+.priceBxs {
+	display: flex;
+	align-items: center;
+}
+.priceBxs > .pricleft {
+	border-radius: 24rpx;
+	border: 1rpx solid #e91313;
+	background-color: rgba(233, 19, 19, 0.1);
+	padding: 0rpx 18rpx;
+	height: 49rpx;
+	line-height: 49rpx;
+	text-align: center;
+	font-size: 30rpx;
+	font-weight: 500;
+	color: #e91313;
+	margin-right: 13rpx;
+}
+.topBox {
+	padding: 32rpx 32rpx 24rpx;
+	border-bottom: 1rpx solid #eeeeee;
+}
+.topBox > .boldFonstType {
+	font-weight: 500;
+	font-size: 30rpx;
+	margin: 16rpx 0rpx 23rpx;
+}
+.topBox > .firstTopL {
+	display: flex;
+	align-items: center;
+}
+.topBox > .firstTopL > .imageBs {
+	width: 331rpx;
+	height: 160rpx;
+	border-radius: 6rpx;
+	overflow: hidden;
+	margin-right: 8rpx;
+	box-shadow: 0rpx 6rpx 6rpx 0rpx rgba(47, 67, 121, 0.08);
+}
+.topBox > .firstTopL > .imageBs > image {
+	width: 100%;
+	height: 100%;
+}
+.topBox > .firstTopL > .textBs {
+	font-size: 30rpx;
+	font-weight: bold;
+	color: #0c141f;
+}
+.content {
+	padding: 24rpx;
+	text-align: left;
+}
+.catalogBox {
+	display: flex;
+	align-items: center;
+	flex-wrap: nowrap;
+	overflow-x: auto;
+	padding-left: 38rpx;
+	max-height: 305rpx;
+	overflow-y: auto;
+	transition: all 0.4s;
+}
+.catalogBox > .catalogA {
+	min-width: 200rpx;
+	height: 48rpx;
+	line-height: 48rpx;
+	// text-align: center;
+	border: 2rpx solid transparent;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	word-break: break-all;
+	border-radius: 10rpx;
+	background: rgba(22, 119, 255, 0.05);
+	padding-left: 19rpx;
+	box-sizing: border-box;
+	padding-right: 15rpx;
+	margin-right: 16rpx;
+	margin-bottom: 20rpx;
+	margin-top: 15rpx;
+	font-size: 24rpx;
+	color: #666;
+}
+.catalogBox > .activesq {
+	border-color: #1677ff;
+}
+.changeCatalogBox {
+	display: block;
+}
+.catalogBox::-webkit-scrollbar {
+	display: none; /* Chrome Safari */
+}
+.box {
+	position: relative;
+	top: 650rpx;
+	padding-bottom: 88rpx;
+	margin: 20rpx;
+}
+.price_t2 {
+	font-size: 18rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	text-decoration: line-through;
+	color: #999999;
+}
+.price_t1 {
+	font-size: 33rpx;
+	font-family: PingFang SC;
+	font-weight: bold;
+	color: #e91313;
+}
+.sc_t {
+	font-size: 22rpx;
+	color: #000000;
+}
+.sc {
+	width: 29rpx;
+	height: 29rpx;
+}
+.buy {
+	width: 138rpx;
+	height: 48rpx;
+	line-height: 48rpx;
+	background: #32467b;
+	border-radius: 10rpx;
+	color: #ffffff;
+	font-size: 28rpx;
+	text-align: center;
+	vertical-align: middle;
+	position: absolute;
+	right: 30rpx;
+}
+.video_body {
+	padding-bottom: 96rpx;
+}
+.footer_tab {
+	position: fixed;
+	bottom: 0;
+	height: 96rpx;
+	width: 100%;
+	background-color: #ffffff;
+}
+.tj_box {
+	width: 50%;
+	display: inline-block;
+	text-align: center;
+	margin: 10rpx 0;
+}
+.teacher_t {
+	font-size: 24rpx;
+	font-family: PingFang SC;
+	font-weight: 400;
+	color: #666666;
+	line-height: 36rpx;
+	margin-left: 15rpx;
+}
+.teacher_img {
+	width: 87rpx;
+	height: 129rpx;
+}
+.t2 {
+	font-size: 24rpx;
+	font-family: PingFang SC;
+	color: #666666;
+	line-height: 36rpx;
+	margin: 15rpx;
+}
+.r_t2 {
+	width: 201rpx;
+	height: 49rpx;
+	background: rgba(22, 119, 255, 0.05);
+	border: 1rpx solid #32467b;
+	border-radius: 16rpx;
+	color: #666666;
+	font-size: 23rpx;
+	text-align: center;
+	display: flex;
+	align-items: center;
+	padding: 5rpx;
+}
+.scroll_box {
+	width: 100%;
+	height: 60rpx;
+	background: #ffffff;
+	box-shadow: 0rpx 0rpx 16rpx 4rpx rgba(145, 156, 178, 0.1);
+	white-space: nowrap;
+	overflow: hidden;
+	margin: 15rpx 0;
+}
+.r_sliper {
+	padding: 0 20rpx;
+}
+.top_line {
+	width: 6rpx;
+	height: 22rpx;
+	background: #32467b;
+	margin-right: 10rpx;
+}
+.video_t2 {
+	font-size: 24rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #666666;
+}
+.video_t1 {
+	height: 80rpx;
+	color: #333333;
+	line-height: 80rpx;
+	font-size: 30rpx;
+	font-family: PingFang SC;
+	font-weight: bold;
+	color: #333333;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.video_t1_t {
+	display: flex;
+	flex-direction: column;
+	height: 80rpx;
+	color: #333333;
+	text-align: center;
+	align-items: center;
+	border-left: solid 1px #d6d6db;
+}
+.video_play {
+	position: absolute;
+	width: 95rpx;
+	height: 95rpx;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	margin: auto;
+}
+.video_box {
+	position: relative;
+}
+.rotoct {
+	transform: rotate(90deg);
+}
+</style>

store/index.js

@@ -15,8 +15,10 @@ const store = new Vuex.Store({
 		shoppingCartList: [], //购物车支付商品
 		applyData: {}, //预约考试数据存放
 		backPageApplyData: {}, //预约考试返回页面的数据存放
-		playSectionId: 0,
+		playSectionId: 0, //正在播放的录播节ID
 		copyData: null, //存放审核资料数据
+		playChannelId: 0, //正在播放的直播频道号
+		playVID: 0, //正在播放的保利威视频ID
 	},
 	getters: {
 		userInfo: state => {
@@ -66,6 +68,8 @@ const store = new Vuex.Store({
 			return state.playSectionId
 		},
 		getCopyData: state => state.copyData,
+		playChannelId: state => state.playChannelId,
+		playVID: state => state.playVID,
 	},
 	mutations: {
 		tabNum(state, nums) {
@@ -102,6 +106,12 @@ const store = new Vuex.Store({
 		setPlaySectionId(state, provider) {
 			state.playSectionId = provider.playSectionId;
 		},
+		setPlayChannelId(state, provider) {
+			state.playChannelId = provider.playChannelId;
+		},
+		setPlayVID(state, provider) {
+			state.playVID = provider.playVID;
+		},
 	},
 	actions: {
 		changeTabsNum({