员工档案-新增-表单校验

src/views/system/modules/NewUserModal.vue

@@ -11,7 +11,6 @@
       <!-- 主表单区域 -->
       <a-form :form="form">
         <a-row>
-
             <a-col :span="8  ">
             <a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-input v-decorator="[ 'realname', validatorRules.realname]" placeholder="请输入姓名"></a-input>
@@ -30,6 +29,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="请选择证件类型">
@@ -48,6 +49,8 @@
               <j-date placeholder="请选择生日" v-decorator="[ 'birthday', validatorRules.birthday]" :trigger-change="true" style="width: 100%"/>
             </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%"/>
@@ -63,6 +66,8 @@
               <a-input v-decorator="[ 'postLevel', validatorRules.postLevel]" placeholder="请输入职级"></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="请选择学历">
@@ -86,6 +91,8 @@
               <j-select-depart v-decorator="['departIds', validatorRules.departIds]" :trigger-change="true"/>
             </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="请输入手机号码"></a-input>
@@ -101,6 +108,8 @@
               <a-input v-decorator="[ 'address', validatorRules.address]" placeholder="请输入联系地址"></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%"/>
@@ -116,6 +125,8 @@
               <j-date placeholder="请选择合同结束日期" @change="changeEndTime" v-decorator="[ 'contractEnd', validatorRules.contractEnd]" :trigger-change="true" style="width: 100%"/>
             </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]">
@@ -134,6 +145,8 @@
               <j-upload v-decorator="['signature', validatorRules.signature]" fileType="image" :trigger-change="true"></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"></j-upload>
@@ -539,5 +552,7 @@
 <style scoped lang="less">
 /deep/ .ant-form-item-control {
       height: 40px;
+      display: contents;
 } 
+
 </style>