<wxs src='../../../utils/format.wxs' module="utils"></wxs>
<wxs src='../../../utils/formatFuc.wxs' module="format"></wxs>

 <view>

    
  <!-- 课程 -->
  <van-sticky>
  
    <view class="tabs-wrapper">
    <van-tabs active="{{currentTab}}" bind:change="switchTab" color="#426D3B" id="tabs">
      <van-tab title="全 部" name="4"></van-tab>
  <van-tab title="公开课程" name="1"></van-tab>
  <van-tab title="培训课程" name="2"></van-tab>
</van-tabs>
</view>
   
<view class="drop-block">
  <van-dropdown-menu active-color="#09afff">
  <van-dropdown-item value="{{ type }}" options="{{ typeList }}"  bind:change="dropdownChange"/>
 
</van-dropdown-menu>
<view class="after-wrapper">
  
  <view class="arrow after-arrow"></view>
<view class="date-wrapper" bindtap="dateSelect">
   <view>{{date}}
   </view>
   <view class="arrow"></view>

</view>
</view>
</view>

  </van-sticky>
 
 <view class="course-list">
   <view class="course-item" wx:for="{{courseList}}" wx:key="index">
    <image src="{{item.course.courseBackimg}}" class="video-cover"  mode="aspectFill"></image>
    <view class="course-info">
      <view class="course-title" >
       <view class="title-left">
        {{item.course.courseName}}
       </view>
       <view class="title-right"
       >
       <van-icon name="clock-o" size="20px" color="#666666"/>
      <view class="hour">{{utils.learnTime(item.course.courseDuration)}}</view>
       </view>

      </view>
      <view class="course-time">
        培训时间：  {{format.formatDate(item.studyStart)}}
      </view>
      <view class="finish-time">
        完成时间： {{format.formatDate(item.studyEnd)}}
      </view>
      <view class="course-operate" >
        <view class="course-btn"  bindtap="goLearn" wx:if="{{currentTab!='3'&&item.id==''}}" data-id="{{item.id}}" data-courseid="{{item.course.id}}"> 开始学习</view>
        <view class="course-btn"  bindtap="continueLearn" wx:if="{{currentTab!='3'&&item.id!=''}}" data-id="{{item.id}}" data-courseid="{{item.course.id}}"> 继续学习</view>
        <view class="course-btn" bindtap="goStar" wx:if="{{currentTab=='3'}}" data-id="{{item.id}}"> 评价课程</view>
        <view class="course-btn" bindtap="goLearn" wx:if="{{currentTab=='3'}}"> 再次学习</view>
      </view>
    </view>
   </view>
 </view>

 <view class="no-msg" wx:if="{{courseList.length==0}}">暂无内容~</view>

</view>
<van-popup
  show="{{ pickerShow }}"
  position="bottom"
 
 
>
<van-datetime-picker
  type="year-month"
  value="{{ currentDate }}"
  min-date="{{ minDate }}"
  bind:confirm="onConfirm"
  bind:cancel="onCancel"
/>
</van-popup>

<!-- 课程评价 -->
<van-overlay show="{{evalShow}}" custom-style="background: rgba(194,191,191,0.61); z-index:999;"bind:click="onClickShow">
  <view class="overlay-wrapper"  >
    <view class="star-wrapper" catchtap="stop"> 
       <view class="title">
        课程评价
       </view>
       <view class="van-rate-wrapper">
       <van-rate value="{{ star }}" bind:change="onChange" size="{{ 36 }}"/>
      </view>
    </view>
    <view class="submit-eval" catchtap="submitEval">立即提交</view>
  </view>
</van-overlay> 