<template>
  <ant-modal
    modalWidth="576"
    modalHeight="500"
    :visible="open"
    :modal-title="formTitle"
    :adjust-size="true"
    @cancel="cancel"
  >
    <a-form-model ref="batchForm" :model="batchForm" :rules="batchAddRules" slot="content" layout="vertical">
      <a-row :gutter="32">
        <a-col :span="24">
          <a-form-model-item label="预约日期" prop="dateRange">
            <a-range-picker style="width: 100%" v-model="batchForm.dateRange" valueFormat="YYYY-MM-DD" format="YYYY-MM-DD" allow-clear/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="班次时长" prop="duration">
            <a-input-number placeholder="请输入班次时长（分钟）" v-model="batchForm.duration" :min="0" style="width: 100%"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="可预约人数" prop="enableNum">
            <a-input-number placeholder="请输入可预约人数" v-model="batchForm.enableNum" :min="0" style="width: 100%"/>
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row :gutter="32">
        <a-col :span="24">
          <a-form-model-item label="可预约码头" prop="enableWharf">
            <a-select
              mode="multiple"
              showSearch
              v-model="batchForm.enableWharf"
              placeholder="请选择可预约码头"
              style="width: 100%;">
              <a-select-option v-for="d in wharfList" :key="d.id" :value="d.id">{{ d.wharfNanme }}</a-select-option>
            </a-select></a-form-model-item>
        </a-col>
      </a-row>
    </a-form-model>
    <template slot="footer">
      <a-button :disabled="disabled" @click="cancel">
        取消
      </a-button>
      <a-button type="primary" :disabled="disabled" @click="batchSave(true, 0)">
        保存
      </a-button>
      <a-button type="primary" :disabled="disabled" @click="batchSave(true, 1)">
        保存并发布
      </a-button>
    </template>
  </ant-modal>
</template>
<script>
import SysReservationConfigAddForm from './SysReservationConfigForm'
export default {
  ...SysReservationConfigAddForm
}
</script>
