feat: 注册用户信息修改兼容性问题

src/views/person/PersonForm.vue

@@ -20,25 +20,26 @@
               <a-input v-decorator="['userId']" />
             </a-form-item>
 
-            <a-form-item
+            <a-form-item label="用户名" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-              label="用户名"
+              <a-input
-              :labelCol="labelCol"
+                placeholder="请输入用户名"
-              :wrapperCol="wrapperCol"
+                :disabled="registerDisabled"
-              has-feedback
+                v-decorator="[
-            >
+                  'userName',
-              <a-input placeholder="请输入用户名" :disabled="registerDisabled" v-decorator="['userName', {rules: [{required: true, message: '请输入用户名!'}]}]" />
+                  { rules: [{ required: true, message: '请输入用户名!' }] },
+                ]"
+              />
             </a-form-item>
           </a-form>
         </a-col>
-        <a-col :md="12" :sm="24" >
+        <a-col :md="12" :sm="24">
           <a-form :form="form">
-            <a-form-item
+            <a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-              label="姓名"
+              <a-input
-              :labelCol="labelCol"
+                placeholder="请输入姓名"
-              :wrapperCol="wrapperCol"
+                :disabled="registerDisabled"
-              has-feedback
+                v-decorator="['name', { rules: [{ required: true, message: '请输入姓名！' }] }]"
-            >
+              />
-              <a-input placeholder="请输入姓名" :disabled="registerDisabled" v-decorator="['name', {rules: [{required: true, message: '请输入姓名！'}]}]" />
             </a-form-item>
           </a-form>
         </a-col>
@@ -46,24 +47,21 @@
       <a-row :gutter="24">
         <a-col :md="12" :sm="24">
           <a-form :form="form">
-            <a-form-item
+            <a-form-item label="身份证" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-              label="身份证"
+              <a-input
-              :labelCol="labelCol"
+                placeholder="请输入身份证"
-              :wrapperCol="wrapperCol"
+                v-decorator="[
-              has-feedback
+                  'idCardNo',
-            >
+                  { rules: [{ required: true, message: '请输入身份证！' }] },
-              <a-input placeholder="请输入身份证" v-decorator="['idCardNo', {rules: [{required: true, message: '请输入身份证！'}]}]" @blur="idCardNoBlur"/>
+                ]"
+                @blur="idCardNoBlur"
+              />
             </a-form-item>
           </a-form>
         </a-col>
         <a-col :md="12" :sm="24">
           <a-form :form="form">
-            <a-form-item
+            <a-form-item label="年龄" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-              label="年龄"
-              :labelCol="labelCol"
-              :wrapperCol="wrapperCol"
-              has-feedback
-            >
               <a-input readOnly v-decorator="['age']" />
             </a-form-item>
           </a-form>
@@ -72,12 +70,11 @@
       <a-row :gutter="24">
         <a-col :md="12" :sm="24">
           <a-form :form="form">
-            <a-form-item
+            <a-form-item label="性别" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              label="性别"
+              <a-radio-group
-              :labelCol="labelCol"
+                readOnly
-              :wrapperCol="wrapperCol"
+                v-decorator="['sex', { rules: [{ required: true, message: '请选择性别！' }] }]"
-            >
+              >
-              <a-radio-group readOnly v-decorator="['sex',{rules: [{ required: true, message: '请选择性别！' }]}]" >
                 <a-radio :value="1">男</a-radio>
                 <a-radio :value="2">女</a-radio>
               </a-radio-group>
@@ -86,13 +83,12 @@
         </a-col>
         <a-col :md="12" :sm="24">
           <a-form :form="form">
-            <a-form-item
+            <a-form-item label="手机号" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-              label="手机号"
+              <a-input
-              :labelCol="labelCol"
+                :disabled="type == 2"
-              :wrapperCol="wrapperCol"
+                placeholder="请输入手机号"
-              has-feedback
+                v-decorator="['phone', { rules: [{ required: true, message: '请输入手机号！' }] }]"
-            >
+              />
-              <a-input placeholder="请输入手机号" v-decorator="['phone',{rules: [{ required: true, message: '请输入手机号！' }]}]" />
             </a-form-item>
           </a-form>
         </a-col>
@@ -102,12 +98,18 @@
           <a-form :form="form">
             <a-form-item
               label="岗位"
-              :labelCol="{span: 3}"
+              :labelCol="{ span: 3 }"
-              :wrapperCol="{span: 20}"
+              :wrapperCol="{ span: 20 }"
               has-feedback
             >
-              <a-select style="width: 100%" placeholder="请选择岗位" v-decorator="['jobs',{rules: [{ required: true, message: '请选择岗位！' }]}]" >
+              <a-select
-                <a-select-option v-for="(item,index) in jobsData" :key="index" :value="item.value" >{{ item.name }}</a-select-option>
+                style="width: 100%"
+                placeholder="请选择岗位"
+                v-decorator="['jobs', { rules: [{ required: true, message: '请选择岗位！' }] }]"
+              >
+                <a-select-option v-for="(item, index) in jobsData" :key="index" :value="item.value">
+                  {{ item.name }}
+                </a-select-option>
               </a-select>
             </a-form-item>
           </a-form>
@@ -116,28 +118,38 @@
       <a-row :gutter="24">
         <a-col :md="12" :sm="24">
           <a-form :form="form">
-            <a-form-item
+            <a-form-item label="工种" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-              label="工种"
+              <a-select
-              :labelCol="labelCol"
+                style="width: 100%"
-              :wrapperCol="wrapperCol"
+                placeholder="请选择工种"
-              has-feedback
+                v-decorator="['workType', { rules: [{ required: true, message: '请选择工种！' }] }]"
-            >
+              >
-              <a-select style="width: 100%" placeholder="请选择工种" v-decorator="['workType',{rules: [{ required: true, message: '请选择工种！' }]}]" >
+                <a-select-option
-                <a-select-option v-for="(item,index) in workTypeData" :key="index" :value="item.value" >{{ item.name }}</a-select-option>
+                  v-for="(item, index) in workTypeData"
+                  :key="index"
+                  :value="item.value"
+                >
+                  {{ item.name }}
+                </a-select-option>
               </a-select>
             </a-form-item>
           </a-form>
         </a-col>
         <a-col :md="12" :sm="24">
           <a-form :form="form">
-            <a-form-item
+            <a-form-item label="学历" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-              label="学历"
+              <a-select
-              :labelCol="labelCol"
+                style="width: 100%"
-              :wrapperCol="wrapperCol"
+                placeholder="请选择学历"
-              has-feedback
+                v-decorator="['degreeId', { rules: [{ required: true, message: '请选择学历！' }] }]"
-            >
+              >
-              <a-select style="width: 100%" placeholder="请选择学历" v-decorator="['degreeId',{rules: [{ required: true, message: '请选择学历！' }]}]" >
+                <a-select-option
-                <a-select-option v-for="(item,index) in degreeData" :key="index" :value="item.value" >{{ item.name }}</a-select-option>
+                  v-for="(item, index) in degreeData"
+                  :key="index"
+                  :value="item.value"
+                >
+                  {{ item.name }}
+                </a-select-option>
               </a-select>
             </a-form-item>
           </a-form>
@@ -146,13 +158,16 @@
       <a-row :gutter="24">
         <a-col :md="24" :sm="24">
           <a-form :form="form">
-            <a-form-item
+            <a-form-item label="人员类型" :labelCol="{ span: 3 }" :wrapperCol="{ span: 20 }">
-              label="人员类型"
+              <a-checkbox-group
-              :labelCol="{span: 3}"
+                v-decorator="['type', { rules: [{ required: true, message: '请选择人员类型！' }] }]"
-              :wrapperCol="{span: 20}"
+              >
-            >
+                <a-checkbox
-              <a-checkbox-group v-decorator="['type',{rules: [{ required: true, message: '请选择人员类型！' }]}]">
+                  name="type"
-                <a-checkbox name="type" v-for="(item,index) in typeData" :key="index" :value="item.value" >
+                  v-for="(item, index) in typeData"
+                  :key="index"
+                  :value="item.value"
+                >
                   {{ item.name }}
                 </a-checkbox>
               </a-checkbox-group>
@@ -169,7 +184,17 @@
               :wrapperCol="wrapperCol"
               has-feedback
             >
-              <a-input readOnly @click="openOrgTree" v-decorator="['orgName',{rules: [{ required: true, message: '请选择机构！' }]}]" />
+              <a-input
+                v-if="type == 1"
+                readOnly
+                @click="openOrgTree"
+                v-decorator="['orgName', { rules: [{ required: true, message: '请选择机构！' }] }]"
+              />
+              <a-input
+                v-else
+                readOnly
+                v-decorator="['orgName', { rules: [{ required: true, message: '请选择机构！' }] }]"
+              />
             </a-form-item>
             <a-form-item style="display: none;">
               <a-input v-decorator="['orgId']" />
@@ -177,7 +202,7 @@
           </a-form>
         </a-col>
       </a-row>
-      <a-row :gutter="24">
+      <a-row :gutter="24" v-if="type == 1">
         <a-col :md="12" :sm="24">
           <a-form :form="form">
             <a-form-item
@@ -196,21 +221,15 @@
       <a-row :gutter="24">
         <a-col :md="12" :sm="24">
           <a-form :form="form">
-            <a-form-item
+            <a-form-item label="身份证正面" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              label="身份证正面"
+              <db-upload v-model="fileList" max="1" type="img"></db-upload>
-              :labelCol="labelCol"
-              :wrapperCol="wrapperCol">
-              <db-upload v-model="fileList" max="1" type='img'></db-upload>
             </a-form-item>
           </a-form>
         </a-col>
         <a-col :md="12" :sm="24">
           <a-form :form="form">
-            <a-form-item
+            <a-form-item label="身份证反面" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              label="身份证反面"
+              <db-upload v-model="fileList2" max="1" type="img"></db-upload>
-              :labelCol="labelCol"
-              :wrapperCol="wrapperCol">
-              <db-upload v-model="fileList2" max="1" type='img'></db-upload>
             </a-form-item>
           </a-form>
         </a-col>
@@ -220,107 +239,109 @@
       <a-row :gutter="24">
         <a-col :md="12" :sm="24">
           <a-form :form="form">
-            <a-form-item
+            <a-form-item label="图像" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              label="图像"
+              <db-upload v-model="fileList3" max="1" type="img" fileSize="500"></db-upload>
-              :labelCol="labelCol"
-              :wrapperCol="wrapperCol">
-              <db-upload v-model="fileList3" max="1" type='img' fileSize="500"></db-upload>
             </a-form-item>
           </a-form>
         </a-col>
       </a-row>
-
     </a-spin>
 
-    <org-tree @selectOrg="selectOrg($event)" ref="orgModal"/>
+    <org-tree @selectOrg="selectOrg($event)" ref="orgModal" />
-
   </a-modal>
 </template>
 
 <script>
-  import { personAddOrUpdate, personGet } from '@/api/person/person'
+import { personAddOrUpdate, personGet } from '@/api/person/person'
-  import { dictionaryDropDown } from '@/api/sys/dictionaryItem'
+import { dictionaryDropDown } from '@/api/sys/dictionaryItem'
-  import OrgTree from '../org/OrgTree'
+import OrgTree from '../org/OrgTree'
-  import DbUpload from '@/components/DbUpload/DbUpload.vue'
+import DbUpload from '@/components/DbUpload/DbUpload.vue'
-  export default {
+export default {
-    components: {
+  components: {
-      OrgTree,
+    OrgTree,
-      DbUpload
+    DbUpload
-    },
+  },
-    data () {
+  props: {
-      return {
+    type: {
-        labelCol: {
+      type: [String, Number],
-          xs: { span: 24 },
+      default: 1 // 1: 默认原来的类型 2: 注册弹出的修改框
-          sm: { span: 6 }
+    }
-        },
+  },
-        wrapperCol: {
+  data () {
-          xs: { span: 24 },
+    return {
-          sm: { span: 16 }
+      labelCol: {
-        },
+        xs: { span: 24 },
-        modalTitle: '新增人员',
+        sm: { span: 6 }
-        visible: false,
-        confirmLoading: false,
-        registerDisabled: false,
-        form: this.$form.createForm(this),
-        jobsData: [],
-        workTypeData: [],
-        degreeData: [],
-        typeData: [],
-        fileList: [],
-        fileList2: [],
-        fileList3: [],
-        isRegister: 0
-      }
-    },
-    mounted () {
-      this.dictionaryDropDown()
-    },
-    methods: {
-      // 注册信息编辑 新增人员初始化方法
-      registerEdit (record) {
-        this.modalTitle = '审核人员'
-        this.confirmLoading = true
-        this.visible = true
-        this.isRegister = 1
-
-        this.registerDisabled = true
-        setTimeout(() => {
-           // 基本信息加入表单
-           this.form.setFieldsValue(
-             {
-               name: record.name,
-               userName: record.userName,
-               phone: record.phone,
-               orgId: record.orgId,
-               orgName: record.orgName,
-               id: record.personId, // 审核注册信息 需要把personId带入
-               userId: record.userId
-             }
-           )
-        }, 100)
-
-        this.confirmLoading = false
       },
-      // 编辑初始化方法
+      wrapperCol: {
-      edit (record) {
+        xs: { span: 24 },
-        this.modalTitle = '编辑人员'
+        sm: { span: 16 }
-        this.confirmLoading = true
+      },
-        this.visible = true
+      modalTitle: '新增人员',
-        this.isRegister = 0
+      visible: false,
-
+      confirmLoading: false,
-        this.registerDisabled = true
+      registerDisabled: false,
+      form: this.$form.createForm(this),
+      jobsData: [],
+      workTypeData: [],
+      degreeData: [],
+      typeData: [],
+      fileList: [],
+      fileList2: [],
+      fileList3: [],
+      isRegister: 0
+    }
+  },
+  mounted () {
+    this.dictionaryDropDown()
+  },
+  methods: {
+    // 注册信息编辑 新增人员初始化方法
+    registerEdit (record) {
+      this.modalTitle = '审核人员'
+      this.confirmLoading = true
+      this.visible = true
+      this.isRegister = 1
 
+      this.registerDisabled = true
+      setTimeout(() => {
         // 基本信息加入表单
-        personGet({ id: record.id }).then((res) => {
+        this.form.setFieldsValue({
-         if (res.code === 200) {
+          name: record.name,
-           const data = res.data
+          userName: record.userName,
-           // 默认选中的多选框
+          phone: record.phone,
-           const type = data.type && data.type.split(',') || []
+          orgId: record.orgId,
-           const typeIntArr = []// 保存转换后的整型字符串
+          orgName: record.orgName,
-           type.forEach(item => {
+          id: record.personId, // 审核注册信息 需要把personId带入
-               typeIntArr.push(+item)
+          userId: record.userId
-           })
+        })
-           this.form.getFieldDecorator('type', { valuePropName: 'checked', initialValue: typeIntArr })
+      }, 100)
+
+      this.confirmLoading = false
+    },
+    // 编辑初始化方法
+    edit (record) {
+      this.modalTitle = '编辑人员'
+      this.confirmLoading = true
+      this.visible = true
+      this.isRegister = 0
+
+      this.registerDisabled = true
+
+      // 基本信息加入表单
+      personGet({ id: record.id }).then(res => {
+        if (res.code === 200) {
+          const data = res.data
+          // 默认选中的多选框
+          const type = (data.type && data.type.split(',')) || []
+          const typeIntArr = [] // 保存转换后的整型字符串
+          type.forEach(item => {
+            typeIntArr.push(+item)
+          })
+          this.form.getFieldDecorator('type', {
+            valuePropName: 'checked',
+            initialValue: typeIntArr
+          })
 
           if (data.idPhotoFace) {
             this.fileList = JSON.parse(data.idPhotoFace)
@@ -335,89 +356,89 @@
               url: data.avatar
             })
           }
-           this.form.setFieldsValue(
+          this.form.setFieldsValue({
-             {
+            id: data.id,
-               id: data.id,
+            userId: data.userId,
-               userId: data.userId,
+            name: data.name,
-               name: data.name,
+            userName: data.userName,
-               userName: data.userName,
+            idCardNo: data.idCardNo,
-               idCardNo: data.idCardNo,
+            // age: data.age,
-               // age: data.age,
+            // sex: data.sex,
-               // sex: data.sex,
+            phone: data.phone,
-               phone: data.phone,
+            jobs: data.jobs ? parseInt(data.jobs) : undefined,
-               jobs: data.jobs ? parseInt(data.jobs) : undefined,
+            workType: data.workType ? parseInt(data.workType) : undefined,
-               workType: data.workType ? parseInt(data.workType) : undefined,
+            degreeId: data.degreeId,
-               degreeId: data.degreeId,
+            orgId: data.orgId,
-               orgId: data.orgId,
+            orgName: data.orgName,
-               orgName: data.orgName,
+            planClassHour: data.planClassHour
-               planClassHour: data.planClassHour
+          })
-             }
+          // 动态赋值年龄和性别
-           )
+          this.analyzeIdCardNo(data.idCardNo)
-           // 动态赋值年龄和性别
+        } else {
-           this.analyzeIdCardNo(data.idCardNo)
+          this.$message.error('查询失败：' + res.msg)
-         } else {
+        }
-           this.$message.error('查询失败：' + res.msg)
+      })
-         }
+      this.confirmLoading = false
-        })
+    },
-        this.confirmLoading = false
+    /**
-      },
+     * 获取字典数据
-      /**
+     */
-       * 获取字典数据
+    dictionaryDropDown () {
-       */
+      this.formLoading = true
-      dictionaryDropDown () {
+      // 岗位
-        this.formLoading = true
+      dictionaryDropDown({ dictionaryCode: '0002' }).then(res => {
-        // 岗位
+        this.jobsData = res.data
-        dictionaryDropDown({ dictionaryCode: '0002' }).then((res) => {
+      })
-          this.jobsData = res.data
+      // 工种
-        })
+      dictionaryDropDown({ dictionaryCode: '0003' }).then(res => {
-        // 工种
+        this.workTypeData = res.data
-        dictionaryDropDown({ dictionaryCode: '0003' }).then((res) => {
+      })
-          this.workTypeData = res.data
+      // 学历
-        })
+      dictionaryDropDown({ dictionaryCode: '0004' }).then(res => {
-        // 学历
+        this.degreeData = res.data
-        dictionaryDropDown({ dictionaryCode: '0004' }).then((res) => {
+      })
-          this.degreeData = res.data
+      // 人员类型
-        })
+      dictionaryDropDown({ dictionaryCode: '0005' }).then(res => {
-        // 人员类型
+        this.typeData = res.data
-        dictionaryDropDown({ dictionaryCode: '0005' }).then((res) => {
+        this.formLoading = false
-          this.typeData = res.data
+      })
-          this.formLoading = false
+    },
-        })
+    handleSubmit () {
-      },
+      const {
-      handleSubmit () {
+        form: { validateFields }
-        const { form: { validateFields } } = this
+      } = this
-        this.confirmLoading = true
+      this.confirmLoading = true
 
-        const _this = this
+      const _this = this
-        validateFields((errors, values) => {
+      validateFields((errors, values) => {
-          if (!errors) {
+        if (!errors) {
-            values.type = values.type.join(',')
+          values.type = values.type.join(',')
-            values.idPhotoFace = JSON.stringify(this.fileList)
+          values.idPhotoFace = JSON.stringify(this.fileList)
-            values.idPhotoBack = JSON.stringify(this.fileList2)
+          values.idPhotoBack = JSON.stringify(this.fileList2)
-            if (this.fileList3.length > 0) values.avatar = this.fileList3[0].url
+          if (this.fileList3.length > 0) values.avatar = this.fileList3[0].url
-
-            // 如果是注册审核的，弹出提示框
-            if(_this.isRegister === 1) {
-              this.$confirm({
-                title: '提示',
-                content: '确认通过审核吗?',
-                onOk () {
-                  values.isRegister = 1 // 审核通过
-                  _this.addOrUpdate(values)
-                },
-                onCancel () {}
-              })
-            } else {
-              _this.addOrUpdate(values)
-            }
 
+          // 如果是注册审核的，弹出提示框
+          if (_this.isRegister === 1) {
+            this.$confirm({
+              title: '提示',
+              content: '确认通过审核吗?',
+              onOk () {
+                values.isRegister = 1 // 审核通过
+                _this.addOrUpdate(values)
+              },
+              onCancel () {}
+            })
           } else {
-            this.confirmLoading = false
+            _this.addOrUpdate(values)
           }
-        })
+        } else {
-      },
+          this.confirmLoading = false
-      addOrUpdate (values) {
+        }
-        personAddOrUpdate(values).then((res) => {
+      })
+    },
+    addOrUpdate (values) {
+      personAddOrUpdate(values).then(
+        res => {
           this.confirmLoading = false
           if (res.code === 200) {
             this.$message.success('操作成功')
@@ -427,56 +448,58 @@
           } else {
             this.$message.error('操作失败：' + res.msg)
           }
-        }, (err) => {
+        },
+        err => {
           this.$message.error(err)
-        })
-      },
-      idCardNoBlur (event) {
-        const idCardNo = event.target.value
-        this.analyzeIdCardNo(idCardNo)
-      },
-      analyzeIdCardNo (idCardNo) {
-        // 如果用户身份证号码为undefined则返回空
-        if (!idCardNo) {
-          return
         }
-
+      )
-        // 获取性别
+    },
-        if (parseInt(idCardNo.substr(16, 1)) % 2 === 1) {
+    idCardNoBlur (event) {
-          this.form.setFieldsValue({ sex: 1 })
+      const idCardNo = event.target.value
-        } else {
+      this.analyzeIdCardNo(idCardNo)
-          this.form.setFieldsValue({ sex: 2 })
+    },
-        }
+    analyzeIdCardNo (idCardNo) {
-
+      // 如果用户身份证号码为undefined则返回空
-        // 获取出生日期
+      if (!idCardNo) {
-        var yearBirth = idCardNo.substring(6, 10)
+        return
-        var monthBirth = idCardNo.substring(10, 12)
-        var dayBirth = idCardNo.substring(12, 14)
-        // 获取当前年月日并计算年龄
-        var myDate = new Date()
-        var monthNow = myDate.getMonth() + 1
-        var dayNow = myDate.getDate()
-        var age = myDate.getFullYear() - yearBirth
-        if (monthNow < monthBirth || (monthNow === monthBirth && dayNow < dayBirth)) {
-          age--
-        }
-        // 得到年龄
-        this.form.setFieldsValue({ age })
-      },
-      openOrgTree () {
-        this.$refs.orgModal.loadOrg()
-      },
-      selectOrg (orgData) {
-        this.form.setFieldsValue({ orgId: orgData.id })
-        this.form.setFieldsValue({ orgName: orgData.name })
-      },
-      handleCancel () {
-        this.form.resetFields()
-        this.fileList = []
-        this.fileList2 = []
-        this.fileList3 = []
-        this.visible = false
       }
+
+      // 获取性别
+      if (parseInt(idCardNo.substr(16, 1)) % 2 === 1) {
+        this.form.setFieldsValue({ sex: 1 })
+      } else {
+        this.form.setFieldsValue({ sex: 2 })
+      }
+
+      // 获取出生日期
+      var yearBirth = idCardNo.substring(6, 10)
+      var monthBirth = idCardNo.substring(10, 12)
+      var dayBirth = idCardNo.substring(12, 14)
+      // 获取当前年月日并计算年龄
+      var myDate = new Date()
+      var monthNow = myDate.getMonth() + 1
+      var dayNow = myDate.getDate()
+      var age = myDate.getFullYear() - yearBirth
+      if (monthNow < monthBirth || (monthNow === monthBirth && dayNow < dayBirth)) {
+        age--
+      }
+      // 得到年龄
+      this.form.setFieldsValue({ age })
+    },
+    openOrgTree () {
+      this.$refs.orgModal.loadOrg()
+    },
+    selectOrg (orgData) {
+      this.form.setFieldsValue({ orgId: orgData.id })
+      this.form.setFieldsValue({ orgName: orgData.name })
+    },
+    handleCancel () {
+      this.form.resetFields()
+      this.fileList = []
+      this.fileList2 = []
+      this.fileList3 = []
+      this.visible = false
     }
   }
+}
 </script>

src/views/user/RegisterResult.vue

@@ -8,7 +8,7 @@
         <a-button size="large" style="margin-left: 8px" @click="goHomeHandle">返回登录页</a-button>
       </template>
     </a-result>
-    <PersonForm ref="personForm"></PersonForm>
+    <PersonForm ref="personForm" type="2"></PersonForm>
   </div>
 </template>