coursePublish.wxml 7.1 KB

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