feature: 更新请求接口

src/components/PageHeader/index.vue

@@ -5,7 +5,6 @@
       class="el-menu-demo"
       mode="horizontal"
       :router="true"
-      @select="handleSelect"
       background-color="#545c64"
       text-color="#fff"
       :default-active="activeMenu"

src/pages/Enterprise/Audit/index.vue

 <template>
+  <layout>
     <!-- 标题 -->
     <el-page-header
       class="title"
@@ -72,78 +73,89 @@
         </el-table>
 
         <!-- 修改详情页 -->
-      <el-table
-        v-else
-        border
-        :data="messageList"
+        <el-form
+          :rules="detailRules"
+          label-width="240px"
+          ref="establish_form"
+          :model="messageList[0]"
         >
-        <el-table-column
-          align="center"
-          label="审核状态"
+          <el-form-item
+            label="营业执照："
+            ref="licenseChange"
+            prop="businessLicense"
           >
-          <template #default="scope">
-            <el-input v-model="scope.row.status"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="企业ID"
+            <el-upload
+              action=""
+              multiple
+              show-file-list
+              :limit="4"
+              :auto-upload="false"
+              :file-list="messageList.licenseList"
+              :on-change="onLicenseChange"
+              :on-remove="onLicenseRemove"
             >
-          <template #default="scope">
-            <el-input v-model="scope.row.id"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="企业注册名称"
+              <el-button
+                size="small"
+                type="primary"
+              >点击上传</el-button>
+            </el-upload>
+          </el-form-item>
+
+          <el-form-item
+            label="企业注册名称："
+            prop="registeredName"
           >
-          <template #default="scope">
-            <el-input v-model="scope.row.name"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="注册码"
-          prop="code"
+            <el-input v-model.trim="establishForm.registeredName"></el-input>
+          </el-form-item>
+
+          <el-form-item
+            label="统一社会信用代码（注册码）："
+            prop="registrationCode"
           >
-          <template #default="scope">
-            <el-input v-model="scope.row.code"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="企业营业执照照片"
-          prop="picture"
+            <el-input v-model.trim="establishForm.registrationCode"></el-input>
+          </el-form-item>
+          <el-form-item
+            label="经营者（法人）身份证照片："
+            ref="idcardPhotoChange"
+            prop="legalPhoto"
           >
-          <template #default="scope">
-            <el-image
-              fit="fill"
-              :src="scope.row.picture"
-            ></el-image>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="法人或经营者姓名"
-          prop="userName"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="法人或经营者身份证号"
-          prop="idNumber"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="身份证照片"
+            <el-upload
+              action=""
+              multiple
+              show-file-list
+              :auto-upload="false"
+              :file-list="establishForm.idcardPhoto"
+              :on-change="onIdPhoneChange"
+              :on-remove="onIdPhoneRemove"
             >
-          <template #default="scope">
-            <el-image
-              :src="scope.row.idPicture"
-              fit="fill"
-            ></el-image>
-          </template>
-        </el-table-column>
-      </el-table>
+              <el-button
+                size="small"
+                type="primary"
+              >点击上传</el-button>
+            </el-upload>
+          </el-form-item>
+
+          <el-form-item
+            label="经营者（法人）姓名："
+            prop="legalName"
+          >
+            <el-input v-model.trim="establishForm.legalName"></el-input>
+          </el-form-item>
+
+          <el-form-item
+            label="经营者（法人）身份证号："
+            prop="idcardNumber"
+          >
+            <el-input v-model.trim="establishForm.idcardNumber"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="handelCancel('establish_form')">取消</el-button>
+            <el-button
+              @click="handelSubmit('establish_form')"
+              type="primary"
+            >提交审核</el-button>
+          </el-form-item>
+        </el-form>
       </el-card>
 
       <!-- 审核/查看详情/修改详情__提交信息 -->
@@ -220,7 +232,7 @@
           style="width:100%;border-radius:10px;padding:10px;border:1px solid #EBEEF5;"
           placeholder="请输入审核意见"
           id=""
-        v-model="opinionArea"
+          v-model.trim="opinionArea"
           rows="5"
           @input="opinionChange"
         ></textarea>
@@ -322,12 +334,16 @@
         <el-button type="primary">提交审核</el-button>
       </div>
     </div>
+  </layout>
 </template>
 
 <style lang="less" src="./index.less" scope></style>
 
 <script>
+import Layout from '@/layouts'
 export default {
+  name: 'Audit',
+  components: { Layout },
   beforeRouteEnter (to, from, next) {
     to.params.pageStatus && to.params.auditId
       ? next()

src/pages/Enterprise/Certification/index.vue

 <template>
+  <layout>
     <div>
       <!-- 企业信息提交 -->
       <el-button
@@ -164,12 +165,16 @@
         </el-table>
       </el-card>
     </div>
+  </layout>
 </template>
 
 <style lang="less" src="./index.less" scope></style>
 
 <script>
+import Layout from '@/layouts'
 export default {
+  name: 'Certification',
+  components: { Layout },
   data () {
     return {
       // 表单数据

src/pages/Enterprise/Establish/index.css

@@ -3,4 +3,9 @@
 }
 .establish {
   padding: 50px;
+  display: flex;
+  justify-content: center;
+}
+.establish .el-form {
+  width: 50%;
 }

src/pages/Enterprise/Establish/index.less

@@ -6,4 +6,9 @@
 // 主体区域
 .establish{
   padding: 50px;
+  display: flex;
+  justify-content: center;
+  .el-form{
+    width: 50%;
+  }
 }
\ No newline at end of file

src/pages/Enterprise/Establish/index.vue

 <template>
+  <layout>
     <!-- 标题 -->
     <el-page-header
       class="title"
@@ -22,7 +23,6 @@
             action=""
             multiple
             show-file-list
-          :limit="4"
             :auto-upload="false"
             :file-list="establishForm.licenseList"
             :on-change="onLicenseChange"
@@ -39,14 +39,14 @@
           label="企业注册名称："
           prop="registeredName"
         >
-        <el-input v-model="establishForm.registeredName"></el-input>
+          <el-input v-model.trim="establishForm.registeredName"></el-input>
         </el-form-item>
 
         <el-form-item
           label="统一社会信用代码（注册码）："
           prop="registrationCode"
         >
-        <el-input v-model="establishForm.registrationCode"></el-input>
+          <el-input v-model.trim="establishForm.registrationCode"></el-input>
         </el-form-item>
         <el-form-item
           label="经营者（法人）身份证照片："
@@ -57,7 +57,6 @@
             action=""
             multiple
             show-file-list
-          :limit="4"
             :auto-upload="false"
             :file-list="establishForm.idcardPhoto"
             :on-change="onIdPhoneChange"
@@ -74,14 +73,14 @@
           label="经营者（法人）姓名："
           prop="legalName"
         >
-        <el-input v-model="establishForm.legalName"></el-input>
+          <el-input v-model.trim="establishForm.legalName"></el-input>
         </el-form-item>
 
         <el-form-item
           label="经营者（法人）身份证号："
           prop="idcardNumber"
         >
-        <el-input v-model.number="establishForm.idcardNumber"></el-input>
+          <el-input v-model.trim="establishForm.idcardNumber"></el-input>
         </el-form-item>
         <el-form-item>
           <el-button @click="handelCancel('establish_form')">取消</el-button>
@@ -92,12 +91,16 @@
         </el-form-item>
       </el-form>
     </div>
+  </layout>
 </template>
 
 <style lang="less" src="./index.less" scope></style>
 
 <script>
+import Layout from "@/layouts";
 export default {
+  name: 'Establish',
+  components: { Layout },
   data () {
     // 营业执照校验规则
     let businessRules = (rule, value, callback) => {
@@ -115,6 +118,19 @@ export default {
         callback();
       }
     };
+    // 身份证号校验规则
+    let idcardNumberRules = (rule, value, callback) => {
+      let IDRe18 = /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
+      let IDre15 = /^([1-6][1-9]|50)\d{4}\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}$/;
+      let idNumber = this.establishForm.idcardNumber;
+      if (idNumber.length === 0) {
+        callback(new Error("身份证号不可为空"));
+      } else if (!(IDRe18.test(idNumber) || IDre15.test(idNumber))) {
+        callback(new Error("身份证号格式不正确"));
+      } else {
+        callback();
+      }
+    };
     return {
       // 表单输入项
       establishForm: {
@@ -130,7 +146,7 @@ export default {
       establishRules: {
         // 营业执照
         businessLicense: [
-          { validator: businessRules, trigger: "change" }
+          { required: true, validator: businessRules, trigger: "change" }
         ],
         // 企业注册名称
         registeredName: [
@@ -138,19 +154,31 @@ export default {
         ],
         // 注册码
         registrationCode: [
-          { required: true, message: "请输入统一社会信用代码（注册码）", trigger: "blur" }
+          {
+            required: true,
+            message: "请输入统一社会信用代码（注册码）",
+            trigger: "blur"
+          }
         ],
         // 法人照片
         legalPhoto: [
-          { validator: idPhotoRules, trigger: "change" }
+          { required: true, validator: idPhotoRules, trigger: "change" }
         ],
         // 法人姓名
         legalName: [
-          { required: true, message: "请输入经营者（法人）姓名", trigger: "blur" }
+          {
+            required: true,
+            message: "请输入经营者（法人）姓名",
+            trigger: "blur"
+          }
         ],
         // 法人身份证号
         idcardNumber: [
-          { required: true, message: "请输入经营者（法人）身份证号", trigger: "blur" }
+          {
+            required: true,
+            validator: idcardNumberRules,
+            trigger: "blur"
+          }
         ]
       }
     };
@@ -165,15 +193,15 @@ export default {
     // 执照列表更改时
     onLicenseChange (file, fileList) {
       this.establishForm.licenseList = fileList;
-      this.$refs['licenseChange'].clearValidate();
+      this.$refs["licenseChange"].clearValidate();
       console.log("licenseList", this.establishForm.licenseList);
     },
 
     // 身份证照片更改时
     onIdPhoneChange (file, fileList) {
       this.establishForm.idcardPhoto = fileList;
-      this.$refs['idcardPhotoChange'].clearValidate();
-      console.log('idcardPhoto:', this.establishForm.idcardPhoto);
+      this.$refs["idcardPhotoChange"].clearValidate();
+      console.log("idcardPhoto:", this.establishForm.idcardPhoto);
     },
 
     // 删除上传的营业执照
@@ -186,7 +214,7 @@ export default {
 
     // 删除上传的身份证照片
     onIdPhoneRemove (file, fileList) {
-      this.establishForm.idcardPhoto = fileList
+      this.establishForm.idcardPhoto = fileList;
       console.log("idCarPhoto:", this.establishForm.idcardPhoto);
     },
 

src/router/index.js

@@ -21,17 +21,17 @@ const routes = [
   {
     path: '/enterprise/certification',
     name: 'Certification',
-    component: () => import(/* webpackChunkName: "enterprise" */ '../pages/Enterprise/Certification')
+    component: () => import(/* webpackChunkName: "enterprise" */ '@/pages/Enterprise/Certification')
   },
   {
     path: '/enterprise/audit',
     name: 'Audit',
-    component: () => import(/* webpackChunkName: "enterprise" */ '../pages/Enterprise/Audit')
+    component: () => import(/* webpackChunkName: "enterprise" */ '@/pages/Enterprise/Audit')
   },
   {
     path: '/enterprise/establish',
     name: 'Establish',
-    component: () => import(/* webpackChunkName: "enterprise" */ '../pages/Enterprise/Establish')
+    component: () => import(/* webpackChunkName: "enterprise" */ '@/pages/Enterprise/Establish')
   }
 ];
 

src/service/enterprise.js

+// import axios from "../utils/request";
+
+// export default {
+//   async getMessage () { 
+//     // const res = await axios().get
+//   }
+// };