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">测试用户</text>
            <text class="ad-phone">18626576880</text>
          </view>
          <view class="ad-bottom address-detail">
            内蒙古自治区兴安盟科尔沁右翼前旗友爱胡同459号
          </view>
        </view>
        <view class="ad-right ittflex">
          <view class="itt-btn chose-address-btn">更换地址</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">2022年9月</view>
        <view class="cal-tips ittflex">
          <view class="warn-icon"></view>
          <text class="warn-text">代表繁忙时间</text>
        </view>
      </view>
        <van-calendar title="日历" class="calendar"
          poppable="{{ false }}" 
          show-mark="{{false}}" 
          show-title="{{false}}"
          show-confirm="{{false}}"
          first-day-of-week="{{ 1 }}"
          show-subtitle="{{false}}"
          color="{{calendarcolor}}"
          max-date="1664496000000"
          row-height="45"
        />
      </view>
      <view class="time-list ittflex">
        <view class="time-a time-item time-nurse {{timeActive == '0' ? 'time-active' : ''}}" data-time="0" 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 == '1' ? 'time-active' : ''}}" data-time="1" bindtap="handleTime">
          <text class="t-text">13:00-18:00</text>
        </view>
        <view class="time-c time-item {{timeActive == '2' ? 'time-active' : ''}}" data-time="2" 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">取消</view>
      <view class="f-btn confirm-btn itt-btn">确定</view>
    </view>
    <van-dialog
      title="您当前的检测次数为0，先充值次数"
      show="{{ dialogsShow }}"
      show-cancel-button
      confirm-button-text="去充值"
      confirm-button-color="#333"
      cancel-button-text="实体卡激活"
      cancel-button-color="#666"
      bind:confirm="handleCharge"
      bind:cancel="handleActiveCard"
    >
    </van-dialog>
  </view>
</view>