ittwxcust/pages/appointment/appointment.wxml

<!--pages/appointment/appointment.wxml-->
<view class="appointment">
  <view class="main-con">
    <view class="account">
      <view class="ac-title sub-title">账户信息</view>
      <view class="ac-card ittflex-jcs">
        <view class="ac-left ac-item ittflex-jcs">
          <view class="ac-avat"></view>
          <view class="ac-name">测试用户</view>
        </view>
        <view class="ac-right ac-item ittflex-jcs">
          <text class="ac-count">100</text>
          <text class="ac-unit">次</text>
        </view>
      </view>
    </view>
    <view class="address">
      <view class="ad-title sub-title">上门检测地址</view>
      <view wx:if="{{!hasAddress}}" class="no-address chose-address ittflex" bindtap="handleChoseAddress">选择上门服务地址</view>
      <view wx:else class="address-card ittflex-jcs">
        <view class="ad-left">
          <view class="ad-top ittflex-jcs">
            <text class="ad-name">{{contactName}}</text>
            <text class="ad-phone">{{contactPhone}}</text>
          </view>
          <view class="ad-bottom address-detail">
            {{address}}
          </view>
        </view>
        <view class="ad-right ittflex">
          <view class="chose-address-btn {{appointmentSuccess ? 'itt-btn-disabled' : 'itt-btn'}}"  bindtap="handleChangeAddress">更换地址</view>
        </view>
      </view>
      <view class="ad-tips">注：预约成功后，检测地址不允许更改</view>
    </view>
    <view class="calendar-wy">
      <view class="sub-title ca-title">预约上门服务时间</view>
      <view class="calendar-card">
        <view class="calendar-card-header">
          <view class="curr-date">
            <text>{{curYear}}年{{curMonth}}月</text>
          </view>
          <view class="cal-tips ittflex">
            <view class="warn-icon"></view>
            <text class="warn-text">代表繁忙时间</text>
          </view>
        </view>
        <view class="calendar-card-body">
          <view class="week-header ittflex-jcs">
            <view class="week-item">日</view>
            <view class="week-item">一</view>
            <view class="week-item">二</view>
            <view class="week-item">三</view>
            <view class="week-item">四</view>
            <view class="week-item">五</view>
            <view class="week-item">六</view>
          </view>
          <view class="week-body">
            <view class="week-body-item backup-week-body-item {{item.disabled ? 'week-body-item-disabled' : ''}} {{item.date == '约满' ? 'week-body-item-full' : ''}}" wx:for="{{backupWeekList}}" wx:key="index">
              <view class="date">{{item.date}}</view>
            </view>
            <view class="week-body-item {{item.disabled ? 'week-body-item-disabled' : ''}} {{item.active ? 'week-body-item-active' : ''}} {{item.date == '约满' ? 'week-body-item-full' : ''}}" wx:for="{{weekList}}" wx:key="index">
              <view class="date" data-date="{{item.dateStr}}" data-disabled="{{item.disabled}}" data-index="{{index}}" bindtap="handleSelectDate">{{item.date}}</view>
            </view>
          </view>
        </view>
      </view>
      <view class="time-list ittflex">
        <view class="time-a time-item time-nurse {{timeActive == '1' ? 'time-active' : ''}}" data-time="1" bindtap="handleTime">
          <text class="t-text">8:00-12:00</text>
          <!-- <text class="time-nurse-text">剩余紧张</text> -->
        </view>
        <view class="time-b time-item {{timeActive == '2' ? 'time-active' : ''}}" data-time="2" bindtap="handleTime">
          <text class="t-text">13:00-18:00</text>
        </view>
        <view class="time-c time-item {{timeActive == '3' ? 'time-active' : ''}}" data-time="3" bindtap="handleTime">
          <text class="t-text">18:00-21:00</text>
        </view>
      </view>
    </view>
    <view class="footer-actions ittflex-jcb">
      <view class="f-btn cancel-btn ittflex" bindtap="handleCancel">取消</view>
      <view class="f-btn confirm-btn itt-btn" bindtap="handleConfirm">确定</view>
    </view>
  </view>
</view>