learnCenter.wxml 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <wxs src='../../../utils/format.wxs' module="utils"></wxs>
  2. <wxs src='../../../utils/formatFuc.wxs' module="format"></wxs>
  3. <view>
  4. <view class="center-top">
  5. <image src="https://jzmall.lifejingzhi.com/file/wx-servant/badge-star.png" class="badge" mode="aspectFit"></image>
  6. <view class="learn-time">
  7. <van-icon name="clock-o" size="24px" color="#231F20"/>
  8. <view>累计学习时长</view>
  9. </view>
  10. <view class="time-detail">
  11. <text>{{utils.learnTimeHour(sumStudyTime)}}</text> 小时
  12. <text>{{utils.learnTimeMinute(sumStudyTime)}}</text> 分钟
  13. </view>
  14. <!-- 待获取技能 -->
  15. <view class="get-skill">
  16. <view class="skill-title">待获取技能</view>
  17. <view class="skill-list">
  18. <view class="skill-item" wx:for="{{skillList}}" wx:key="index">{{item.skillName}}
  19. </view>
  20. </view>
  21. </view>
  22. <!-- 巩固已学内容 -->
  23. <view class="learned-content" bindtap="goCurrent">
  24. <text>正在学习</text>
  25. <view class="arrow"></view>
  26. </view>
  27. </view>
  28. <!-- 课程 -->
  29. <van-sticky>
  30. <!-- <view class="tab-sticky">
  31. <view class="{{currentTab=='my'?'active-tab':''}}" bindtap="switchTab" data-tab="my">我的课程</view>
  32. <view class="{{currentTab=='history'?'active-tab':''}}" data-tab="history" bindtap="switchTab">历史课程</view>
  33. </view> -->
  34. <view class="tabs-wrapper">
  35. <van-tabs active="{{currentTab}}" bind:change="switchTab" color="#426D3B" id="tabs">
  36. <van-tab title="公开课程" name="1"></van-tab>
  37. <van-tab title="培训课程" name="2"></van-tab>
  38. <van-tab title="历史课程" name="3"></van-tab>
  39. </van-tabs>
  40. </view>
  41. <view class="drop-block">
  42. <van-dropdown-menu active-color="#09afff">
  43. <van-dropdown-item value="{{ type }}" options="{{ typeList }}" bind:change="dropdownChange"/>
  44. </van-dropdown-menu>
  45. <view class="after-wrapper">
  46. <view class="arrow after-arrow"></view>
  47. <view class="date-wrapper" bindtap="dateSelect">
  48. <view>{{date}}
  49. </view>
  50. <view class="arrow"></view>
  51. </view>
  52. </view>
  53. </view>
  54. </van-sticky>
  55. <view class="course-list">
  56. <view class="course-item" wx:for="{{courseList}}" wx:key="index">
  57. <image src="{{item.course.courseBackimg}}" class="video-cover" mode="aspectFill"></image>
  58. <view class="course-info">
  59. <view class="course-title" >
  60. <view class="title-left">
  61. {{item.course.courseName}}
  62. </view>
  63. <view class="title-right"
  64. >
  65. <van-icon name="clock-o" size="20px" color="#666666"/>
  66. <view class="hour">{{utils.learnTime(item.course.courseDuration)}}</view>
  67. </view>
  68. </view>
  69. <view class="course-time">
  70. 培训时间: {{format.formatDate(item.studyStart)}}
  71. </view>
  72. <view class="finish-time">
  73. 完成时间: {{format.formatDate(item.studyEnd)}}
  74. </view>
  75. <view class="course-operate" >
  76. <view class="course-btn" bindtap="goLearn" wx:if="{{currentTab!='3'&&item.id==''}}" data-id="{{item.id}}" data-courseid="{{item.course.id}}"> 开始学习</view>
  77. <view class="course-btn" bindtap="continueLearn" wx:if="{{currentTab!='3'&&item.id!=''}}" data-id="{{item.id}}" data-courseid="{{item.course.id}}"> 继续学习</view>
  78. <view class="course-btn" bindtap="goStar" wx:if="{{item.isCompleted==1&&ITEM.workerScore==''}}" data-id="{{item.id}}"> 评价课程</view>
  79. <view class="course-btn" bindtap="goLearn" wx:if="{{currentTab=='3'}}"> 再次学习</view>
  80. </view>
  81. </view>
  82. </view>
  83. </view>
  84. <view class="no-msg" wx:if="{{courseList.length==0}}">暂无内容~</view>
  85. </view>
  86. <van-popup
  87. show="{{ pickerShow }}"
  88. position="bottom"
  89. >
  90. <van-datetime-picker
  91. type="year-month"
  92. value="{{ currentDate }}"
  93. min-date="{{ minDate }}"
  94. bind:confirm="onConfirm"
  95. bind:cancel="onCancel"
  96. />
  97. </van-popup>
  98. <!-- 课程评价 -->
  99. <van-overlay show="{{evalShow}}" custom-style="background: rgba(194,191,191,0.61); z-index:999;" bind:click="onClickShow">
  100. <view class="overlay-wrapper" >
  101. <view class="star-wrapper" catchtap="stop">
  102. <view class="title">
  103. 课程评价
  104. </view>
  105. <view class="van-rate-wrapper">
  106. <van-rate value="{{ star }}" bind:change="onChange" size="{{ 36 }}"/>
  107. </view>
  108. </view>
  109. <view class="submit-eval" catchtap="submitEval">立即提交</view>
  110. </view>
  111. </van-overlay>