taskDetail.wxml 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  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="{{teacherFace}}"></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="audioShow" 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. <audio id="audio-play" bindpause="bindpause" bindended="bindended" src="{{curAudio}}"></audio>
  34. </view>
  35. <!-- end -->
  36. <!-- 作业完成情况 -->
  37. <view class="done-view" wx:if="{{!doTaskFlag}}">
  38. <view class="done-title">作业完成情况</view>
  39. <view class="task-content">
  40. <view class="task-desc">
  41. {{entity.done.content}}
  42. </view>
  43. <view class="title">图片</view>
  44. <view class="img-list">
  45. <image src="{{item.url}}" mode="aspectFill" wx:for="{{entity.done.images}}" wx:key="index" bindtap="showDoneImg" data-url="{{item.url}}" ></image>
  46. </view>
  47. <view class="title">视频</view>
  48. <view class="video-list">
  49. <view wx:for="{{entity.done.videos}}" wx:key="index" class="video-img-view" data-url="{{item.playUrl}}" bindtap="videoShow">
  50. <image class="videoImg" src="{{item.imgUrl}}" mode="aspectFill" ></image>
  51. <image class="playImg" src="/images/play.png"></image>
  52. </view>
  53. </view>
  54. <video id="play-video" bindfullscreenchange="bindfullscreenchange" wx:if="{{curVideo != ''}}" autoplay="true" src="{{curVideo}}" controls="true" downloadlist></video>
  55. <view class="title">语音</view>
  56. <view class="audio-list">
  57. <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>
  58. </view>
  59. <audio id="audio-play" bindpause="bindpause" bindended="bindended" src="{{curAudio}}"></audio>
  60. </view>
  61. </view>
  62. <!-- end -->
  63. <!-- 作业批改情况 -->
  64. <view class="done-view" wx:if="{{!doTaskFlag}}">
  65. <view class="done-title">作业批阅情况</view>
  66. <view class="task-content">
  67. <view class="title">得分: {{entity.mark.score}}</view>
  68. <view class="task-desc">
  69. {{entity.mark.content}}
  70. </view>
  71. <view class="title">图片</view>
  72. <view class="img-list">
  73. <image src="{{item.url}}" mode="aspectFill" wx:for="{{entity.mark.images}}" wx:key="index" bindtap="showMarkImg" data-url="{{item.url}}" ></image>
  74. </view>
  75. <view class="title">视频</view>
  76. <view class="video-list">
  77. <view wx:for="{{entity.mark.videos}}" wx:key="index" class="video-img-view" data-url="{{item.playUrl}}" bindtap="videoShow">
  78. <image class="videoImg" src="{{item.imgUrl}}" mode="aspectFill" ></image>
  79. <image class="playImg" src="/images/play.png"></image>
  80. </view>
  81. </view>
  82. <video id="play-video" bindfullscreenchange="bindfullscreenchange" wx:if="{{curVideo != ''}}" autoplay="true" src="{{curVideo}}" controls="true" downloadlist></video>
  83. <view class="title">语音</view>
  84. <view class="audio-list">
  85. <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>
  86. </view>
  87. <audio id="audio-play" bindpause="bindpause" bindended="bindended" src="{{curAudio}}"></audio>
  88. </view>
  89. </view>
  90. <!-- end -->
  91. <view class="toTask" bindtap="toTask" wx:if="{{doTaskFlag}}">
  92. 做作业
  93. </view>
  94. </view>