video-class-detail.effac80c.js 6.2 KB

1
  1. var _=Object.defineProperty,b=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var h=(s,i,e)=>i in s?_(s,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[i]=e,c=(s,i)=>{for(var e in i||(i={}))x.call(i,e)&&h(s,e,i[e]);if(d)for(var e of d(i))C.call(i,e)&&h(s,e,i[e]);return s},u=(s,i)=>b(s,I(i));import{C as j}from"./index.b11bc797.js";import{S as L}from"./index.b22658df.js";import{C as S}from"./index.d346cff7.js";import{C as U}from"./index.3c22e26d.js";import{s as p,r as n,C as T}from"./index.47b0863e.js";import{d as w,T as N,a as t,C as m,u as k,j as r,G as D,H as g,x as H,w as V,I as P,g as B,p as Y,B as R}from"./vendor.5359187d.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{i as q}from"./icon_teacher.40b6f077.js";import"./bars.4f1962a6.js";/* empty css *//* empty css */const F="_videoDesc_hpnky_4",E="_titleInfo_hpnky_12",G="_label_hpnky_20",W="_title_hpnky_12",z="_userLogo_hpnky_50",M="_messageContainer_hpnky_69";var a={"video-class-detail":"_video-class-detail_hpnky_1",videoDesc:F,titleInfo:E,label:G,"message-list":"_message-list_hpnky_37","message-active":"_message-active_hpnky_37",title:W,"message-name":"_message-name_hpnky_41","message-time":"_message-time_hpnky_45",userLogo:z,messageContainer:M};function f(s){return typeof s=="function"||Object.prototype.toString.call(s)==="[object Object]"&&!H(s)}var he=w({name:"VideoClassDetail",data(){const s=this.$route.query;return{groupId:s.groupId,classId:s.classId,tabIndex:1,title:"",lessonPrice:0,detailList:[],posterUrl:"",srcUrl:"",message:"",navHeight:0,currentClassIndex:1,reload:!1,videoContent:"",list:[],dataShow:!0,loading:!1,finished:!1,params:{page:1,rows:20},freeRate:0,trySee:!1,videoHeight:"212px"}},computed:{users(){return p.user.data},offsetTop(){const s=this.navHeight;return Number(s)+44+"px"}},async mounted(){var i;const s=document.body.clientWidth||document.body.offsetWidth;this.videoHeight=s/16*9+"px",this.navHeight=sessionStorage.getItem("navHeight")||0;try{this.reload=!0;const o=(await n.get("/api-student/videoLesson/selectVideoLesson",{params:{groupId:this.groupId}})).data||{};this.title=o.lessonGroup.lessonName,this.lessonPrice=o.lessonGroup.lessonPrice,this.detailList=o.detailList||[],this.trySee=!o.alreadyBuy,this.detailList.forEach((l,y)=>{l.id===Number(this.classId)&&(this.posterUrl=l.coverUrl,this.srcUrl=l.videoUrl,this.title=l.videoTitle,this.currentClassIndex=y+1,this.videoContent=l.videoContent)}),this.reload=!1;const v=await n.get("/api-student/sysConfig/queryByParamNameList",{params:{paramNames:"video_lesson_free_rate"}});this.freeRate=((i=v.data[0])==null?void 0:i.paramValue)||0}catch{}this.getList()},methods:{onSearch(){this.params.page=1,this.list=[],this.dataShow=!0,this.loading=!1,this.finished=!1,this.getList()},async getList(){try{let s=this.params;const i=await n.post("/api-student/videoLesson/page",{data:u(c({},s),{videoId:this.classId})});this.loading=!1;const e=i.data||{};if(this.list.length>0&&e.pageNo===1)return;this.list=this.list.concat(e.rows||[]),this.finished=e.pageNo>=e.totalPage,this.params.page=e.pageNo+1,this.dataShow=this.list.length>0}catch{this.dataShow=!1,this.finished=!0}},onPlay(s){s.id!==Number(this.classId)&&(this.reload=!0,this.posterUrl=s.imgUrl,this.srcUrl=s.videoUrl,this.title=s.title,this.currentClassIndex=s.index,this.videoContent=s.content,this.classId=s.id,this.onSearch(),setTimeout(()=>{this.reload=!1},0))},async onSubmit(){try{await n.post("/api-student/videoLesson/evaluate",{data:{isTeacher:0,videoId:this.classId,content:this.message,studentId:p.user.data.userId}}),N("\u8BC4\u8BBA\u6210\u529F"),this.message="",setTimeout(()=>{this.onSearch()},500)}catch{}}},render(){let s,i;return t("div",{class:a["video-class-detail"]},[t(S,null,{default:()=>!this.reload&&t(U,{freeRate:Number(this.freeRate),freeTitleStatus:this.lessonPrice>0,trySee:this.trySee,src:this.srcUrl,poster:this.posterUrl,height:this.videoHeight},null)}),t(m,{border:!1,class:a.cell,title:this.title,titleClass:[a.titleInfo,"van-ellipsis"]},{icon:()=>t(k,{name:"video",size:18,color:"var(--van-primary)",style:{display:"flex",alignItems:"center"}},null),value:()=>t("div",{class:a.label},[t("span",null,[this.currentClassIndex]),r("/"),this.detailList.length,r("\u8BFE\u65F6")])}),t("div",{class:a.videoDesc},[this.videoContent]),t(D,{active:this.tabIndex,"onUpdate:active":e=>this.tabIndex=e,class:a.infoField,color:"var(--van-primary)",sticky:!0,offsetTop:this.offsetTop,lineWidth:20},{default:()=>[t(g,{title:"\u76EE\u5F55",name:1},{default:()=>[t("div",{style:{overflowY:"auto"}},[t(L,{title:"\u8BFE\u7A0B\u5217\u8868",icon:"courseList"},f(s=this.detailList.map((e,o)=>t(j,{class:"mb12",playId:Number(this.classId),detail:{id:e.id,title:e.videoTitle,content:e.videoContent,imgUrl:e.coverUrl,videoUrl:e.videoUrl,index:o+1},onPlay:this.onPlay},null)))?s:{default:()=>[s]})])]}),t(g,{title:"\u8BA8\u8BBA",name:3},{default:()=>[t("div",{style:{overflowY:"auto",marginBottom:"calc(var(--van-cell-vertical-padding) * 2 + var( --van-cell-line-height))"}},[this.dataShow?t(V,{loading:this.loading,"onUpdate:loading":e=>this.loading=e,finished:this.finished,finishedText:" ",immediateCheck:!1,onLoad:this.getList},f(i=this.list.map(e=>t(m,{class:[a["message-list"],e.isTeacher===1&&a["message-active"]],valueClass:a["message-time"]},{icon:()=>t(P,{class:a.userLogo,src:e.avatar||q,fit:"cover"},null),title:()=>t("div",{class:a.title},[t("div",{class:a["message-name"]},[e.userName]),t("div",{class:a["message-time"]},[B(e.evaluateTime).format("YYYY\u5E74MM\u6708DD\u65E5")])]),label:()=>t("div",{class:a.label},[e.content])})))?i:{default:()=>[i]}):t(T,{btnStatus:!1,tips:"\u6682\u65E0\u8BA8\u8BBA"},null)]),t("div",{class:a.messageContainer},[t(Y,{placeholder:"\u5FEB\u6765\u8BA8\u8BBA\u5427\uFF5E",modelValue:this.message,"onUpdate:modelValue":e=>this.message=e},{button:()=>t(R,{type:"primary",disabled:!this.message,style:{padding:"0 20px"},size:"small",round:!0,onClick:this.onSubmit},{default:()=>[r("\u53D1\u5E03")]})})])]})]})])}});export{he as default};