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

<my-logo id="myLogo"  footerNumber='150'>
  <navTop id="navTop" title="{{childTitle}}"  btnShow="{{false}}"></navTop>
  <!-- 时间筛选 -->
   <!-- <selectDate id="selectDate" bind:getDates="getDates" title="{{'历史课程'}}" beginDate="{{beginDate}}"
      endDate="{{endDate}}" typeFlag="{{true}}" toTop="{{-440}}" bind:changeType="changeType"> </selectDate> -->
  <view class="top-view">
    <view class="top-name" bindtap="getChange"><image src="/images/qiehuan.png" class="toDownImg"></image>{{nickName}}</view>
    <view class="top-school" bindtap="getChange">{{orgItems[orgIndex].orgName}}</view>
    <view class="top-date" bindtap="showSelect">历史课程<image src="/images/toDown2.png" class="toDownImg"></image></view>
  </view>
  <!-- end -->

  <!-- 用户切换 -->
  <!-- <view class="change-btn" >切换学员</view> -->
  <view class="change-bg" bindtap="getChange" wx:if="{{bgShow}}"></view>
  <view class="change-view" id="change-view" animation="{{animationChange}}" style="margin-top:-{{height}}px">
    <view class="change-box">
      <view class="section">
        <picker class="picker-box" bindchange="bindPickerChangeSchool" value="{{orgIndex}}" range="{{orgItems}}" range-key="orgName">
          <view class="picker school-picker">
            {{orgItems[orgIndex].orgName}}
            <view class="toDown">
              <image src="/images/toDown2.png"></image>
            </view>
          </view>
        </picker>
      </view>
      <view class="change-stu">
        <view class="stu-box" wx:for="{{userItems}}" wx:key="index" data-id="{{item.studentId}}" bindtap="changeStu" wx:if="{{curStu.orgId == item.orgId}}">
          <view bindtap="getCurStu"  data-id="{{item.studentId}}" data-index="{{index}}" class="stu-head {{item.studentId == curStuId ? 'curStu' : ''}}">{{item.headName}}</view>
          <view class="stu-name">
            {{item.nickName}}
          </view>
        </view>
      </view>

     <view class="change-btn-view">
      <view bindtap="changeStuBtn" class="changeStuBtn">确定</view>
      <!-- <view bindtap="getChange" class="changeStuBtn removeStuBtn">取消</view> -->
     </view>
    </view>
  </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>
  <view class="getPiano" id='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*24 随时约 ，约课时间在练琴卡有效期内即可
    </view>
    <view>
      2. 每人最多有2次约课机会，每次30分钟，（换句话说：一天最多可以约1个小时
    </view>
    <view>
      3. 必须消课后，该次数自动释放，（例如：某学生，约5号. 6号各一次，当5号练完后，立刻释放一次约课机会，学生又可以约下一次）
    </view>
    <view>
      4. 惩罚机制：如旷课，未出席，所约课程结束时间起计算，惩罚72小时内无法约课，该惩罚时间可由学校自行设置。（例如：例如：某学生，约5号17:00-17:30.
      6号各一次，5号缺席，6号已约课程可正常出席，但无法再约课，且惩罚发的时间段为：5号的17:30起的72小时后）<br />
    </view>
    <view>
      5. 消息提醒推送：提前90分钟，主动推送给家长已约好的时间段提醒，给2个选择框：准时出席，请假
    </view>
    <view>
      6. 取消机制为：提前60分钟前取消，不予惩罚。请假的时间可由学校自行设置。
    </view>
    <view>
      7. 候补机制：当学生有约课机会时，如该时间段满员，该时段出现候补字样。所有的约课，都针对某一时间段的时间。
    </view>
    <view>
      8. 前台权限：如有家长忘记或遗漏选择请假，前台有释放任意空位的权限
    </view>
    <view>
      9. 考勤：在约可以的有效时间段内，学生可以进行人脸或指纹打卡
    </view>
    <view>
      10. 取消惩罚：校长对缺勤的学员取消预约限制
    </view>
    <view class="close-rule" bindtap="ruleShow" wx:if="{{ruleShow}}">X</view>
  </view>

  <!-- 历史课程 -->
  <view class="select-box" animation="{{animationBox}}" style="top:-300rpx">
  <view class="change-time">
    <view class="select-title">选择时间段:</view>
    <view class="select-date-view">
      <view class="section">
        <picker mode="date" value="{{beginDate}}" start="2000-01-01" end="{{initChangeDate}}"
          bindchange="bindBeginDateChange">
          <view class="picker">
            {{beginDate}}
          </view>
        </picker>
        <view> 至 </view>
        <picker mode="date" value="{{endDate}}" start="{{beginDate}}" end="{{initChangeDate}}"
          bindchange="bindEndDateChange">
          <view class="picker">
            {{endDate}}
          </view>
        </picker>
      </view>
    </view>
  </view>

  <view class="type-view" wx:if="{{typeFlag}}">
    <view class="select-title">预约状态:</view>
    <view class="change-type">
      <picker bindchange="bindPickerChange" value="{{typeIndex}}" range="{{typeArr}}">
        <view class="picker change-view">
          {{typeArr[typeIndex]}}
          <view class="toDown">
            <image src="/images/toDown.png"></image>
          </view>
        </view>
      </picker>
    </view>
  </view>

  <view class="search-btn-view">
    <view class="search-btn" bindtap="submitDate">确定</view>
    <view class="reset-btn" bindtap="resetDate">重置</view>
  </view>
</view>
<view class="select-box-bg" bindtap="showSelect" animation="{{animationBg}}" wx:if="{{yFlag}}"></view>
  <!-- end -->
	<tabbar curIndex="1" curHtml="预约练琴"></tabbar>
</my-logo>