taskDetail.wxml 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <view class="container">
  2. <!-- 作业内容 -->
  3. <view class="task-head">
  4. <view class="task-title">{{entity.title}}</view>
  5. <view class="task-time">{{entity.receiveDate}}</view>
  6. </view>
  7. <view class="task-teacher">
  8. <view class="taskImg">
  9. <image src="/images/head.png"></image>
  10. </view>
  11. <view class="teacher-name">授课教师: {{entity.teacherName}}</view>
  12. </view>
  13. <view class="task-desc">
  14. {{entity.homeworkContent}}
  15. </view>
  16. <view class="task-content">
  17. <view class="title">图片</view>
  18. <view class="img-list">
  19. <image src="{{item.url}}" mode="aspectFill" wx:for="{{entity.images}}" wx:key="index" bindtap="showImg" data-url="{{item.url}}" ></image>
  20. </view>
  21. <view class="title">视频</view>
  22. <view class="video-list">
  23. <view wx:for="{{entity.videos}}" wx:key="index" class="video-img-view" data-url="{{item.playUrl}}" bindtap="videoShow">
  24. <image class="videoImg" src="{{item.imgUrl}}" mode="aspectFill" ></image>
  25. <image class="playImg" src="/images/play.png"></image>
  26. </view>
  27. </view>
  28. <video id="play-video" bindfullscreenchange="bindfullscreenchange" wx:if="{{curVideo != ''}}" autoplay="true" src="{{curVideo}}" controls="true" downloadlist></video>
  29. <view class="title">语音</view>
  30. <view class="audio-list">
  31. <image bindtap="showAudio" src="{{index == curAudioIndex ? '/images/cur-audio.png' : '/images/audio.png'}}" class="{{index == curAudioIndex ? 'curAudioStyle' : ''}}" wx:for="{{entity.records}}" wx:key="index" data-index="{{index}}" data-url="{{item.url}}"></image>
  32. </view>
  33. </view>
  34. <!-- end -->
  35. <!-- 作业完成情况 -->
  36. <view class="done-view" wx:if="{{entity.status > 0}}">
  37. <view class="done-title">作业完成情况</view>
  38. <view class="task-content">
  39. <view class="task-desc">
  40. {{entity.done.content}}
  41. </view>
  42. <view class="title">图片</view>
  43. <view class="img-list">
  44. <image src="{{item.url}}" mode="aspectFill" wx:for="{{entity.done.images}}" wx:key="index" bindtap="showDoneImg" data-url="{{item.url}}" ></image>
  45. </view>
  46. <view class="title">视频</view>
  47. <view class="video-list">
  48. <view wx:for="{{entity.done.videos}}" wx:key="index" class="video-img-view" data-url="{{item.playUrl}}" bindtap="videoShow">
  49. <image class="videoImg" src="{{item.imgUrl}}" mode="aspectFill" ></image>
  50. <image class="playImg" src="/images/play.png"></image>
  51. </view>
  52. </view>
  53. <video id="play-video" bindfullscreenchange="bindfullscreenchange" wx:if="{{curVideo != ''}}" autoplay="true" src="{{curVideo}}" controls="true" downloadlist></video>
  54. <view class="title">语音</view>
  55. <view class="audio-list">
  56. <image bindtap="audioShow" src="{{index == curAudioIndex ? '/images/cur-audio.png' : '/images/audio.png'}}" class="{{index == curAudioIndex ? 'curAudioStyle' : ''}}" wx:for="{{entity.done.records}}" wx:key="index" data-index="{{index}}" data-url="{{item.url}}"></image>
  57. </view>
  58. <audio id="audio-play" bindpause="bindpause" bindended="bindended" src="{{curAudio}}"></audio>
  59. </view>
  60. </view>
  61. <!-- end -->
  62. <!-- 作业批改情况 -->
  63. <view class="done-view" wx:if="{{entity.markResult && entity.markResult.length > 0}}">
  64. <view class="done-title">作业批阅情况</view>
  65. <view class="task-content">
  66. <view class="title">得分: {{entity.mark.score}}</view>
  67. <view class="task-desc">
  68. {{entity.mark.content}}
  69. </view>
  70. <view class="title">图片</view>
  71. <view class="img-list">
  72. <image src="{{item.url}}" mode="aspectFill" wx:for="{{entity.mark.images}}" wx:key="index" bindtap="showMarkImg" data-url="{{item.url}}" ></image>
  73. </view>
  74. <view class="title">视频</view>
  75. <view class="video-list">
  76. <view wx:for="{{entity.mark.videos}}" wx:key="index" class="video-img-view" data-url="{{item.playUrl}}" bindtap="videoShow">
  77. <image class="videoImg" src="{{item.imgUrl}}" mode="aspectFill" ></image>
  78. <image class="playImg" src="/images/play.png"></image>
  79. </view>
  80. </view>
  81. <video id="play-video" bindfullscreenchange="bindfullscreenchange" wx:if="{{curVideo != ''}}" autoplay="true" src="{{curVideo}}" controls="true" downloadlist></video>
  82. <view class="title">语音</view>
  83. <view class="audio-list">
  84. <image bindtap="showAudio" src="{{index == curAudioIndex ? '/images/cur-audio.png' : '/images/audio.png'}}" class="{{index == curAudioIndex ? 'curAudioStyle' : ''}}" wx:for="{{entity.mark.records}}" wx:key="index" data-index="{{index}}" data-url="{{item.url}}"></image>
  85. </view>
  86. <audio id="audio-play" bindpause="bindpause" bindended="bindended" src="{{curAudio}}"></audio>
  87. </view>
  88. </view>
  89. <!-- end -->
  90. <view wx:if="{{doTaskFlag}}" class="toTask" bindtap="toTask">
  91. 做作业
  92. </view>
  93. </view>