index.wxml 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <view id="article">
  2. <view class="head_child">
  3. <view class="head_child_info" wx:if="{{list.length>0}}">
  4. <view class="flex-item1">{{userInfo.childName}}</view>
  5. <view class="flex-item3" bindtap="selectChilds" wx:if="{{list.length>1}}">
  6. <view class="image_icon"></view>
  7. <view>切换儿童</view>
  8. </view>
  9. </view>
  10. <view class="noneChild" wx:else>
  11. <text>暂无学员</text>
  12. <text>(购买成长课后即可成为学员)</text>
  13. <text bindtap="jumpToHome">立即购买 >></text>
  14. </view>
  15. <view class="flexBox flex-item2">
  16. <text>总课数<text class="txt">{{userInfo.curriculum.courseNum ||0}}</text></text>
  17. <text>预约中<text class="txt">{{userInfo.curriculum.courseReservedNum ||0}}</text></text>
  18. <text>已完成<text class="txt">{{userInfo.curriculum.courseCompleteNum ||0}}</text></text>
  19. <text>剩余数<text class="txt">{{userInfo.curriculum.courseActnum ||0}}</text></text>
  20. </view>
  21. </view>
  22. <view class="flexBox tabSelect {{fixTop?'fixed_Top':''}}">
  23. <view class="tab-item {{currentIndex == 1 ? ' active':''}}" data-index="1" bindtap="setTabbar">
  24. <view class="label">领队约课</view>
  25. </view>
  26. <view class="tab-item {{currentIndex == 4 ? ' active':''}}" data-index="4" bindtap="setTabbar">
  27. <view class="label">领域约课</view>
  28. </view>
  29. <view class="tab-item {{currentIndex == 2 ? ' active':''}}" data-index="2" bindtap="setTabbar">
  30. <view class="label">时间约课</view>
  31. </view>
  32. <view class="tab-item {{currentIndex == 3 ? ' active':''}}" data-index="3" bindtap="{{canBuy==1?'setTabbar':'tip'}}">
  33. <view class="label">预约记录</view>
  34. </view>
  35. </view>
  36. <view class="content">
  37. <view class="tab-content" wx:if="{{currentIndex == 1}}">
  38. <view class="search_name">
  39. <view class="mini-btn" bindtap="bindSearch">搜索</view>
  40. <view class="weui-input">
  41. <text class="icon iconfont icon-search"></text>
  42. <input placeholder="请输入领队花名" placeholder-class="placeholder" confirm-type="search" bindinput="bindinput" value="{{searchText}}" bindconfirm="bindSearch"/>
  43. </view>
  44. </view>
  45. <scroll-view class="leader_select" scroll-x="{{scroll}}" scroll-left="{{scrollLeft}}" show-scrollbar="{{!scroll}}" enhanced="{{scroll}}" bindscrolltolower="pageLoad">
  46. <view wx:for="{{leaderList}}" wx:key="*this" data-uid="{{item.uid}}" bindtap="selectLeader" class="user_list {{item.uid == leaderid?'leader_active':''}}">
  47. <view class="flex_leaderInfo">
  48. <view class="user_headImg">
  49. <image class="img" src="{{item.avatar}}"></image>
  50. <view class="Mask" wx:if="{{item.uid != leaderid}}"></view>
  51. </view>
  52. <view class="user_name">
  53. {{item.nickname}}
  54. </view>
  55. <view class="user_city" wx:if="{{item.leaderCity}}">( {{item.leaderCity}} )</view>
  56. </view>
  57. </view>
  58. </scroll-view>
  59. </view>
  60. <view class="tab-content" wx:if="{{currentIndex == 2}}">
  61. <view class="date_Cloumn">
  62. <view class="calendar {{item.completeDate == dateActived ?'calendar_active':''}}" wx:for="{{SevenDaysDate}}" wx:key="index" data-completeDate="{{item.completeDate}}" bindtap="selectDate">
  63. <view class="date">{{item.date}}</view>
  64. <view class="week">{{item.week}}</view>
  65. <view class="point" wx:if="{{item.num !=0}}"></view>
  66. </view>
  67. </view>
  68. <view class="more_Date" bindtap="getDatepopup">
  69. <view class="more_Date_block">
  70. <view>更多</view>
  71. <view>日期</view>
  72. </view>
  73. </view>
  74. </view>
  75. <view class="tab-content" wx:if="{{currentIndex == 4}}">
  76. <view class="field_option">
  77. <view class="field_option_clomun">
  78. <view bindtap="fieldSelect" class=" {{fieldIndex==1?'fieldChecked':''}} "data-index="1" data-content="全部">全部</view>
  79. <view bindtap="fieldSelect" class=" {{fieldIndex==2?'fieldChecked':''}}" data-index="2" data-content="人际交往">人际交往</view>
  80. <view bindtap="fieldSelect" class=" {{fieldIndex==3?'fieldChecked':''}}" data-index="3" data-content="学习烦恼">学习烦恼</view>
  81. </view>
  82. <view class="field_option_clomun">
  83. <view bindtap="fieldSelect" class=" {{fieldIndex==4?'fieldChecked':''}}" data-index="4" data-content="性格塑造">性格塑造</view>
  84. <view bindtap="fieldSelect" class=" {{fieldIndex==5?'fieldChecked':''}}" data-index="5" data-content="情绪管理">情绪管理</view>
  85. <view bindtap="fieldSelect" class=" {{fieldIndex==6?'fieldChecked':''}}" data-index="6" data-content="校园生活">校园生活</view>
  86. </view>
  87. <view class="field_option_clomun">
  88. <view bindtap="fieldSelect" class=" {{fieldIndex==7?'fieldChecked':''}}" data-index="7" data-content="病毒退退退">病毒退退退</view>
  89. </view>
  90. </view>
  91. </view>
  92. <view class="curriculum_list">
  93. <view wx:if="{{cardList.length>0}}">
  94. <view class="card" wx:for="{{cardList}}" wx:key="*this" data-id="{{item.id}}" data-leaderRecom="{{item.leaderRecom}}" catchtap="jumpToDetail">
  95. <view class="curriculum_card">
  96. <view class="info_left">
  97. <view class="curriculum_title">课程名:{{item.title}}</view>
  98. <view class="leader_Info">
  99. <view style="display: table;">
  100. <image src="{{item.teacherAvatar}}"></image>
  101. <text>{{item.teacherName+' ( '+item.teacherCity+' )'}}</text>
  102. </view>
  103. </view>
  104. <view>关键词:<text>{{item.keywords}}</text></view>
  105. <view>探究领域:<text>{{item.field}} ( {{item.ages}} )</text></view>
  106. <view>上课时间:<text>{{item.startTimeStr}}</text></view>
  107. </view>
  108. <view class="info_right">
  109. <view class="btn">
  110. <button class="mini-btn" type="warn" size="mini" catchtap="appointment" data-item="{{item}}" data-status="0" wx:if="{{item.status==0}}">预 约</button>
  111. <button class="mini-btn" type="default" disabled="true" size="mini" wx:if="{{item.status==2}}">{{currentIndex == 3?'已 评 价':'已 结 束'}}</button>
  112. <button class="mini-btn" type="primary" size="mini" wx:if="{{item.status==1 || item.status==6}}">{{item.status==1?'已 满 额':'预约已停止'}}</button>
  113. <button class="mini-btn" type="warn" size="mini" plain="true" catchtap="appointment" data-item="{{item}}" data-status="1" wx:if="{{item.status==3}}">取消预约</button>
  114. <button class="mini-btn" size="mini" style="background:#4db1ec;color:#fff" wx:if="{{item.status==4}}">待 上 课</button>
  115. <button class="mini-btn" size="mini" type="primary" wx:if="{{item.status==7}}" catchtap="jumpToEvaluate" data-id="{{item.id}}" data-leaderName="{{item.teacherName}}" data-city="{{item.teacherCity}}" data-courseTitle="{{item.title}}">待 评 价</button>
  116. <button class="mini-btn" type="warn" size="mini" disabled="true" wx:if="{{item.status==5}}">上 课 中</button>
  117. <view>{{item.status==0?item.deadlineApplyStr+'截止预约':item.status==3?item.deadlineCancelApplyStr+'前可取消':''}}</view>
  118. <view wx:if="{{item.status==3 || (item.status==1 && item.book==1) || item.status==4 || (item.status==5 && item.book==1)}}" class="inputGroup" data-item="{{item}}" catchtap="groupCodeView">
  119. <text>进群上课</text>
  120. </view>
  121. </view>
  122. </view>
  123. </view>
  124. <view class="card_bottom">
  125. <view class="signUp_bottom">
  126. <text>报名人数:{{item.students.length}}/{{item.totalNum}}</text>
  127. <image wx:for="{{item.students}}" wx:for-item="el" wx:key="*this" src="{{el.userAvatar}}"></image>
  128. </view>
  129. </view>
  130. </view>
  131. </view>
  132. <view class="noneCrad" wx:else>暂无课程~</view>
  133. </view>
  134. </view>
  135. </view>
  136. <view class="common_fix common_back" hidden="{{!showBack}}" bindtap="toTop">
  137. <text class="icon icon-toTop"></text>
  138. </view>
  139. <popupCode methodView="{{methodView}}" show="{{showCode}}" bind:close="closeCode" headImg="{{headImg}}"></popupCode>
  140. <calendar show="{{showDatePopup}}" bindclose="calendarClose" chackedDate="{{dateActived}}" bindgetCalendarInfo="getCalendarInfo"></calendar>
  141. <personnel show="{{showChildPopup}}" list="{{list}}" bindclose="personnelClose" bindgetChildInfo="getChildInfo"></personnel>