feature:企业信息提交和修改信息组件封装完成

src/pages/Enterprise/Audit/index.vue

@@ -89,98 +89,10 @@
         </el-table>
 
         <!-- 修改详情页 -->
-        <!-- <el-form
+        <enterprise-form
+          :type="'EDIT'"
           v-if="pageStatus === 'EDIT'"
-          :rules="messageLishRules"
-          label-width="240px"
-          ref="establish_form"
-          :model="messageList[0]"
-        >
-          <el-form-item
-            label="商户类型"
-            prop="merchantsType"
-          >
-            <el-select v-model="messageList[0].merchantsType">
-              <el-option
-                label="个体工商户"
-                :value="1"
-              ></el-option>
-              <el-option
-                label="普通企业"
-                :value="2"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item
-            label="营业执照："
-            ref="licenseChange"
-            prop="businessLicense"
-          >
-            <el-upload
-              action=""
-              multiple
-              show-file-list
-              :limit="4"
-              :auto-upload="false"
-              :file-list="messageList[0].licenseList"
-              :on-change="onLicenseChange"
-              :on-remove="onLicenseRemove"
-            >
-              <el-button
-                size="small"
-                type="primary"
-              >点击上传</el-button>
-            </el-upload>
-          </el-form-item>
-
-          <el-form-item
-            label="企业注册名称："
-            prop="registeredName"
-          >
-            <el-input v-model.trim="messageList[0].registeredName"></el-input>
-          </el-form-item>
-
-          <el-form-item
-            label="统一社会信用代码（注册码）："
-            prop="registrationCode"
-          >
-            <el-input v-model.trim="messageList[0].registrationCode"></el-input>
-          </el-form-item>
-          <el-form-item
-            label="经营者（法人）身份证照片："
-            ref="idcardPhotoChange"
-            prop="legalPhoto"
-          >
-            <el-upload
-              action=""
-              multiple
-              show-file-list
-              :auto-upload="false"
-              :file-list="messageList[0].idcardPhoto"
-              :on-change="onIdPhoneChange"
-              :on-remove="onIdPhoneRemove"
-            >
-              <el-button
-                size="small"
-                type="primary"
-              >点击上传</el-button>
-            </el-upload>
-          </el-form-item>
-
-          <el-form-item
-            label="经营者（法人）姓名："
-            prop="legalName"
-          >
-            <el-input v-model.trim="messageList[0].legalName"></el-input>
-          </el-form-item>
-
-          <el-form-item
-            label="经营者（法人）身份证号："
-            prop="idcardNumber"
-          >
-            <el-input v-model.trim="messageList[0].idcardNumber"></el-input>
-          </el-form-item>
-        </el-form> -->
+        ></enterprise-form>
       </el-card>
 
       <!-- 审核/查看详情/修改详情__提交信息 -->
@@ -315,21 +227,6 @@
           ></el-table-column>
         </el-table>
       </el-card>
-
-      <!-- 修改详情__提交表单或取消提交 -->
-      <div
-        class="edit_button_area"
-        v-if="pageStatus === 'EDIT'"
-      >
-        <el-button
-          @click="handelCancel('establish_form')"
-          type="danger"
-        >取消</el-button>
-        <el-button
-          @click="handelSubmit('establish_form')"
-          type="primary"
-        >提交审核</el-button>
-      </div>
     </div>
   </layout>
 </template>
@@ -339,9 +236,10 @@
 <script>
 import Layout from "@/layouts";
 import { getRecordInfo, getLog } from "@/service/enterprise";
+import EnterpriseForm from "../components/enterpriseForm.vue";
 export default {
   name: "Audit",
-  components: { Layout },
+  components: { Layout, EnterpriseForm },
   beforeRouteEnter (to, from, next) {
     to.params.pageStatus && to.params.auditId
       ? next()
@@ -351,9 +249,10 @@ export default {
   created () {
     const { pageStatus, auditId } = this.$route.params;
     this.auditId = parseInt(auditId);
+    console.log("企业信息ID!!!!!!!!!!", this.auditId);
     this.pageStatus = pageStatus;
     this.getInfo();
-    this.getHistory()
+    this.getHistory();
   },
 
   data () {
@@ -408,12 +307,12 @@ export default {
       // 审核-提交历史
       historyList: [
         {
-          subDate: "2021-05-26",
-          author: "蒙文昊",
-          auditDate: "2021-05-26",
-          auditer: "蒙文昊",
-          status: 1,
-          address: "请求通过,可以提交审核"
+          subDate: null,
+          author: null,
+          auditDate: null,
+          auditer: null,
+          status: null,
+          address: null
         }
       ],
 
@@ -470,11 +369,6 @@ export default {
           }
         ]
       },
-
-      // 生活号状态
-      lifeStatus: false,
-      // 生活号错误信息
-      lifeErrorMessage: ""
     };
   },
 
@@ -526,51 +420,6 @@ export default {
     goBack () {
       this.$router.replace({ name: "Certification" });
     },
-
-    // 生活号-创建生活号弹框显示
-    // onCreateLife (params) {
-    //   console.log(params);
-    //   this.isDialogShow = true;
-    //   this.lifeStatus = true;
-    // },
-
-    // 修改详情-提交审核
-    handelSubmit (formName) {
-      this.$refs[formName].validate(valid => {
-        console.log(valid);
-      });
-    },
-    // 修改详情-取消修改表单
-    handelCancel () {
-      this.$router.replace({ name: "Certification" });
-    },
-    // 修改详情-执照列表更改时
-    onLicenseChange (file, fileList) {
-      this.messageList[0].licenseList = fileList;
-      this.$refs["licenseChange"].clearValidate();
-      console.log("licenseList", this.messageList[0].licenseList);
-    },
-
-    // 修改详情-身份证照片更改时
-    onIdPhoneChange (file, fileList) {
-      this.messageList[0].idcardPhoto = fileList;
-      this.$refs["idcardPhotoChange"].clearValidate();
-      console.log("idcardPhoto:", this.messageList[0].idcardPhoto);
-    },
-
-    // 修改详情-删除上传的营业执照
-    onLicenseRemove (file, fileList) {
-      console.log("file", file);
-      console.log("fileList", fileList);
-      this.messageList[0].licenseList = fileList;
-      console.log("licenseList", this.messageList[0].licenseList);
-    },
-
-    // 修改详情-删除上传的身份证照片
-    onIdPhoneRemove (file, fileList) {
-      this.messageList[0].idcardPhoto = fileList;
-      console.log("idCarPhoto:", this.messageList[0].idcardPhoto);
-    }
   }
 };
 </script>

src/pages/Enterprise/Certification/index.vue

@@ -234,9 +234,7 @@ export default {
       checkIsCode: "" // 用户修改操作的验证码
     };
   },
-  computed: {
-
-  },
+  computed: {},
 
   created () {
     this.getEnterpriseList();
@@ -318,7 +316,7 @@ export default {
           };
           const res = await checkCode(parasm);
           console.log(res);
-          if (res.code !== 0) return this.$message.error(res.reason);
+          // if (res.code !== 0) return this.$message.error(res.reason);
           this.$message.success("验证码校验成功!");
           this.$router.push({
             name: "Audit",