video-class-detail-legacy.543c8417.js 16 KB

12345678910
  1. ;(function(){function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._video-class-detail_hpnky_1{min-height:100vh}._video-class-detail_hpnky_1 ._videoDesc_hpnky_4{background-color:#fff;padding:0 .37333rem .42667rem;margin-bottom:.16rem;font-size:.37333rem;line-height:.53333rem;color:#7a7a7a}._video-class-detail_hpnky_1 ._titleInfo_hpnky_12{padding-left:.21333rem;font-size:.4rem;font-weight:500;color:#1a1a1a;flex:1 auto;max-width:6.66667rem}._video-class-detail_hpnky_1 ._label_hpnky_20{font-size:.37333rem}._video-class-detail_hpnky_1 ._label_hpnky_20 span,._video-class-detail_hpnky_1 .van-tab--active{color:var(--van-primary)}._video-class-detail_hpnky_1 .van-field__value{background:#f7f7f7;border-radius:.8rem;padding-left:.4rem}._video-class-detail_hpnky_1 .van-tab__panel{overflow:hidden}._video-class-detail_hpnky_1 ._message-list_hpnky_37._message-active_hpnky_37 ._title_hpnky_12,._video-class-detail_hpnky_1 ._message-list_hpnky_37._message-active_hpnky_37 ._label_hpnky_20{color:var(--van-primary)!important}._video-class-detail_hpnky_1 ._message-list_hpnky_37 ._message-name_hpnky_41{flex-basis:65%;line-height:1.2}._video-class-detail_hpnky_1 ._message-list_hpnky_37 ._message-time_hpnky_45{font-size:.32rem;color:#999;flex-basis:35%}._video-class-detail_hpnky_1 ._message-list_hpnky_37 ._userLogo_hpnky_50{width:.90667rem;height:.90667rem;border-radius:50%;margin-right:.21333rem;overflow:hidden}._video-class-detail_hpnky_1 ._message-list_hpnky_37 ._title_hpnky_12{display:flex;justify-content:space-between;font-size:.37333rem;color:#999;font-weight:500}._video-class-detail_hpnky_1 ._message-list_hpnky_37 ._label_hpnky_20{font-size:.37333rem;color:#333;line-height:.53333rem}._messageContainer_hpnky_69{position:fixed;bottom:0;left:0;right:0}\n";document.head.appendChild(__vite_style__);System.register(['./index-legacy.39205803.js','./index-legacy.c1921e81.js','./index-legacy.a02a49f0.js','./index-legacy.e6c5a2fc.js','./index-legacy.021e09ba.js','./vendor-legacy.9789418d.js','./index-legacy.f25f109a.js','./index-legacy.f25f109a3.js','./index-legacy.637f3556.js','./index-legacy.637f35562.js','./index-legacy.f25f109a2.js','./index-legacy.f25f109a5.js','./index-legacy.f25f109a6.js','./icon_teacher-legacy.42ba77b1.js','./orderStatus-legacy.d8e931b5.js','./index-legacy.f25f109a10.js','./bars-legacy.9085ff9b.js','./icon_album_active-legacy.c8ab1979.js','./icon_music_active-legacy.3fdaaafc.js','./index-legacy.f25f109a4.js','./index-legacy.f25f109a8.js','./plyr-legacy.180f4c53.js'],function(exports){'use strict';var CourseVideoItem,SectionDetail,ColHeader,ColVideo,state,request,ColResult,defineComponent,Toast,createVNode,Dialog,Cell,Icon,createTextVNode,Tabs,Tab,isVNode,List,Image,dayjs,Field,Button,iconTeacher,orderStatus,onSubmitZero;return{setters:[function(module){CourseVideoItem=module.C;},function(module){SectionDetail=module.S;},function(module){ColHeader=module.C;},function(module){ColVideo=module.C;},function(module){state=module.s;request=module.r;ColResult=module.C;},function(module){defineComponent=module.d;Toast=module.T;createVNode=module.a;Dialog=module.D;Cell=module.C;Icon=module.K;createTextVNode=module.j;Tabs=module.v;Tab=module.w;isVNode=module.x;List=module.M;Image=module.I;dayjs=module.g;Field=module.G;Button=module.B;},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(module){iconTeacher=module.i;},function(module){orderStatus=module.o;onSubmitZero=module.a;},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function execute(){var videoDesc="_videoDesc_hpnky_4";var titleInfo="_titleInfo_hpnky_12";var label="_label_hpnky_20";var title="_title_hpnky_12";var userLogo="_userLogo_hpnky_50";var messageContainer="_messageContainer_hpnky_69";var styles={"video-class-detail":"_video-class-detail_hpnky_1",videoDesc:videoDesc,titleInfo:titleInfo,label:label,"message-list":"_message-list_hpnky_37","message-active":"_message-active_hpnky_37",title:title,"message-name":"_message-name_hpnky_41","message-time":"_message-time_hpnky_45",userLogo:userLogo,messageContainer:messageContainer};function _isSlot(s){return typeof s==='function'||Object.prototype.toString.call(s)==='[object Object]'&&!isVNode(s);}var videoClassDetail=exports('default',defineComponent({name:'VideoClassDetail',data:function data(){var query=this.$route.query;return{groupId:query.groupId,classId:query.classId,tabIndex:1,title:'',lessonPrice:0,useRelationType:'',alreadyBuy:false,videoDetail:{},detailList:[],posterUrl:'',srcUrl:'',message:'',navHeight:0,currentClassIndex:1,reload:false,videoContent:'',list:[],dataShow:true,// 判断是否有数据
  2. loading:false,finished:false,params:{page:1,rows:20},freeRate:0,// 试看百分比
  3. trySee:false,// 是否试看
  4. videoHeight:'212px'};},computed:{users:function users(){return state.user.data;},offsetTop:function offsetTop(){var navHeight=this.navHeight;var top=Number(navHeight)+44;return top+'px';}},mounted:function mounted(){var _this=this;return _asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee(){var width,_config$data$,config;return regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:// 处理视频显示
  5. width=document.body.clientWidth||document.body.offsetWidth;_this.videoHeight=width/16*9+'px';_this.navHeight=sessionStorage.getItem('navHeight')||0;_context.prev=3;_context.next=6;return _this.__init();case 6:_context.next=8;return request.get('/api-student/sysConfig/queryByParamNameList',{params:{paramNames:'video_lesson_free_rate'}});case 8:config=_context.sent;_this.freeRate=((_config$data$=config.data[0])===null||_config$data$===void 0?void 0:_config$data$.paramValue)||0;_context.next=14;break;case 12:_context.prev=12;_context.t0=_context["catch"](3);case 14:_this.getList();case 15:case"end":return _context.stop();}}},_callee,null,[[3,12]]);}))();},methods:{__init:function __init(){var _this2=this;return _asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee2(){var res,result;return regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:_context2.prev=0;_this2.reload=true;_context2.next=4;return request.get('/api-student/videoLesson/selectVideoLesson',{params:{groupId:_this2.groupId}});case 4:res=_context2.sent;result=res.data||{};_this2.videoDetail=result.lessonGroup;_this2.title=result.lessonGroup.lessonName;_this2.lessonPrice=result.lessonGroup.lessonPrice;_this2.useRelationType=result.lessonGroup.relationType;_this2.alreadyBuy=result.alreadyBuy;_this2.detailList=result.detailList||[];_this2.trySee=!result.alreadyBuy;_this2.detailList.forEach(function(item,index){if(item.id===Number(_this2.classId)){_this2.posterUrl=item.coverUrl;_this2.srcUrl=item.videoUrl;_this2.title=item.videoTitle;_this2.currentClassIndex=index+1;_this2.videoContent=item.videoContent;}});_this2.reload=false;_context2.next=19;break;case 17:_context2.prev=17;_context2.t0=_context2["catch"](0);case 19:case"end":return _context2.stop();}}},_callee2,null,[[0,17]]);}))();},onSearch:function onSearch(){this.params.page=1;this.list=[];this.dataShow=true;// 判断是否有数据
  6. this.loading=false;this.finished=false;this.getList();},getList:function getList(){var _this3=this;return _asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee3(){var params,res,result;return regeneratorRuntime.wrap(function _callee3$(_context3){while(1){switch(_context3.prev=_context3.next){case 0:_context3.prev=0;params=_this3.params;_context3.next=4;return request.post('/api-student/videoLesson/page',{data:_objectSpread(_objectSpread({},params),{},{videoId:_this3.classId})});case 4:res=_context3.sent;_this3.loading=false;result=res.data||{};// 处理重复请求数据
  7. if(!(_this3.list.length>0&&result.pageNo===1)){_context3.next=9;break;}return _context3.abrupt("return");case 9:_this3.list=_this3.list.concat(result.rows||[]);_this3.finished=result.pageNo>=result.totalPage;_this3.params.page=result.pageNo+1;_this3.dataShow=_this3.list.length>0;_context3.next=19;break;case 15:_context3.prev=15;_context3.t0=_context3["catch"](0);_this3.dataShow=false;_this3.finished=true;case 19:case"end":return _context3.stop();}}},_callee3,null,[[0,15]]);}))();},onPlay:function onPlay(item){var _this4=this;// 判断是否点击的是当前播放的视频
  8. if(item.id===Number(this.classId)){return;}this.reload=true;this.posterUrl=item.imgUrl;this.srcUrl=item.videoUrl;this.title=item.title;this.currentClassIndex=item.index;this.videoContent=item.content;this.classId=item.id;this.onSearch();setTimeout(function(){_this4.reload=false;},0);},onSubmit:function onSubmit(){var _this5=this;return _asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee4(){return regeneratorRuntime.wrap(function _callee4$(_context4){while(1){switch(_context4.prev=_context4.next){case 0:_context4.prev=0;_context4.next=3;return request.post('/api-student/videoLesson/evaluate',{data:{isTeacher:0,videoId:_this5.classId,content:_this5.message,studentId:state.user.data.userId}});case 3:Toast('评论成功');_this5.message='';setTimeout(function(){_this5.onSearch();},500);_context4.next=10;break;case 8:_context4.prev=8;_context4.t0=_context4["catch"](0);case 10:case"end":return _context4.stop();}}},_callee4,null,[[0,8]]);}))();}},render:function render(){var _this6=this;var _slot,_slot2;return createVNode("div",{"class":styles['video-class-detail']},[createVNode(ColHeader,null,{default:function _default(){return!_this6.reload&&createVNode(ColVideo,{"freeRate":Number(_this6.freeRate),"freeTitleStatus":_this6.lessonPrice>0?true:false,"trySee":_this6.trySee,"src":_this6.srcUrl,"poster":_this6.posterUrl,"height":_this6.videoHeight,"isBuy":true,"onBuyEmit":function(){var _onBuyEmit=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee5(){var userInfo;return regeneratorRuntime.wrap(function _callee5$(_context5){while(1){switch(_context5.prev=_context5.next){case 0:if(!(_this6.lessonPrice>0)){_context5.next=3;break;}_this6.$router.back();return _context5.abrupt("return");case 3:_context5.prev=3;userInfo=_this6.videoDetail;orderStatus.orderObject.orderType='VIDEO';orderStatus.orderObject.orderName='视频课购买';orderStatus.orderObject.orderDesc='视频课购买';orderStatus.orderObject.actualPrice=userInfo.lessonPrice;orderStatus.orderObject.recomUserId='';orderStatus.orderObject.orderNo='';orderStatus.orderObject.orderList=[{orderType:'VIDEO',goodsName:'视频课购买',courseGroupId:userInfo.id,courseGroupName:userInfo.lessonName,coursePrice:userInfo.lessonPrice,teacherName:userInfo.username||"\u6E38\u5BA2".concat(userInfo.teacherId||''),teacherId:userInfo.teacherId,avatar:userInfo.headUrl,relationType:userInfo.relationType,courseInfo:_this6.detailList,recomUserId:''}];_context5.next=14;return onSubmitZero(function(){Dialog.alert({message:'领取成功',confirmButtonText:'确定',confirmButtonColor:'#2dc7aa'}).then(function(){_this6.__init();});});case 14:_context5.next=18;break;case 16:_context5.prev=16;_context5.t0=_context5["catch"](3);case 18:case"end":return _context5.stop();}}},_callee5,null,[[3,16]]);}));function onBuyEmit(){return _onBuyEmit.apply(this,arguments);}return onBuyEmit;}()},null);}}),createVNode(Cell,{"border":false,"class":styles.cell,"title":this.title,"titleClass":[styles.titleInfo,'van-ellipsis']},{icon:function icon(){return createVNode(Icon,{"name":"video","size":18,"color":"var(--van-primary)","style":{display:'flex',alignItems:'center'}},null);},value:function value(){return createVNode("div",{"class":styles.label},[createVNode("span",null,[_this6.currentClassIndex]),createTextVNode("/"),_this6.detailList.length,createTextVNode("\u8BFE\u65F6")]);}}),createVNode("div",{"class":styles.videoDesc},[this.videoContent]),createVNode(Tabs,{"active":this.tabIndex,"onUpdate:active":function onUpdateActive($event){return _this6.tabIndex=$event;},"class":styles.infoField,"color":"var(--van-primary)","sticky":true,"offsetTop":this.offsetTop,"lineWidth":20},{default:function _default(){return[createVNode(Tab,{"title":"目录","name":1},{default:function _default(){return[createVNode("div",{"style":{// height: `calc(100vh - 320px - ${this.navHeight}px)`,
  9. overflowY:'auto'}},[createVNode(SectionDetail,{"title":"课程列表","icon":"courseList","border":true},_isSlot(_slot=_this6.detailList.map(function(item,index){var musicAlbumInfos=item.musicAlbumInfos||[];var temp=musicAlbumInfos.map(function(info){return{relationMusicAlbum:info.relationType,musicAlbumName:info.name,musicAlbumId:info.musicAlbumId,status:info.status,useRelationType:_this6.useRelationType};});return createVNode(CourseVideoItem,{"musicAlbumInfos":temp,"playId":Number(_this6.classId),"detail":{id:item.id,title:item.videoTitle,content:item.videoContent,imgUrl:item.coverUrl,videoUrl:item.videoUrl,index:index+1},"onPlay":_this6.onPlay,"onMusicAlbumDetail":function onMusicAlbumDetail(item){if(!_this6.alreadyBuy&&!item.status){Toast('数据正在更新,请稍后再试');return;}if(item.relationMusicAlbum==='MUSIC'){_this6.$router.push({path:'/music-detail',query:{id:item.musicAlbumId}});}else if(item.relationMusicAlbum==='ALBUM'){_this6.$router.push({path:'/music-album-detail/'+item.musicAlbumId});}}},null);}))?_slot:{default:function _default(){return[_slot];}})])];}}),createVNode(Tab,{"title":"讨论","name":3},{default:function _default(){return[createVNode("div",{"style":{// height: `calc(100vh - 380px - ${this.navHeight}px)`,
  10. overflowY:'auto',marginBottom:'calc(var(--van-cell-vertical-padding) * 2 + var( --van-cell-line-height))'}},[_this6.dataShow?createVNode(List,{"loading":_this6.loading,"onUpdate:loading":function onUpdateLoading($event){return _this6.loading=$event;},"finished":_this6.finished,"finishedText":" ","immediateCheck":false,"onLoad":_this6.getList},_isSlot(_slot2=_this6.list.map(function(item){return createVNode(Cell,{"class":[styles['message-list'],item.isTeacher===1&&styles['message-active']],"valueClass":styles['message-time']},{icon:function icon(){return createVNode(Image,{"class":styles.userLogo,"src":item.avatar||iconTeacher,"fit":"cover"},null);},title:function title(){return createVNode("div",{"class":styles.title},[createVNode("div",{"class":styles['message-name']},[item.userName]),createVNode("div",{"class":styles['message-time']},[dayjs(item.evaluateTime).format('YYYY年MM月DD日')])]);},label:function label(){return createVNode("div",{"class":styles.label},[item.content]);}});}))?_slot2:{default:function _default(){return[_slot2];}}):createVNode(ColResult,{"btnStatus":false,"tips":"暂无讨论"},null)]),createVNode("div",{"class":styles.messageContainer},[createVNode(Field,{"placeholder":"快来讨论吧~","modelValue":_this6.message,"onUpdate:modelValue":function onUpdateModelValue($event){return _this6.message=$event;}},{button:function button(){return createVNode(Button,{"type":"primary","disabled":!_this6.message,"style":{padding:'0 20px'},"size":"small","round":true,"onClick":_this6.onSubmit},{default:function _default(){return[createTextVNode("\u53D1\u5E03")];}});}})])];}})];}})]);}}));}};});})();