ssj_parent/pages/change_course/change_course.wxml

<!--pages/change_course/change_course.wxml-->
<view class='container'>
  <view class='wrapper'>
    <view class='header'>
      <view class='header-title'>
        <image class='header-title-icon' src='../../image/left-copy@2x.png' data-type='1' bindtap='checkMonthCtl'></image>
        <text class='header-title-text'>{{year}}年{{month}}月</text>
        <image class='header-title-icon' src='../../image/right-copy1@2x.png' data-type='2' bindtap='checkMonthCtl'></image>
      </view>
      <view class='header-items'>
        <view class='header-item' wx:for='{{weeks}}' wx:key='{{index}}'>
          <text class='header-item-title'>{{item.text}}</text>
        </view>
      </view>
      <view class='header-items'>
        <view class='header-item' wx:for='{{days}}' wx:key='{{index}}' data-index='{{index}}' bindtap='checkDayCtl'>
          <text class='header-item-text {{item.isLess ? "color-gray " : "color-black "}} {{item.type == 1 ? "header-item-circle-gray" : item.type == 2 ? "header-item-circle-red" : item.type == 3 ? "header-item-circle-black" : " "}} {{item.isActive ? "header-item-text-active": ""}}'>{{item.text}}</text> 
        </view>
      </view>
    </view>
    <view class='section'>
      <view class='section-title'>上课时间段</view>
      <view class='section-items'>
        <view class='section-item {{item.status==0 ? "section-item-noSelect" : ""}}' wx:for='{{days[daysIndex].courses}}' wx:key='{{index}}' data-index='{{index}}' bindtap="{{item.status==1?'checkTimeCtl':''}}">{{item.startTime}}-{{item.endTime}}</view>
      </view>
    </view>
    <view class='modal-container' wx:if='{{isShowModal}}' catchtouchmove='true'>
      <view class='modal-wrapper'>
        <view class='modal-title'>调至时间段</view>
        <picker-view indicator-class="modal-picker-indicator" class='modal-picker-view' value="{{dateValue}}" bindchange="changeDateCtl">
          <picker-view-column>
            <view wx:for="{{yearList}}" wx:key='{{index}}' class='modal-picker-view-column'>{{item}}年</view>
          </picker-view-column>
          <picker-view-column>
            <view wx:for="{{monthList}}" wx:key='{{index}}' class='modal-picker-view-column'>{{item}}月</view>
          </picker-view-column>
          <picker-view-column>
            <view wx:for="{{dayList}}" wx:key='{{index}}' class='modal-picker-view-column'>{{item}}日</view>
          </picker-view-column>
        </picker-view>
        <picker-view indicator-class="modal-picker-indicator" class='modal-picker-view' value="{{timeValue}}" bindchange="changeTimeCtl">
          <picker-view-column>
            <view wx:for="{{timeList}}" wx:key='{{index}}' class='modal-picker-view-column'>
              <view class='modal-picker-view-column-cells'>
                <view class='modal-picker-view-column-cell'>{{item.startTime}}</view>
                <view class='modal-picker-view-column-cell-green'>至</view>
                <view class='modal-picker-view-column-cell'>{{item.endTime}}</view>
              </view>
            </view>
          </picker-view-column>
        </picker-view>
        <view class='modal-title'>调课事由</view>
        <view class='modal-items'>
          <view class='modal-item {{item.style == "active" ? "modal-item-green" : ""}}' wx:for='{{items}}' wx:key='{{index}}' data-index='{{index}}' bindtap='checkReasonCtl'>{{item.text}}</view>
        </view>
        <view class='modal-btns'>
          <view class='modal-btn btn-gray' data-type='1' bindtap='submitCtl'>确认</view>
          <view class='modal-btn btn-green' data-type='2' bindtap='submitCtl'>取消</view>
        </view>
      </view>
    </view>
  </view>
</view>