coursePublish.wxml 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <!--pages/coursePublish/coursePublish.wxml-->
  2. <view class="course-container">
  3. <view>
  4. <text class="course-title">授课科目*</text>
  5. <view wx:for="{{list}}" wx:key="index" class="course-list" wx:for-index="type_index">
  6. <view class="course-type" bindtap="toChooseCourseType{{type_index}}" data-index="{{type_index}}">
  7. <view>{{courseOptionChoseds[type_index] || item.title}}</view>
  8. <image class="iconImg" src="../../images/down.png"></image>
  9. </view>
  10. <view class="course-detail" bindtap="toChooseCourseDetail{{type_index}}" data-index="{{type_index}}">
  11. <view>{{courseDetailChosedTexts[type_index] || '课程详情'}}</view>
  12. <image class="iconImg" src="../../images/down.png"></image>
  13. </view>
  14. </view>
  15. </view>
  16. <!-- 添加行 -->
  17. <view class="addAndDelete">
  18. <view class="addCourse" bindtap="reMoveCourseDetail">
  19. <image class="addIconImg" src="../../images/delete.png"></image>
  20. <view>删除一行</view>
  21. </view>
  22. <view class="addCourse" bindtap="addCourseDetail">
  23. <image class="addIconImg" src="../../images/add.png"></image>
  24. <view>添加一行</view>
  25. </view>
  26. </view>
  27. <!-- 辅导方式 -->
  28. <view class="techporsiton" bindtap="toChosedTeachPosition">
  29. <view>授课方式*:</view>
  30. <view class="teachporsition-option">
  31. <view>{{teachPosition || '请选择'}}</view>
  32. <view class="iconfont icon-xiangxia"></view>
  33. </view>
  34. </view>
  35. <!-- 授课时间 -->
  36. <view>
  37. <view class="tr-title">授课时间*:</view>
  38. <view class="tr-container">
  39. <view class="tr_1">
  40. <text class="th_0" decode="true">&ensp;&ensp;&ensp;&ensp;</text>
  41. <text class="th_1">周一</text>
  42. <text class="th_1">周二</text>
  43. <text class="th_1">周三</text>
  44. <text class="th_1">周四</text>
  45. <text class="th_1">周五</text>
  46. <text class="th_1">周六</text>
  47. <text class="th_2">周日</text>
  48. </view>
  49. <view class="tr_2">
  50. <checkbox-group bindchange="chechboxChangeAM">
  51. <view class="th2_0">上午</view>
  52. <label wx:for="{{timeAM}}" wx:key="index">
  53. <checkbox class="th2_1" value="{{item.value}}"></checkbox>
  54. </label>
  55. </checkbox-group>
  56. </view>
  57. <view class="tr_2">
  58. <checkbox-group bindchange="chechboxChangePM">
  59. <view class="th2_0">下午</view>
  60. <label wx:for="{{timePM}}" wx:key="index">
  61. <checkbox class="th2_1" value="{{item.value}}"></checkbox>
  62. </label>
  63. </checkbox-group>
  64. </view>
  65. <view class="tr_2">
  66. <checkbox-group bindchange="chechboxChangeEvening">
  67. <view class="th2_0">晚上</view>
  68. <label wx:for="{{timeEvening}}" wx:key="index">
  69. <checkbox class="th2_1" value="{{item.value}}"></checkbox>
  70. </label>
  71. </checkbox-group>
  72. </view>
  73. </view>
  74. </view>
  75. <!-- 成功经验 -->
  76. <view class="suc-exap">
  77. <text>成功经验*:</text>
  78. <textarea class="case" name="成功案例" id="" cols="30" rows="10" maxlength="120" bindinput="getSuccess"></textarea>
  79. </view>
  80. <!-- 自我介绍 -->
  81. <view class="suc-exap">
  82. <text>自我介绍*:</text>
  83. <textarea class="case" name="成功案例" id="" cols="30" rows="10" maxlength="120" bindinput="getSelfIntroduction"></textarea>
  84. </view>
  85. </view>
  86. <!-- 课程发布提交按钮 -->
  87. <button class="subBtn" type="primary" bindtap="toPublisCourse">发布课程</button>
  88. <!-- 底部空白区域,为了增加间隔效果,避免提交按钮完全贴着底边 -->
  89. <view class="blank"></view>
  90. <!-- 以下是弹窗选区部分 -->
  91. <!-- 课程类别 -->
  92. <view wx:if="{{showCourseOptions}}">
  93. <!-- 空白区(背景) -->
  94. <view class="mask" bindtap="hiddenChooseCourseType{{chosedIndex}}"></view>
  95. <!-- 内容区 -->
  96. <view class="courseTitle-wrapper">
  97. <view class="chooseContent-title">
  98. <view bindtap="hiddenChooseCourseType{{chosedIndex}}">取消</view>
  99. <view bindtap="confirmChooseCourseType{{chosedIndex}}">确定</view>
  100. </view>
  101. <scroll-view scroll-y="true" class="CourseTitleScroll">
  102. <view class="chooseContent" wx:for="{{courseOptions[chosedIndex]}}" wx:key="key" bindtap="onChooseCourseType{{chosedIndex}}" data-index="{{index}}">
  103. <view style="position: absolute;left: 40rpx;">{{item.name}}</view>
  104. <image style="position: absolute;right: 40rpx;" src="{{item.chosed?'/images/selected.png':'/images/selectNull.png'}}"></image>
  105. </view>
  106. </scroll-view>
  107. </view>
  108. </view>
  109. <!-- 课程详情 -->
  110. <view wx:if="{{shouwCourseDetails}}">
  111. <!-- 空白区(背景) -->
  112. <view class="mask" bindtap="hiddenChooseCourseDetail{{courseDetailIndex}}"></view>
  113. <!-- 内容区 -->
  114. <view class="courseDetail-wrapper">
  115. <view class="chooseContent-title">
  116. <view bindtap="hiddenChooseCourseDetail{{courseDetailIndex}}">取消</view>
  117. <view bindtap="confirmCourseDetail{{courseDetailIndex}}">确定</view>
  118. </view>
  119. <scroll-view scroll-y="true" class="courseDetailScroll">
  120. <checkbox-group bindchange="chechboxChangeCourseDetail{{courseDetailIndex}}">
  121. <label wx:for="{{courseLists[courseDetailIndex][courseOptionIndexs[courseDetailIndex]]}}" wx:key="index">
  122. <checkbox class="checkboxList" value="{{item.courseName}}">{{item.courseName}}</checkbox>
  123. </label>
  124. </checkbox-group>
  125. </scroll-view>
  126. </view>
  127. </view>
  128. <!-- 授课方式选项 -->
  129. <view wx:if="{{chosedTeachPosition}}">
  130. <!-- 空白区(背景) -->
  131. <view class="mask" bindtap="hiddenTeachPosition"></view>
  132. <!-- 内容区 -->
  133. <view class="options-wrapper">
  134. <view class="chooseContent-title">
  135. <view bindtap="hiddenTeachPosition">取消</view>
  136. <view bindtap="confirmTeachPosition">确定</view>
  137. </view>
  138. <view class="chooseContent" wx:for="{{teachPositions}}" wx:key="key" bindtap="onTeachPosition" data-index="{{index}}">
  139. <view style="position: absolute;left: 40rpx;">{{item.opType}}</view>
  140. <image style="position: absolute;right: 40rpx;" src="{{item.chosed?'/images/selected.png':'/images/selectNull.png'}}"></image>
  141. </view>
  142. </view>
  143. </view>