
<wxs src='../../../utils/formatFuc.wxs' module="format"></wxs>
<wxs src='../../../utils/format.wxs' module="utils"></wxs>
 <view class="container">
   <view class="course-title">
    课程名称：{{courseInfo.course.courseName}}
   </view>
   <view class="course-type">课程形式：
   <text wx:if="{{courseInfo.course.form=='1'}}">线上</text>
   <text wx:if="{{courseInfo.course.form=='2'}}">线下</text>
   <text wx:if="{{courseInfo.course.form=='3'}}">线上+线下</text>
   </view>
   <view class="course-content" style="margin-bottom:14rpx;">
    课程内容：{{courseInfo.course.courseSketch}}</view>
    <view class="skill-line">
      课程完成获取技能：{{courseInfo.courseSkill}}
   </view>
   
   <view class="common-line">
    需完成时间： {{format.formatDate(courseInfo.arrangement.endTime)}}
   </view>
   <view class="common-line">
    线下培训时间：{{format.formatDate(courseInfo.arrangement.startTime)}}
   </view>
   <!-- 2视频 1图文 -->
   <view wx:if="{{courseInfo.course.contentType==1}}">
    <view class="detail">
		<import src="/lib/wxParse/wxParse.wxml" />
		<template is="wxParse" data="{{wxParseData:courseHtml.nodes}}" />
	</view>

   </view>
   <view wx:if="{{courseInfo.course.contentType==2}}">
   <!-- <view class="video-wrapper">
  
  <view class="video-info"> 
    <view class="title-left">
      第二节：2023新人训 视频2
     </view>
     <view class="title-right"
     >
     <van-icon name="clock-o" size="20px" color="#666666"/>
    <view class="hour">5小时</view>
     </view>

  </view>
  <view class="video-status">未完成</view>
   </view> -->
   <view class="video-wrapper" wx:for="{{courseInfo.courseVideoList}}" wx:key="index" bindtap="toggleVideo" data-index="{{index}}" data-istiled="{{item.isTiled}}">
  
    <view class="video-info" > 
      <view class="title-left">
        {{item.videoName}}
       </view>
       <view class="title-right"
       >
       <!-- <van-icon name="clock-o" size="20px" color="#666666"/>
      <view class="hour">{{utils.learnTime(item.duration)}}</view> -->
       </view>

    </view>
    <view class="duration-wrapper"
       >
       <van-icon name="clock-o" size="20px" color="#666666"/>
      <view class="hour">{{utils.learnTime(item.duration)}}</view>
       </view>
    <view class="video-status" wx:if="{{item.isComplate==1}}">已完成</view>
    <view class="video-status" wx:if="{{item.isComplate==0}}">未完成</view>
    <video  hidden="{{!item.isTiled}}"
      class="video-block"
      src="{{item.videoUrl}}" 
    object-fit="contain"
      enable-danmu 
      danmu-btn 
      bindtimeupdate="videoPlay"
      bindplay="videoBegin"
      bindended="videoEnd"
      show-center-play-btn='{{true}}' 
      show-play-btn="{{true}}" 
      show-progress="{{true}}"
      show-bottom-progress="{{true}}"
      enable-progress-gesture="{{false}}"
      controls
      data-videoid="{{item.videoOssId}}"
    ></video>
   </view>
  </view>

  

   <view class="operate-record">
    <view class="common-line title">
      <text class="left">实操记录</text>
      <text>{{courseInfo.enrolment.raterTime}}</text>
    </view>
    <view class="common-line">
      培训老师： {{courseInfo.arrangement.lectureUserName}}
    </view>
    <view class="common-line">
      培训内容： {{courseInfo.arrangement.trainingContent}}
    </view>
    <view class="common-line">
      实操打分：{{courseInfo.enrolment.score}}
    </view>

   </view>

   <view class="relate-course">
   <view class="head common-line">
    课程相关知识
   </view>
    <scroll-view class="scroll-view" scroll-x="true" bindscroll="scroll" >
         <view class="relate-item" wx:for="{{courseInfo.relationCourse}}" wx:key="index"  bindtap="goCourseDetail" data-id="{{item.id}}">
          <image src="{{item.courseBackimgSamll}}" class="relate-img"  mode="aspectFill"></image>
          <view class="relate-title">
            {{item.courseName}}
          </view>

         </view>
        
       
        </scroll-view>
   </view>



   <view class="submit-btn" bindtap="submit" wx:if="{{!isFinished}}">完成课程</view>


 </view>



