1 |
- import{d as l,j as e,A as i,C as d,y as c,aS as a}from"./ResizeObserver.es.39b48a47.js";import{C as n}from"./index.1aca6fb4.js";const v="_stepSection_1g2lv_43",p="_stepTitle_1g2lv_43",_="_stepTitleNum_1g2lv_50",u="_active_1g2lv_54",r="_stepContent_1g2lv_57",g="_videoText_1g2lv_63",m="_videoImg_1g2lv_68",h="_videoStop_1g2lv_80",S="_videoList_1g2lv_90",T="_videoTitle_1g2lv_93",f="_videoSection_1g2lv_109",C="_videoItem_1g2lv_119";var t={"col-steps":"_col-steps_1g2lv_1","col-step":"_col-step_1g2lv_1","col-step__line":"_col-step__line_1g2lv_16","col-step_circle":"_col-step_circle_1g2lv_19",stepSection:v,stepTitle:p,stepTitleNum:_,active:u,stepContent:r,videoText:g,videoImg:m,videoStop:h,videoList:S,videoTitle:T,videoSection:f,videoItem:C},I="./assets/video_default.c4e3ec21.png",y=l({name:"VideoList",props:{list:{type:Array,default:[]}},render(){return e("div",{class:t.videoList},[e("div",{class:t.videoTitle},[e("i",null,null),i("\u89C6\u9891\u5217\u8868")]),this.list.length>0?e("div",{class:t.videoSection},[this.list.map((s,o)=>e("div",{class:t.videoItem},[e(n,{poster:I,src:s.url,preload:"none",height:"162px",currentTime:!1},null),e("p",null,[s.startTime])]))]):e(d,{btnStatus:!1,classImgSize:"SMALL",tips:"\u6682\u65E0\u89C6\u9891"},null)])}}),x=l({name:"CoursePlanStep",props:{courseId:{type:Number,default:0},hideVideo:{type:Boolean,default:!1},courseInfo:{type:Array,default:[]}},data(){return{videoStatus:!1,list:[]}},methods:{async onLookVideo(s){try{const o=await c.get("/api-student/liveRoomVideo/queryVideo",{params:{roomUid:s.roomUid}});console.log(o),this.list=o.data||[],this.videoStatus=!0}catch{}}},render(){return e("div",{class:t["col-steps"]},[e("div",{class:t["col-steps__items"]},[this.courseInfo.map((s,o)=>e("div",{class:t["col-step"]},[e("div",{class:t["col-step__title"]},[this.$slots.content?this.$slots.content():e("div",{class:t.stepSection},[e("div",{class:t.stepTitle},[e("span",{class:[t.stepTitleNum,(this.courseId===0||this.courseId===s.id)&&t.active]},[i("\u7B2C "),o+1,i(" \u8BFE\u65F6")]),e("span",{class:t.stepTitleText},[s.courseTime])]),e("div",{class:t.stepContent},[e("p",null,[s.coursePlan]),s.liveState===2&&!this.hideVideo&&e("div",{class:t.videoText,onClick:()=>{this.onLookVideo(s)}},[i("\u67E5\u770B\u56DE\u653E"),">>"])])])]),e("div",{class:t["col-step_circle"]},[o+1]),e("div",{class:t["col-step__line"]},null)]))]),e(a,{show:this.videoStatus,"onUpdate:show":s=>this.videoStatus=s,closeable:!0,round:!0,style:{width:"90%"}},{default:()=>[this.videoStatus&&e(y,{list:this.list},null)]})])}});export{x as C};
|