<!--index.wxml-->
<view class="MainPage">
  <view class="list">
    <view class="flex-h">
      <text><text>*</text>具体楼盘：</text>
      <view class="flex-item"></view>
      <text>{{BuildingName}}</text>
      <image mode="widthFix" src="/assets/images/icon12.png" style="width: 22rpx;"></image>
    </view>
    <view class="flex-h">
      <text>选择预约时间：</text>
      <view class="flex-item"></view>
      <text bindtap="SelectAppointmentDate">{{AppointmentDate === '' ? '请选择预约时间' : AppointmentDate}}</text>
      <image mode="widthFix" src="/assets/images/icon12.png" style="width: 22rpx;"></image>
    </view>
  </view>
  <view class="list">
    <view class="flex-h">
      <text><text>*</text>姓名：</text>
      <view class="flex-item">
        <input placeholder="请输入姓名" data-name="Name" bindinput="FormInput" />
      </view>
    </view>
    <view class="flex-h">
      <text><text>*</text>手机号：</text>
      <view class="flex-item">
        <input type="number" placeholder="请输入手机号" data-name="PhoneNum" bindinput="FormInput" />
      </view>
    </view>
    <view class="flex-h">
      <text><text>*</text>备注：</text>
      <view class="flex-item">
        <input placeholder="请输入备注信息" data-name="Remark" bindinput="FormInput" />
      </view>
    </view>
  </view>
  <text class="remark">预约成功以后，专业置业顾问将在24小时内与您联系</text>
  <view class="btn" bindtap="MakeAnAppointment">
    <text>预约</text>
  </view>
  <view class="popup" hidden="{{!TriggerSelectAppointmentDate}}">
    <view>
      <van-datetime-picker min-date="{{MinDate}}" type="datetime" bind:cancel="SelectAppointmentDateCancel" bind:confirm="SelectAppointmentDateConfirm" />
    </view>
  </view>
</view>