入职登记-新增-表单校验

src/views/oa/modules/EnrollmentModal.vue

@@ -38,6 +38,8 @@
               <j-date placeholder="请选择登记日期" v-decorator="[ 'operateDate', validatorRules.operateDate]" :trigger-change="true" style="width: 100%" :disabled="show"/>
             </a-form-item>
           </a-col>
+        </a-row>
+      <a-row>
           <a-col :span="8  ">
             <a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-input v-decorator="[ 'realname', validatorRules.realname]" placeholder="请输入姓名" :disabled="show"></a-input>
@@ -56,6 +58,8 @@
               </a-select>
             </a-form-item>
           </a-col>
+        </a-row>
+      <a-row>
           <a-col :span="8  ">
             <a-form-item label="证件类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-select v-decorator="['idType', validatorRules.idType]" placeholder="请选择证件类型" :disabled="show" :getPopupContainer="trigger => trigger.parentNode || document.body"> 
@@ -74,6 +78,8 @@
               <j-date placeholder="请选择生日" v-decorator="[ 'birthday', validatorRules.birthday]" :trigger-change="true" style="width: 100%" :disabled="show"/>
             </a-form-item>
           </a-col>
+        </a-row>
+      <a-row>
           <a-col :span="8  ">
             <a-form-item label="入职日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <j-date placeholder="请选择入职日期" v-decorator="[ 'joinDate', validatorRules.joinDate]" :trigger-change="true" style="width: 100%" :disabled="show"/>
@@ -89,6 +95,8 @@
               <a-input v-decorator="[ 'postLevel', validatorRules.postLevel]" placeholder="请输入职级" :disabled="show"></a-input>
             </a-form-item>
           </a-col>
+        </a-row>
+      <a-row>
           <a-col :span="8  ">
             <a-form-item label="学历" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-select v-decorator="['education', validatorRules.education]" placeholder="请选择学历" :disabled="show">
@@ -112,6 +120,8 @@
               <j-select-depart v-decorator="['departIds', validatorRules.departIds]" :trigger-change="true" :disabled="show"/>
             </a-form-item>
           </a-col>
+        </a-row>
+      <a-row>
           <a-col :span="8  ">
             <a-form-item label="手机号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-input v-decorator="[ 'mobile', validatorRules.mobile]" placeholder="请输入手机号码" :disabled="show"></a-input>
@@ -127,6 +137,8 @@
               <a-input v-decorator="[ 'address', validatorRules.address]" placeholder="请输入联系地址" :disabled="show"></a-input>
             </a-form-item>
           </a-col>
+        </a-row>
+      <a-row>
           <a-col :span="8  ">
             <a-form-item label="试用结束日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <j-date placeholder="请选择试用结束日期" v-decorator="[ 'probationEnd', validatorRules.probationEnd]" :trigger-change="true" style="width: 100%" :disabled="show"/>
@@ -142,6 +154,8 @@
               <j-date placeholder="请选择合同结束日期" @change="changeEndTime" v-decorator="[ 'contractEnd', validatorRules.contractEnd]" :trigger-change="true" style="width: 100%" :disabled="show"/>
             </a-form-item>
           </a-col>
+        </a-row>
+      <a-row>
           <a-col :span="8  ">
             <a-form-item label="身份" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-radio-group  v-decorator="[ 'identity', validatorRules.identity]" :disabled="show">
@@ -160,6 +174,8 @@
               <j-upload v-decorator="['signature', validatorRules.signature]" fileType="image" :trigger-change="true" :disabled="show"></j-upload>
             </a-form-item>
           </a-col>
+        </a-row>
+      <a-row>
           <a-col :span="8  ">
             <a-form-item label="附件" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <j-upload v-decorator="['attachment', validatorRules.attachment]" fileType="file" :trigger-change="true" :disabled="show"></j-upload>
@@ -575,5 +591,6 @@
 
 /deep/ .ant-form-item-control {
       height: 40px;
+      display: contents;
 } 
 </style>