<view style='position:relative;'>
  <form bindsubmit="formSubmit">
    <view style='background-color:#fff;height:100%;'>
      <view style='width:690rpx;margin:0 auto;margin-bottom:60rpx;'>
        <view class='reservation'>
          <view class='reservation-title'>预约窗口:</view>
          <view class='reservation-text'>
            <block wx:if="{{flag}}">
              <input name="deptName" disabled value='{{deptName}}' />
              <input name="deptUnid" hidden value='{{deptUnid}}' />
            </block>
            <picker wx:else range="{{dep_list}}" range-key="name" value="{{dep_index}}" bindchange="pickerChange" data-_index='dep_index'>
              <view class='flexRow aCenter p10-0'>
                <view>{{dep_list[dep_index|0].name}}</view>
                <input name="deptUnid" hidden value='{{deptUnid}}' />
                <input name="deptName" hidden value='{{dep_list[dep_index].name}}' />
                <image class='picker_image' src='/images/bottom.png'></image>
              </view>
            </picker>
          </view>
        </view>
        <view class='reservation'>
          <view class='reservation-title'>预约事项:</view>
          <view class='reservation-text'>
            <block wx:if="{{flag}}">
              <input name="serviceName" disabled value='{{serviceName}}' />
              <input name="serviceUnid" hidden value='{{serviceUnid}}' />
            </block>
            <picker wx:else range="{{dep_list[dep_index|0].list}}" range-key="name" value="{{matter_index}}" bindchange="pickerChange" data-_index='matter_index'>
              <view class='flexRow aCenter p10-0'>
                <view>{{ dep_list[dep_index|0].list[matter_index|0].name}}</view>
                <input name="serviceUnid" hidden value='{{serviceUnid}}' />
                <input name="serviceName" hidden value='{{dep_list[dep_index].list[matter_index].name}}' />
                <image class='picker_image' src='/images/bottom.png'></image>
              </view>
            </picker>
          </view>
        </view>
        <view class='reservation'>
          <view class='reservation-title'>预约日期:</view>
          <view class='reservation-text reservation-time'>
            <picker range="{{date_list_range}}" value="{{reservation_date_index}}" bindchange="pickerChange" data-_index='reservation_date_index'>
              <view style='width:400rpx;'>
                <text class='picker'>{{date_list_range[reservation_date_index|0]}}</text>
                <input name="reservationDate" hidden value='{{reservationDate}}' />
                <image class='picker_image' src='../../../images/bottom.png'></image>
              </view>
            </picker>
          </view>
        </view>
        <view class='reservation-date'>
          <view class='reserva  {{serviceUnid&&amStatus?"enable":"disable"}} {{serviceUnid&&amStatus&&reservationInterval=="AM"&&"selected"}}' data-val="AM" bind:tap="reserva_change">
            <text wx:if="{{serviceUnid&&amTime}}">上午 {{amTime}}</text>
            <view class='selected'>已预约</view>
            <view class='enable'>可预约</view>
            <view class='disable'>不可预约</view>
          </view>
          <view class='reserva  {{serviceUnid&&pmStatus?"enable":"disable"}}  {{serviceUnid&&pmStatus&&reservationInterval=="PM"&&"selected"}}' data-val="PM" bind:tap="reserva_change">
            <text wx:if="{{serviceUnid&&pmTime}}">下午 {{pmTime}}</text>
            <view class='selected'>已预约</view>
            <view class='enable'>可预约</view>
            <view class='disable'>不可预约</view>
          </view>
          <input hidden name="reservationInterval" value="{{reservationInterval}}" />
        </view>
        <view class='reservation'>
          <view class='reservation-title'>预约姓名:</view>
          <view class='reservation-text'>
            <input name="applicantName" placeholder='请输入预约姓名' value="{{applicantName}}" bindinput="inputChange" data-field="applicantName"></input>
          </view>
        </view>
        <view class='reservation'>
          <view class='reservation-title'>预约电话:</view>
          <view class='reservation-text'>
            <input type="number" name="applicantPhone" value="{{applicantPhone}}" bindinput="inputChange" data-field="applicantPhone" maxlength='11' placeholder='请输入预约电话'></input>
          </view>
        </view>
        <view class='reservation'>
          <view class='reservation-title'>证件类型:</view>
          <view class='reservation-text reservation-time'>
            <picker range="{{code_list}}" range-key="name" value="{{code_index}}" bindchange="pickerChange" data-_index='code_index'>
              <view class='picker'>
                <text>{{code_list[code_index|0].name}}</text>
                <input name="applicantIdType" hidden value='{{applicantIdType}}' />
                <image class='picker_image' src='/images/bottom.png'></image>
              </view>
            </picker>
          </view>
        </view>
        <view class='reservation'>
          <view class='reservation-title'>证件号码:</view>
          <view class='reservation-text'>
            <input name='applicantIdCard' value='{{applicantIdCard}}' placeholder='请输入证件号码' bindinput="inputChange" data-field="applicantIdCard"></input>
          </view>
        </view>
        <view class='reservation'>
          <view class='reservation-title'>验证码:</view>
          <view class='reservation-text phoneCode'>
            <input name="code" maxlength='4' bindinput="inputChange" data-field="code" type='number' placeholder='请输入短信验证码' style='width:220rpx;'></input>
            <view class="{{send_time&&'send'}}" catchtap='send_verify_code'>
              {{send_time||"获取验证码"}}
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class='submit'>
      <button class="{{_verify?'enable':'disable' }}" catch:tap="verify_code">提交</button>
      <button class="back" catchtap='navigateBack'>返回上级</button>
    </view>
    <!-- 遮罩层 -->
    <view class='mask' hidden='{{!mask}}'>
      <view class='mask_content'>
        <text>预约须知</text>
        <view class='mask-content'>1、预约成功，如果临时有事无法办理，请取消预约。</view>
        <view class='mask-content'>2、预约成功，过号未办理，超过2次，将会取消预约权限。</view>
        <view class='mask-content'>3、预约取消请提前6小时。</view>
        <checkbox-group bindchange="checkboxChange">
          <label>
            <checkbox value="true" checked="{{checked}}" />
            <text>我已阅读预约须知</text>
          </label>
        </checkbox-group>
        <view class='button'>
          <button catchtap='cancel'>取消</button>
          <button form-type="submit">确认</button>
        </view>
      </view>
    </view>
  </form>
  <view wx:if="{{serviceUnid}}" class='keep' catch:tap='keep'>
    <image src='{{isCollect?"/images/keep_check.png":"/images/keep.png"}}'></image>
    <text>收藏</text>
  </view>
</view>