修复部分bug

src/views/system/user/extend.vue

@@ -10,7 +10,7 @@
       </el-descriptions>
     </div>
     <div class="info-box">
-      <el-form inline :model="formData" :rules="rules" ref="form" label-position="left" label-width="140px">
+      <el-form inline :model="formData" :rules="rules" ref="form" label-position="left" label-width="120px">
         <el-row>
           <el-col :xs="24" :sm="12" :md="8" :lg="6">
             <el-form-item label="是否专职" prop="isFullTime">
@@ -72,9 +72,9 @@
             </el-form-item>
           </el-col>
 
-          <el-col :xs="24" :sm="12" :md="8" :lg="6">
-            <el-form-item label="初级以上相关专业技术职业资格" prop="professionalQualifications">
-              <el-input style="width: 217px;" maxlength="50" v-model="formData.professionalQualifications"
+          <el-col :xs="24" :sm="12" :md="8" :lg="8">
+            <el-form-item label="初级以上相关专业技术职业资格" label-width="240" prop="professionalQualifications">
+              <el-input style="width: 240px;" maxlength="50" v-model="formData.professionalQualifications"
                 placeholder="请输入初级以上相关专业技术职业资格">
               </el-input>
             </el-form-item>
@@ -84,16 +84,16 @@
         <el-row>
 
           <el-col :xs="24" :sm="12" :md="8" :lg="6">
-            <el-form-item label="持证上岗未通过原因" prop="certificateFailReason">
-              <el-select style="width: 217px;" v-model="formData.certificateFailReason" placeholder="请选择持证上岗未通过原因">
+            <el-form-item label="持证上岗未通过原因" label-width="180" prop="certificateFailReason">
+              <el-select style="width: 190px;" v-model="formData.certificateFailReason" placeholder="请选择持证上岗未通过原因">
                 <el-option v-for="dict in dict.type.post_no_pass" :key="dict.value" :label="dict.label"
                   :value="dict.value" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :md="8" :lg="6">
-            <el-form-item style="width: 517px;" label="参加工作时间" prop="workTime">
-              <el-date-picker v-model="formData.workTime" :picker-options="endDatepickerOptions" align="right" type="date"
+            <el-form-item label="参加工作时间" prop="workTime">
+              <el-date-picker style="width: 217px;" v-model="formData.workTime" :picker-options="endDatepickerOptions" align="right" type="date"
                 placeholder="请选择参加工作时间">
               </el-date-picker>
             </el-form-item>
@@ -130,7 +130,7 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-col :xs="24" :sm="24" :md="24" :lg="24">
             <el-form-item label="上传相关证书">
               <image-upload :limit="5" :value="formData.qualificationCertificateUrl" :fileSize="2"
                 @input="getImgUrl"></image-upload>
@@ -146,7 +146,7 @@
         </el-row>
       </el-form>
     </div>
-    <div style="margin-top: 50px; margin-left: 42%">
+    <div style="margin-top: 30px; margin-left: 42%">
       <el-button type="primary" @click="saveExtend" v-hasPermi="['system:information:edit']" size="small">提交</el-button>
       <el-button type="primary" @click="nosaveExtend" size="small">取消</el-button>
     </div>
@@ -389,10 +389,15 @@ export default {
 
     saveExtend() {
       this.formData.userId = this.$route.params.userId;
-      this.formData.qualificationCertificateUrl = this.imgs.toString(',');
+      let imgs = JSON.parse(JSON.stringify(this.imgs));
+      let qualificationCertificateUrl =  imgs.toString(',');
       this.$refs['form'].validate((valid) => {
         if (valid) {
-          extendUserInformation(this.formData).then(res => {
+          let data = {
+            ...this.formData,
+            qualificationCertificateUrl
+          }
+          extendUserInformation(data).then(res => {
             this.$message.success('保存成功！')
             this.$router.go(-1)
           })