<!--pages/reservationTemp/add.wxml-->
<view class="container" style="padding-bottom:100px;">
  <view class="height20"></view>
  <view>
    <form bindsubmit="formSubmit">
      <view class="part">
        <van-field label="预约分类" required input-align="right" bindtap="hideKeybord">
          <view slot="input" style="width: 100%;">
            <input name="appointmentClassify" value='{{appointmentClassifyArray[appointmentClassifyIndex].value}}' hidden='true' />
            <picker bindchange="bindPickerChange" value="{{appointmentClassifyIndex}}" range="{{appointmentClassifyArray}}" range-key="label" data-pickername='appointmentClassify'>
              <view wx:if="{{appointmentClassifyArray[appointmentClassifyIndex].label}}"> {{appointmentClassifyArray[appointmentClassifyIndex].label}}</view>
              <view wx:else class="selectPlaceholder">{{defaultText}}</view>
            </picker>
          </view>
          <view slot="right-icon">
            <van-icon name="arrow" />
          </view>
        </van-field>

        <view class="topItem">
          <van-field required label="车牌号码" readonly border="{{false}}"></van-field>
          <car-num-input bind:setCarNum="licensePlate" isKeyboard="{{isKeyboard}}" inputOnFocusIndex="{{inputOnFocusIndex}}" inputPlates="{{inputPlates}}" isNewEnergy="{{isNewEnergy}}"></car-num-input>
          <input name="licenseNumber" value='{{licensePlate}}' hidden='true' />
        </view>
        <view class="height20"></view>

        <van-field label="司机姓名" required name="driverName" value="{{ driverName }}" placeholder="请填写司机姓名" input-align="right" bindtap="hideKeybord"></van-field>
        <van-field label="司机电话" required name="driverMobile" value="{{ driverMobile }}" placeholder="请填写司机电话" input-align="right" bindtap="hideKeybord"></van-field>

      </view>

      <view class="fixedBtn submitBtn">
        <van-button loading="{{isSubmitting}}" round block disabled="{{isSubmitting}}" loading-text="{{isSubmitting?'提交中...':''}}" type="info" form-type="submit">确定
        </van-button>
      </view>

    </form>
  </view>
</view>

<wxs module="filters" src="../../utils/filter.wxs"></wxs>