新建重复打开回显bug

src/views/systemManagement/companyList/components/companyDataDialog.vue

@@ -17,7 +17,7 @@
             :model="form"
             class="commerceMessage_form"
           >
-            <el-form-item label="企业名称">
+            <el-form-item label="企业名称" prop="companyName">
               <el-input v-model="form.companyName"></el-input>
             </el-form-item>
             <el-form-item label="统一社会信用代码" prop="socialCreditCode">
@@ -71,7 +71,7 @@
           :model="form"
           class="commerceMessage_form_two"
         >
-          <el-form-item label="企业登记注册地">
+          <el-form-item label="企业登记注册地" prop="registerAddress">
             <el-input v-model="form.registerAddress"></el-input>
           </el-form-item>
           <el-form-item label="企业类型" prop="companyTypes">
@@ -100,7 +100,7 @@
           :model="form"
           class="company_person_message_form"
         >
-          <el-form-item label="安全责任人">
+          <el-form-item label="安全责任人" prop="emergencyContact">
             <el-input v-model="form.emergencyContact"></el-input>
           </el-form-item>
           <el-form-item label="责任人电话" prop="emergencyContactPhone">
@@ -116,7 +116,7 @@
           :model="form"
           class="company_position_form"
         >
-          <el-form-item label="省份名称">
+          <el-form-item label="省份名称" prop="provinceName">
             <el-select
               v-model="form.provinceName"
               @change="checkCity"
@@ -131,7 +131,7 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="城市名称">
+          <el-form-item label="城市名称" prop="cityName">
             <el-select
               v-model="form.cityName"
               @change="checkCounty"
@@ -146,7 +146,7 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="区县名称">
+          <el-form-item label="区县名称" prop="areaName">
             <el-select
               v-model="form.areaName"
               @change="checkTown"
@@ -161,7 +161,7 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="街道/乡镇名称">
+          <el-form-item label="街道/乡镇名称" prop="blockName">
             <el-select
               v-model="form.blockName"
               @change="checkCommunity"
@@ -176,7 +176,7 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="社区/村名称">
+          <el-form-item label="社区/村名称" prop="streetName">
             <el-select
               v-model="form.streetName"
               placeholder="请选择社区/村名称"
@@ -198,7 +198,11 @@
             <el-input v-model="form.latitude"></el-input>
           </el-form-item>
           <el-form-item> </el-form-item>
-          <el-form-item label="企业地址" prop="companyAddress" class="companyAddress_text">
+          <el-form-item
+            label="企业地址"
+            prop="companyAddress"
+            class="companyAddress_text"
+          >
             <el-input v-model="form.companyAddress"></el-input>
           </el-form-item>
         </el-form>
@@ -211,10 +215,10 @@
           :model="form"
           class="jurisdiction_form"
         >
-          <el-form-item label="辖区派出所编码">
+          <el-form-item label="辖区派出所编码" prop="policeDistrictCode">
             <el-input v-model="form.policeDistrictCode"></el-input>
           </el-form-item>
-          <el-form-item label="辖区派出所名称">
+          <el-form-item label="辖区派出所名称" prop="policeDistrictCn">
             <el-select
               v-model="form.policeDistrictCn"
               placeholder="请选择辖区派出所名称"
@@ -307,16 +311,40 @@ export default {
     open(num, item) {
       this.visible = true;
       if (num === 1) {
-        // 新建打开时，所有重置表单
-        this.$refs["commerceMessage_form"].resetFields();
-        this.$refs["commerceMessage_form_two"].resetFields();
-        this.$refs["company_person_message_form"].resetFields();
-        this.$refs["company_position_form"].resetFields();
-        this.$refs["jurisdiction_form"].resetFields();
+        // 新建打开时，清空表单
         this.dialogTitle = "新建";
-        this.form = {};
-      } else if (num === 2) {
-        this.dialogTitle = "查看档案";
+        const newForm = {
+          // 企业工商信息上半部分
+          companyName: "",
+          socialCreditCode: "",
+          companyNature: "",
+          businessTermDate: "",
+          businessLicenseDate: "",
+          establishDate: "",
+          registerCapital: "",
+          registerAuthority: "",
+          businessStatus: "",
+          // 企业工商信息下半部分
+          registerAddress: "",
+          businessScope: "",
+          emergencyContact: "",
+          emergencyContactPhone: "",
+          // 企业位置信息表单
+          provinceName: "",
+          cityName: "",
+          areaName: "",
+          blockName: "",
+          streetName: "",
+          longitude: "",
+          latitude: "",
+          companyAddress: "",
+          // 辖区表单
+          policeDistrictCn: "",
+          policeDistrictCode: "",
+          belongingArea: "",
+        };
+        this.imageUrl = "";
+        Object.assign(this.form, newForm)
       } else if (num === 3) {
         this.dialogTitle = "编辑";
         console.log("item", item);
@@ -329,7 +357,9 @@ export default {
         areaCode: "0",
       };
       common(params).then((res) => {
+        console.log('res1', res);
         this.form.province = res.data;
+        console.log('this.form.province',JSON.stringify(this.form.province));
       });
     },
     // 省下拉选中后，获取市级下拉
@@ -397,22 +427,15 @@ export default {
       console.log("this.form", this.form);
       if (this.dialogTitle === "新建") {
         postCompanyList(params).then((res) => {
-          if (res.code === 200) {
+          console.log(res);
             this.$message.success("新建成功");
             this.visible = false;
-          } else {
-            this.$message.warning("新建失败");
-          }
         });
       } else if (this.dialogTitle === "编辑") {
         putCompanyList(params).then((res) => {
-          if (res.code === 200) {
+          console.log(res);
             this.$message.success("编辑成功");
             this.visible = false;
-            this.form = {};
-          } else {
-            this.$message.warning("编辑失败");
-          }
         });
       }
       this.$emit("back");