<template>
  <a-drawer
    width="45%"
    :title="formTitle"
    :label-col="4"
    :wrapper-col="14"
    :visible="open"
    :body-style="{height:'calc(100vh - 100px)',overflow:'auto'}"
    @close="cancel">
    <a-form-model ref="form" :model="form" :rules="rules" layout="vertical">
      <a-spin :spinning="spinning" :delay="delayTime" tip="Loading...">
      <a-row :gutter="32">
        <a-col :span="12">
          <a-form-model-item label="运单编号" prop="awbno">
            <a-input v-model="form.awbno" placeholder="请输入运单编号"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="品名描述" prop="cargodesc">
            <a-textarea v-model="form.cargodesc" placeholder="请输入品名描述" :rows="4"/>
          </a-form-model-item>
        </a-col>
    </a-row>
    <a-row :gutter="32">
        <a-col :span="12">
          <a-form-model-item label="运单货物件数" prop="pcs">
            <a-input-number v-model="form.pcs" :min="0" style="width: 100%"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="货物性质" prop="securitytype">
            <a-input v-model="form.securitytype" placeholder="请输入货物性质"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="运单货物重量" prop="weight">
            <a-input-number v-model="form.weight" :min="0" style="width: 100%"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="包装，例如：纸箱" prop="wrappage">
            <a-input v-model="form.wrappage" placeholder="请输入包装，例如：纸箱"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="agentSaleName" prop="agentsalename">
            <a-input v-model="form.agentsalename" placeholder="请输入agentSaleName"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="shipperName" prop="shippername">
            <a-input v-model="form.shippername" placeholder="请输入shipperName"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="agentShipName" prop="agentshipname">
            <a-input v-model="form.agentshipname" placeholder="请输入agentShipName"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="始发站" prop="originairport">
            <a-input v-model="form.originairport" placeholder="请输入始发站"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="目的地机场" prop="destairport">
            <a-input v-model="form.destairport" placeholder="请输入目的地机场"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="航空公司" prop="carriercode">
            <a-input v-model="form.carriercode" placeholder="请输入航空公司"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="航班号" prop="flightno">
            <a-input v-model="form.flightno" placeholder="请输入航班号"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="航班开始日期" prop="flightdate">
            <a-date-picker
              v-model="form.flightdate"
              valueFormat="YYYY-MM-DD"
              :show-today="true"
              placeholder="选择日期"
            />
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="电子产品名称" prop="libname">
            <a-input v-model="form.libname" placeholder="请输入电子产品名称"/>
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="锂电池型号" prop="libmodel">
            <a-input v-model="form.libmodel" placeholder="请输入锂电池型号"/>
          </a-form-model-item>
        </a-col>
      </a-row>
      </a-spin>
       <div class="bottom-control">
              <a-space>
              <a-button @click="cancel">
                  取消
              </a-button>
              <a-button type="primary" @click="submitForm">
                  保存
              </a-button>
              </a-space>
       </div>
    </a-form-model>
  </a-drawer>
</template>
<script>
import VCsisBusinessAsdEditForm from './VCsisBusinessAsdForm'
export default {
  ...VCsisBusinessAsdEditForm
}
</script>
