schoolwisdoms-student-mp/pages/piano/piano.wxml

<view class="container">

  <!-- 时间筛选 -->
  <view>
    <selectDate bind:getDates="getDates" title="{{'历史课程'}}" beginDate="{{beginDate}}" endDate="{{endDate}}"
      typeFlag="{{true}}" toTop="{{-440}}" bind:changeType="changeType"> </selectDate>
  </view>
  <!-- end -->

  <view class="piano-list">
     <!-- <view class="piano-box" wx:for="{{list}}" wx:key="index">
      <view class="piano-detail">
        <view class="piano-title">{{item.pianoName}}</view>
        <view class="addr">{{item.orgName}}</view>
        <view class="piano-time">{{item.visitDate}} {{item.beginTime}} ~ {{item.endTime}}</view>
      </view>
      <view>
        <view class="piano-date">
          {{item.createdDate}}
        </view>
        <view class="class-status" wx:if="{{item.attend == 0 && item.type != '2'}}">已预约</view>
        <view class="class-status" wx:if="{{item.attend == 0 && item.type == '2'}}">排队中</view>
        <view class="class-status" wx:if="{{item.attend == 1}}">已点名</view>
        <view class="class-status" wx:if="{{item.attend == 2}}">已缺勤</view>
        <view class="class-status" wx:if="{{item.attend == 3}}">已取消</view>
        <view class="class-btn" bindtap="doCancel" data-id="{{item.id}}"
          wx:if="{{item.cancelFlag && item.type == '1'}}">取消预约</view>
        <view class="class-btn cancelList" bindtap="doCancelQueue" data-id="{{item.id}}" wx:if="{{item.type == '2'}}">
          取消排队</view>
      </view>
    </view> -->
    <view class="piano-box2" wx:for="{{list}}" wx:key="index">
      <view class="piano-org">
        <view class="piano-title">{{item.orgName}}</view>
        <view class="class-btn" bindtap="doCancel" data-id="{{item.id}}"
          wx:if="{{item.cancelFlag && item.type == '1'}}">取消预约</view>
        <view class="class-btn cancelList" bindtap="doCancelQueue" data-id="{{item.id}}" wx:elif="{{item.type == '2'}}">
          取消排队</view>
        <view class="class-status" wx:elif="{{item.attend == 0 && item.type != '2'}}">已预约</view>
        <view class="class-status" wx:elif="{{item.attend == 0 && item.type == '2'}}">排队中</view>
        <view class="class-status" wx:elif="{{item.attend == 1}}">已点名</view>
        <view class="class-status" wx:elif="{{item.attend == 2}}">已缺勤</view>
        <view class="class-status" wx:elif="{{item.attend == 3}}">已取消</view>
       
      </view>

      <view class="piano-other">
        <view>
           <view class="other-title">练琴日期</view>
           <view class="other-detail">{{item.visitDate}}</view>
        </view>
        <view>
           <view class="other-title">练琴时段</view>
           <view class="other-detail">{{item.beginTime}} ~ {{item.endTime}}</view>
        </view>
        <view>
           <view class="other-title">座位号</view>
           <view class="other-detail">{{item.pianoName}}</view>
        </view>
      </view>
      <view class="piano-tip">请提前10分钟，到校人脸签到</view>
    </view>
  </view>
  <view class="getPiano" bindtap="getPiano">去预约</view>
  <view class="loading">{{loading}}</view>

  <view class="rule-view" bindtap="ruleShow">规则</view>
  <view class="rule-bg"  bindtap="ruleShow" wx:if="{{ruleShow}}"></view>
  <view class="rule-box" wx:if="{{ruleShow}}">
    <view class="rule-title">练琴规则</view>
    <view>
      1.约课：可约7天内的课程，约课时间在练琴卡有效期内即可；每人单次最多可约2次，每次30分钟；消课后立即释放约课次数，可再次预约；
    </view>
    <view>
      2.排队：当课程名额已满，可选择排队。若预约成功的人取消课程，我么将会根据排队先后顺序通知上课
    </view>
    <view>
      3.签到：预约成功后，课程开始前15分钟可开始签到，签到完成后注意查看“我的课程”显示已签到状态，避免因网络问题或其他系统问题造成的签到未成功
    </view>
    <view>
      4.取消预约：成功预约的课程可在课程开始前60分钟前免责取消，开课60分钟内无法取消
    </view>
   <!-- <view>
      5.旷课：如旷课（包含未出席，未签到）1次，所约课程结束时间开始计算，72小时内只能预约一次课，如旷课2次，所约课程结束时间开始计算，72小时内无法预约
    </view> -->
    <view>
      5.旷课惩罚：如遇旷课（包含未出席，未签到）1次，从所约时间段结束时间开始计算，48小时内最多只能再预约1次。如旷课2次，从所约时间段结束时间开始计算，72小时内则无法进行预约。
    </view>
    <view>
      6.迟到：课程迟到5分钟不允许进入教室，特殊情况需要和老师说明情况，根据实际情况安排；课程迟到15分钟，不允许进入课堂
    </view>
    <view>
      7.其他：课程不允许占位，未预约的学员请勿进入教室；课程结束后请整理好自己的随身物品离开教室；连续上两节课的学员可一次性签到
    </view>
    <view class="close-rule" bindtap="ruleShow" wx:if="{{ruleShow}}">X</view>
  </view>
  <tabbar curIndex="1"></tabbar>
</view>