细节修改

src/components/Introduce/Model.vue

@@ -7,126 +7,53 @@
 <template>
   <div>
     <a-button @click="showModal" type="primary">立即加入</a-button>
-    <a-modal
+    <a-modal :confirm-loading="confirmLoading" :visible="visible" @cancel="handleCancel" @ok="handleOk(type)" title="招聘信息" width="50%">
-      :confirm-loading="confirmLoading"
-      :visible="visible"
-      @cancel="handleCancel"
-      @ok="handleOk(type)"
-      title="招聘信息"
-      width="50%"
-    >
       <a-form :form="form">
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="姓名" required>
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="姓名"
-          required
-        >
           <a-input placeholder="请输入姓名" v-model.trim="recruit.name" />
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="性别">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="性别"
-        >
           <!-- 单选 -->
           <a-radio-group v-model="recruit.sex">
             <a-radio :value="0">男</a-radio>
             <a-radio :value="1">女</a-radio>
           </a-radio-group>
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="出生年月" required>
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="出生年月"
-        >
           <!-- 时间选择器（时间点） -->
           <a-date-picker @change="changeBirthday" class="fill-width" />
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="参加工作时间" required>
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="参加工作时间"
-        >
           <!-- 时间选择器（时间点） -->
           <a-date-picker @change="changeStartJob" class="fill-width" />
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="电话" required>
-          :label-col="formItemLayout.labelCol"
+          <a-input @change="changePhone" placeholder="请输入联系电话" type="tel" v-decorator="['tel', { rules: phoneRules }]" />
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="电话"
-          required
-        >
-          <a-input
-            @change="changePhone"
-            placeholder="请输入联系电话"
-            type="tel"
-            v-decorator="['tel', { rules: phoneRules }]"
-          />
         </a-form-item>
 
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="图片验证码" required>
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="图片验证码"
-          required
-        >
           <div class="d-flex flex-nowrap">
             <a-input placeholder="图片验证码" type="number" v-model="codeNum" />
-            <img
+            <img :src="picCode.imageBase64" @click="changePicCode" class="code_img ml-2" v-if="picCode && picCode.imageBase64" />
-              :src="picCode.imageBase64"
-              @click="changePicCode"
-              class="code_img ml-2"
-              v-if="picCode && picCode.imageBase64"
-            />
             <a-button @click="changePicCode" class="code_img ml-2" size="small" v-else>获取验证码</a-button>
             <!-- <a-input v-decorator="['account', { rules: rules.account }]" /> -->
           </div>
         </a-form-item>
 
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="短信验证码" required>
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="短信验证码"
-          required
-        >
           <div class="d-flex flex-nowrap">
             <a-input placeholder="请输入验证码" type="number" v-model="recruit.code" />
-            <a-button
+            <a-button class="code_img ml-2" disabled type="primary" v-if="showInterval">重新发送 {{ interval }}</a-button>
-              class="code_img ml-2"
+            <a-button :disabled="recruit.isTel === false" @click="getCode" class="code_img ml-2" type="primary" v-else>获取验证码</a-button>
-              disabled
-              type="primary"
-              v-if="showInterval"
-            >重新发送 {{ interval }}</a-button>
-            <a-button
-              :disabled="recruit.isTel === false"
-              @click="getCode"
-              class="code_img ml-2"
-              type="primary"
-              v-else
-            >获取验证码</a-button>
           </div>
         </a-form-item>
 
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="电子邮箱">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="电子邮箱"
-        >
           <!-- 电子邮箱 -->
-          <a-input
+          <a-input @change="changeEamil" placeholder="请输入电子邮箱..." type="email" v-decorator="['email', { rules: emailRules }]" />
-            @change="changeEamil"
-            placeholder="请输入电子邮箱..."
-            type="email"
-            v-decorator="['email', { rules: emailRules }]"
-          />
         </a-form-item>
         <!-- 是否在职 -->
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="是否在职">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="是否在职"
-        >
           <!-- 单选 -->
           <a-radio-group v-model="recruit.inWork">
             <a-radio :value="1">是</a-radio>
@@ -134,89 +61,40 @@
           </a-radio-group>
         </a-form-item>
         <!-- 现居住地 -->
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="现居住地">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="现居住地"
-        >
           <a-input placeholder="请输入现居住地" v-model.trim="recruit.address" />
         </a-form-item>
         <!-- 户口所在地 -->
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="户口所在地">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="户口所在地"
-        >
           <a-input placeholder="请输入户口所在地" v-model.trim="recruit.birthdayPlace" />
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="求职意向" required>
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="求职意向"
-          required
-        >
           <a-textarea placeholder="请输入求职意向..." v-model.trim="recruit.jobWilling" />
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="工作经历">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="工作经历"
-        >
           <a-textarea placeholder="请输入工作经历..." v-model.trim="recruit.jobExpirence" />
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="教育经历">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="教育经历"
-        >
           <a-textarea placeholder="请输入教育经历..." v-model.trim="recruit.educationExpirence" />
         </a-form-item>
         <!-- 语言能力 -->
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="语言能力">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="语言能力"
-        >
           <a-textarea placeholder="请输入语言能力" v-model.trim="recruit.language" />
         </a-form-item>
         <!-- 专业技能 -->
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="专业技能">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="专业技能"
-        >
           <a-textarea placeholder="请输入专业技能" v-model.trim="recruit.skill" />
         </a-form-item>
         <!-- 获得证书 -->
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="获得证书">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="获得证书"
-        >
           <a-textarea placeholder="请输入获得证书" v-model.trim="recruit.zhengShu" />
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="自我评价">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="自我评价"
-        >
           <a-textarea placeholder="请输入自我评价..." v-model.trim="recruit.personalDescription" />
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="上传附件">
-          :label-col="formItemLayout.labelCol"
+          <a-upload :action="action" :default-file-list="fileList" @change="fileChange" list-type="picture" name="files">
-          :wrapper-col="formItemLayout.wrapperCol"
+            <a-button> <a-icon type="upload" />点击上传附件 </a-button>
-          label="上传附件"
-        >
-          <a-upload
-            :action="action"
-            :default-file-list="fileList"
-            @change="fileChange"
-            list-type="picture"
-            name="files"
-          >
-            <a-button>
-              <a-icon type="upload" />点击上传附件
-            </a-button>
           </a-upload>
         </a-form-item>
       </a-form>
@@ -323,6 +201,10 @@ export default {
         this.$message.error('电话为必填项');
       } else if (!this.recruit.jobWilling) {
         this.$message.error('求职意向为必填项');
+      } else if (!this.recruit.birthday) {
+        this.$message.error('出生日期为必填项');
+      } else if (!this.recruit.startJob) {
+        this.$message.error('参加工作时间必填项');
       } else if (this.recruit.email && this.recruit.isEmail === false) {
         this.$message.error('请输入正确的邮箱格式');
       } else {