video-class-detail-legacy.5c636116.js 13 KB

1234567891011
  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.141c974d.js','./index-legacy.f9759ffc.js','./index-legacy.fa4145a4.js','./index-legacy.69ca4eed.js','./index-legacy.595c24c3.js','./vendor-legacy.09f20d09.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.e765b7f7.js','./bars-legacy.9085ff9b.js','./index-legacy.f25f109a4.js','./index-legacy.f25f109a8.js'],function(exports){'use strict';var CourseVideoItem,SectionDetail,ColHeader,ColVideo,state,request,ColResult,defineComponent,Toast,createVNode,Cell,Icon,createTextVNode,Tabs,Tab,isVNode,List,Image,dayjs,Field,Button,IconAvator;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;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){IconAvator=module.I;},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,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$,res,result,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;//
  6. _this.reload=true;_context.next=7;return request.get('/api-student/videoLesson/selectVideoLesson',{params:{groupId:_this.groupId}});case 7:res=_context.sent;result=res.data||{};_this.title=result.lessonGroup.lessonName;_this.lessonPrice=result.lessonGroup.lessonPrice;_this.detailList=result.detailList||[];_this.trySee=!result.alreadyBuy;_this.detailList.forEach(function(item,index){if(item.id===Number(_this.classId)){_this.posterUrl=item.coverUrl;_this.srcUrl=item.videoUrl;_this.title=item.videoTitle;_this.currentClassIndex=index+1;_this.videoContent=item.videoContent;}});_this.reload=false;_context.next=17;return request.get('/api-student/sysConfig/queryByParamNameList',{params:{paramNames:'video_lesson_free_rate'}});case 17:config=_context.sent;_this.freeRate=((_config$data$=config.data[0])===null||_config$data$===void 0?void 0:_config$data$.paramValue)||0;_context.next=23;break;case 21:_context.prev=21;_context.t0=_context["catch"](3);case 23:_this.getList();case 24:case"end":return _context.stop();}}},_callee,null,[[3,21]]);}))();},methods:{onSearch:function onSearch(){this.params.page=1;this.list=[];this.dataShow=true;// 判断是否有数据
  7. this.loading=false;this.finished=false;this.getList();},getList:function getList(){var _this2=this;return _asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee2(){var params,res,result;return regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:_context2.prev=0;params=_this2.params;_context2.next=4;return request.post('/api-student/videoLesson/page',{data:_objectSpread(_objectSpread({},params),{},{videoId:_this2.classId})});case 4:res=_context2.sent;_this2.loading=false;result=res.data||{};// 处理重复请求数据
  8. if(!(_this2.list.length>0&&result.pageNo===1)){_context2.next=9;break;}return _context2.abrupt("return");case 9:_this2.list=_this2.list.concat(result.rows||[]);_this2.finished=result.pageNo>=result.totalPage;_this2.params.page=result.pageNo+1;_this2.dataShow=_this2.list.length>0;_context2.next=19;break;case 15:_context2.prev=15;_context2.t0=_context2["catch"](0);_this2.dataShow=false;_this2.finished=true;case 19:case"end":return _context2.stop();}}},_callee2,null,[[0,15]]);}))();},onPlay:function onPlay(item){var _this3=this;// 判断是否点击的是当前播放的视频
  9. 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(){_this3.reload=false;},0);},onSubmit:function onSubmit(){var _this4=this;return _asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee3(){return regeneratorRuntime.wrap(function _callee3$(_context3){while(1){switch(_context3.prev=_context3.next){case 0:_context3.prev=0;_context3.next=3;return request.post('/api-student/videoLesson/evaluate',{data:{isTeacher:0,videoId:_this4.classId,content:_this4.message,studentId:state.user.data.userId}});case 3:Toast('评论成功');_this4.message='';setTimeout(function(){_this4.onSearch();},500);_context3.next=10;break;case 8:_context3.prev=8;_context3.t0=_context3["catch"](0);case 10:case"end":return _context3.stop();}}},_callee3,null,[[0,8]]);}))();}},render:function render(){var _this5=this;var _slot,_slot2;return createVNode("div",{"class":styles['video-class-detail']},[createVNode(ColHeader,null,{default:function _default(){return!_this5.reload&&createVNode(ColVideo,{"freeRate":Number(_this5.freeRate),"freeTitleStatus":_this5.lessonPrice>0?true:false,"trySee":_this5.trySee,"src":_this5.srcUrl,"poster":_this5.posterUrl,"height":_this5.videoHeight},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,[_this5.currentClassIndex]),createTextVNode("/"),_this5.detailList.length,createTextVNode("\u8BFE\u65F6")]);}}),createVNode("div",{"class":styles.videoDesc},[this.videoContent]),createVNode(Tabs,{"active":this.tabIndex,"onUpdate:active":function onUpdateActive($event){return _this5.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)`,
  10. overflowY:'auto'}},[createVNode(SectionDetail,{"title":"课程列表","icon":"courseList","border":true},_isSlot(_slot=_this5.detailList.map(function(item,index){return createVNode(CourseVideoItem,{"class":'mb12',"playId":Number(_this5.classId),"detail":{id:item.id,title:item.videoTitle,content:item.videoContent,imgUrl:item.coverUrl,videoUrl:item.videoUrl,index:index+1},"onPlay":_this5.onPlay},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)`,
  11. overflowY:'auto',marginBottom:'calc(var(--van-cell-vertical-padding) * 2 + var( --van-cell-line-height))'}},[_this5.dataShow?createVNode(List,{"loading":_this5.loading,"onUpdate:loading":function onUpdateLoading($event){return _this5.loading=$event;},"finished":_this5.finished,"finishedText":" ","immediateCheck":false,"onLoad":_this5.getList},_isSlot(_slot2=_this5.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||IconAvator,"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":_this5.message,"onUpdate:modelValue":function onUpdateModelValue($event){return _this5.message=$event;}},{button:function button(){return createVNode(Button,{"type":"primary","disabled":!_this5.message,"style":{padding:'0 20px'},"size":"small","round":true,"onClick":_this5.onSubmit},{default:function _default(){return[createTextVNode("\u53D1\u5E03")];}});}})])];}})];}})]);}}));}};});})();