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">
            <image class="headimg" src="{{appuserheadimg}}"></image>
          </view>
          <view class="ac-name">{{appusername}}</view>
        </view>
        <view class="ac-right ac-item ittflex-jcs">
          <text class="ac-count">{{accountNumber}}</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 {{noralitem.disabled ? 'week-body-item-disabled' : ''}} {{noralitem.active ? 'week-body-item-active' : ''}} {{noralitem.date == '约满' ? 'week-body-item-full' : ''}}" wx:for="{{weekList}}" wx:key="index" wx:for-item="noralitem">
              <view class="date" data-date="{{noralitem.dateStr}}" data-disabled="{{noralitem.disabled}}" data-index="{{index}}" bindtap="handleSelectDate">{{noralitem.date}}</view>
              <view wx:if="{{noralitem.busy}}" class="week-body-item-active-busy-dot"></view>
            </view>
          </view>
        </view>
      </view>
      <view class="time-list ittflex">
        <view class="time-a time-item time-nurse  {{timeActive == '1' ? 'time-active' : ''}} {{durationOneBusy ? 'time-item-disabled' : ''}}" data-time="1" data-dis="{{durationOneBusy}}" bindtap="handleTime">
          <text class="t-text">08:30-12:00</text>
          <text class="time-nurse-text" wx:if="{{durationOne}}">
            <text>{{durationOneBusy ? '约满':'剩余紧张'}}</text>
          </text>
        </view>
        <view class="time-b time-item time-nurse {{timeActive == '2' ? 'time-active' : ''}} {{durationTwoBusy ? 'time-item-disabled' : ''}}" data-dis="{{durationTwoBusy}}" data-time="2" bindtap="handleTime">
          <text class="t-text">12:30-17:00</text>
          <text class="time-nurse-text" wx:if="{{durationTwo}}">
            <text>{{durationTwoBusy ? '约满':'剩余紧张'}}</text>
          </text>
        </view>
        <view class="time-c time-item time-nurse {{timeActive == '3' ? 'time-active' : ''}} {{durationThreeBusy ? 'time-item-disabled' : ''}}" data-dis="{{durationThreeBusy}}" data-time="3" bindtap="handleTime">
          <text class="t-text">18:30-21:30</text>
          <text class="time-nurse-text" wx:if="{{durationThree}}">
            <text>{{durationThreeBusy ? '约满':'剩余紧张'}}</text>
          </text>
        </view>
      </view>
    </view>
    <view class="footer-actions ittflex-jcb">
      <button plain="" class="f-btn cancel-btn ittflex" bindtap="handleCancel">取消</button>
      <button class="f-btn confirm-btn itt-btn" bindtap="handleConfirm">确定</button>
    </view>
  </view>
</view>