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>
-  <!-- 标题 -->
-  <el-page-header
-    class="title"
-    :content="titleContent"
-    @back="goBack"
-  ></el-page-header>
-  <div class="audit">
-    <!-- 审核/查看详情/修改详情__企业信息 -->
-    <el-card class="message_area">
-      <h4 style="margin-bottom:20px;">企业信息</h4>
-      <!-- 审核/查看详情页 -->
-      <el-table
-        v-if="pageStatus !=='EDIT' "
-        border
-        :data="messageList"
-      >
-        <el-table-column
-          align="center"
-          label="审核状态"
-          prop="status"
-        >
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="企业ID"
-          prop="id"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="企业注册名称"
-          prop="name"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="注册码"
-          prop="code"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="企业营业执照照片"
-          prop="picture"
-        >
-          <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="身份证照片"
+  <layout>
+    <!-- 标题 -->
+    <el-page-header
+      class="title"
+      :content="titleContent"
+      @back="goBack"
+    ></el-page-header>
+    <div class="audit">
+      <!-- 审核/查看详情/修改详情__企业信息 -->
+      <el-card class="message_area">
+        <h4 style="margin-bottom:20px;">企业信息</h4>
+        <!-- 审核/查看详情页 -->
+        <el-table
+          v-if="pageStatus !=='EDIT' "
+          border
+          :data="messageList"
         >
-          <template #default="scope">
-            <el-image
-              :src="scope.row.idPicture"
-              fit="fill"
-            ></el-image>
-          </template>
-        </el-table-column>
-      </el-table>
+          <el-table-column
+            align="center"
+            label="审核状态"
+            prop="status"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            label="企业ID"
+            prop="id"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="企业注册名称"
+            prop="name"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="注册码"
+            prop="code"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="企业营业执照照片"
+            prop="picture"
+          >
+            <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="身份证照片"
+          >
+            <template #default="scope">
+              <el-image
+                :src="scope.row.idPicture"
+                fit="fill"
+              ></el-image>
+            </template>
+          </el-table-column>
+        </el-table>
 
-      <!-- 修改详情页 -->
-      <el-table
-        v-else
-        border
-        :data="messageList"
-      >
-        <el-table-column
-          align="center"
-          label="审核状态"
-        >
-          <template #default="scope">
-            <el-input v-model="scope.row.status"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="企业ID"
-        >
-          <template #default="scope">
-            <el-input v-model="scope.row.id"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="企业注册名称"
+        <!-- 修改详情页 -->
+        <el-form
+          :rules="detailRules"
+          label-width="240px"
+          ref="establish_form"
+          :model="messageList[0]"
         >
-          <template #default="scope">
-            <el-input v-model="scope.row.name"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="注册码"
-          prop="code"
-        >
-          <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-form-item
+            label="营业执照："
+            ref="licenseChange"
+            prop="businessLicense"
+          >
+            <el-upload
+              action=""
+              multiple
+              show-file-list
+              :limit="4"
+              :auto-upload="false"
+              :file-list="messageList.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="establishForm.registeredName"></el-input>
+          </el-form-item>
+
+          <el-form-item
+            label="统一社会信用代码（注册码）："
+            prop="registrationCode"
+          >
+            <el-input v-model.trim="establishForm.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="establishForm.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="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>
+
+      <!-- 审核/查看详情/修改详情__提交信息 -->
+      <el-card class="submit_area">
+        <h4 style="margin-bottom:20px;">提交信息</h4>
+        <el-table
+          :data="submitList"
+          border
         >
-          <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-table-column
+            align="center"
+            label="提交类型"
+            prop="type"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="提交时间"
+            prop="date"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="提交人账号"
+            prop="account"
+          ></el-table-column>
+        </el-table>
+      </el-card>
+      <!-- 审核/查看详情/修改详情__提交历史 -->
+      <el-card class="history_area">
+        <h4 style="margin-bottom:20px;">提交历史</h4>
+        <el-table
+          :data="historyList"
+          border
         >
-          <template #default="scope">
-            <el-image
-              :src="scope.row.idPicture"
-              fit="fill"
-            ></el-image>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
-
-    <!-- 审核/查看详情/修改详情__提交信息 -->
-    <el-card class="submit_area">
-      <h4 style="margin-bottom:20px;">提交信息</h4>
-      <el-table
-        :data="submitList"
-        border
+          <el-table-column
+            align="center"
+            label="提交审核时间"
+            prop="subDate"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="提交人"
+            prop="author"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="审核时间"
+            prop="auditDate"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="审核人"
+            prop="auditer"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="审核状态"
+            prop="status"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            label="审核意见"
+            prop="address"
+          ></el-table-column>
+        </el-table>
+      </el-card>
+      <!-- 审核__审核意见 -->
+      <el-card
+        class="audit_area"
+        v-if="pageStatus === 'AUDIT'"
       >
-        <el-table-column
-          align="center"
-          label="提交类型"
-          prop="type"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="提交时间"
-          prop="date"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="提交人账号"
-          prop="account"
-        ></el-table-column>
-      </el-table>
-    </el-card>
-    <!-- 审核/查看详情/修改详情__提交历史 -->
-    <el-card class="history_area">
-      <h4 style="margin-bottom:20px;">提交历史</h4>
-      <el-table
-        :data="historyList"
-        border
-      >
-        <el-table-column
-          align="center"
-          label="提交审核时间"
-          prop="subDate"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="提交人"
-          prop="author"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="审核时间"
-          prop="auditDate"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="审核人"
-          prop="auditer"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="审核状态"
-          prop="status"
-        ></el-table-column>
-        <el-table-column
-          align="center"
-          label="审核意见"
-          prop="address"
-        ></el-table-column>
-      </el-table>
-    </el-card>
-    <!-- 审核__审核意见 -->
-    <el-card
-      class="audit_area"
-      v-if="pageStatus === 'AUDIT'"
-    >
-      <h4 style="margin-bottom:20px;">审核区域</h4>
-      <h5 class="mgtb20">审核意见</h5>
-      <textarea
-        style="width:100%;border-radius:10px;padding:10px;border:1px solid #EBEEF5;"
-        placeholder="请输入审核意见"
-        id=""
-        v-model="opinionArea"
-        rows="5"
-        @input="opinionChange"
-      ></textarea>
-      <h5 class="mgtb20">审核结果</h5>
-      <div class="button_area">
-        <el-button type="primary">通过</el-button>
-        <el-button
-          type="danger"
-          @click="auditRefuse"
-        >拒绝</el-button>
-      </div>
-    </el-card>
+        <h4 style="margin-bottom:20px;">审核区域</h4>
+        <h5 class="mgtb20">审核意见</h5>
+        <textarea
+          style="width:100%;border-radius:10px;padding:10px;border:1px solid #EBEEF5;"
+          placeholder="请输入审核意见"
+          id=""
+          v-model.trim="opinionArea"
+          rows="5"
+          @input="opinionChange"
+        ></textarea>
+        <h5 class="mgtb20">审核结果</h5>
+        <div class="button_area">
+          <el-button type="primary">通过</el-button>
+          <el-button
+            type="danger"
+            @click="auditRefuse"
+          >拒绝</el-button>
+        </div>
+      </el-card>
 
-    <!-- 查看详情__生活号信息 -->
-    <el-card
-      v-if="pageStatus === 'DETAIL'"
-      class="life_area"
-    >
-      <h4 style="margin-bottom:20px;">生活号信息</h4>
-      <el-table
-        border
-        :data="lifeList"
+      <!-- 查看详情__生活号信息 -->
+      <el-card
+        v-if="pageStatus === 'DETAIL'"
+        class="life_area"
       >
-        <el-table-column
-          label="生活号ID"
-          align="center"
-          prop="lifeId"
-        ></el-table-column>
-        <el-table-column
-          label="生活号名称"
-          align="center"
-          prop="lifeName"
-        ></el-table-column>
-        <el-table-column
-          label="管理员昵称"
-          align="center"
-          prop="adminName"
-        ></el-table-column>
-        <el-table-column
-          label="管理员账号"
-          align="center"
-          prop="adminNumber"
-        ></el-table-column>
-        <el-table-column
-          label="管理员账号ID"
-          align="center"
-          prop="adminId"
-        ></el-table-column>
-        <el-table-column
-          label="创建生活号"
-          align="center"
+        <h4 style="margin-bottom:20px;">生活号信息</h4>
+        <el-table
+          border
+          :data="lifeList"
         >
-          <template #default="scope">
+          <el-table-column
+            label="生活号ID"
+            align="center"
+            prop="lifeId"
+          ></el-table-column>
+          <el-table-column
+            label="生活号名称"
+            align="center"
+            prop="lifeName"
+          ></el-table-column>
+          <el-table-column
+            label="管理员昵称"
+            align="center"
+            prop="adminName"
+          ></el-table-column>
+          <el-table-column
+            label="管理员账号"
+            align="center"
+            prop="adminNumber"
+          ></el-table-column>
+          <el-table-column
+            label="管理员账号ID"
+            align="center"
+            prop="adminId"
+          ></el-table-column>
+          <el-table-column
+            label="创建生活号"
+            align="center"
+          >
+            <template #default="scope">
+              <el-button
+                type="primary"
+                @click="onCreateLife(scope.row)"
+              >创建生活号</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-card>
+
+      <!-- 查看详情__创建生活号表单 -->
+      <el-dialog
+        title="创建生活号"
+        v-model="isDialogShow"
+      >
+        <el-form :model="lifeForm">
+          <el-form-item label="管理员昵称：">
+            <el-input v-model="lifeForm.adminName"></el-input>
+          </el-form-item>
+          <el-form-item label="管理员手机号：">
+            <el-input v-model="lifeForm.adminPhone"></el-input>
+          </el-form-item>
+          <el-form-item label="生活号名称：">
+            <el-input v-model="lifeForm.lifeName"></el-input>
+          </el-form-item>
+          <el-form-item label="生活号管理员：">
+            <el-input v-model="lifeForm.lifeAdmin"></el-input>
+          </el-form-item>
+        </el-form>
+        <template #footer>
+          <span class="dialog-footer">
+            <el-button @click="isDialogShow = false">取 消</el-button>
             <el-button
               type="primary"
-              @click="onCreateLife(scope.row)"
-            >创建生活号</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
-
-    <!-- 查看详情__创建生活号表单 -->
-    <el-dialog
-      title="创建生活号"
-      v-model="isDialogShow"
-    >
-      <el-form :model="lifeForm">
-        <el-form-item label="管理员昵称：">
-          <el-input v-model="lifeForm.adminName"></el-input>
-        </el-form-item>
-        <el-form-item label="管理员手机号：">
-          <el-input v-model="lifeForm.adminPhone"></el-input>
-        </el-form-item>
-        <el-form-item label="生活号名称：">
-          <el-input v-model="lifeForm.lifeName"></el-input>
-        </el-form-item>
-        <el-form-item label="生活号管理员：">
-          <el-input v-model="lifeForm.lifeAdmin"></el-input>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="isDialogShow = false">取 消</el-button>
-          <el-button
-            type="primary"
-            @click="isDialogShow = false"
-          >确认创建</el-button>
-        </span>
-      </template>
-    </el-dialog>
+              @click="isDialogShow = false"
+            >确认创建</el-button>
+          </span>
+        </template>
+      </el-dialog>
 
-    <!-- 修改详情__提交表单或取消提交 -->
-    <div
-      class="edit_button_area"
-      v-if="pageStatus === 'EDIT'"
-    >
-      <el-button type="danger">取消</el-button>
-      <el-button type="primary">提交审核</el-button>
+      <!-- 修改详情__提交表单或取消提交 -->
+      <div
+        class="edit_button_area"
+        v-if="pageStatus === 'EDIT'"
+      >
+        <el-button type="danger">取消</el-button>
+        <el-button type="primary">提交审核</el-button>
+      </div>
     </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>
-  <div>
-    <!-- 企业信息提交 -->
-    <el-button
-      type="primary"
-      class="setUp"
-      @click="goEstablish"
-    >企业信息提交</el-button>
+  <layout>
+    <div>
+      <!-- 企业信息提交 -->
+      <el-button
+        type="primary"
+        class="setUp"
+        @click="goEstablish"
+      >企业信息提交</el-button>
 
-    <el-card class="enterprise_card">
-      <!-- 企业认证筛选 -->
-      <el-form
-        ref="enterpriseForm"
-        class="enterprise_form"
-        :model="enterpriseForm"
-        inline
-      >
-        <!-- 查询信息区域 -->
-        <div class="formItem">
-          <el-form-item
-            label="企业注册名称："
+      <el-card class="enterprise_card">
+        <!-- 企业认证筛选 -->
+        <el-form
+          ref="enterpriseForm"
+          class="enterprise_form"
+          :model="enterpriseForm"
+          inline
+        >
+          <!-- 查询信息区域 -->
+          <div class="formItem">
+            <el-form-item
+              label="企业注册名称："
+              prop="name"
+            >
+              <el-input v-model="enterpriseForm.name"></el-input>
+            </el-form-item>
+            <el-form-item
+              label="注册码："
+              prop="code"
+            >
+              <el-input v-model="enterpriseForm.code"></el-input>
+            </el-form-item>
+            <el-form-item
+              label="法人或经营者姓名："
+              prop="userName"
+            >
+              <el-input v-model="enterpriseForm.userName"></el-input>
+            </el-form-item>
+            <el-form-item
+              label="审核状态："
+              prop="statusValue"
+            >
+              <el-select
+                placeholder="请选择审核状态"
+                v-model="enterpriseForm.statusValue"
+              >
+                <el-option
+                  v-for="item in enterpriseForm.statusOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              label="提交类型："
+              prop="typeValue"
+            >
+              <el-select
+                v-model="enterpriseForm.typeValue"
+                placeholder="请选择提交类型"
+              >
+                <el-option
+                  v-for="item in enterpriseForm.typeOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              label="提交人账号："
+              prop="number"
+            >
+              <el-input
+                type="text"
+                v-model="enterpriseForm.number"
+              ></el-input>
+            </el-form-item>
+          </div>
+          <!-- 按钮区域 -->
+          <div class="formButton">
+            <el-form-item>
+              <el-button
+                type="primary"
+                class="inquire"
+              >查询</el-button>
+            </el-form-item>
+            <el-form-item>
+              <el-button @click="resetForm('enterpriseForm')">重置</el-button>
+            </el-form-item>
+          </div>
+        </el-form>
+
+        <!-- 展示列表 -->
+        <el-table
+          stripe
+          style="width:100%"
+          :data="enterpriseList"
+          border
+        >
+          <el-table-column
+            label="ID"
+            prop="id"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            label="审核状态"
+            prop="status"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            label="企业注册名称"
             prop="name"
-          >
-            <el-input v-model="enterpriseForm.name"></el-input>
-          </el-form-item>
-          <el-form-item
-            label="注册码："
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            label="注册码"
             prop="code"
-          >
-            <el-input v-model="enterpriseForm.code"></el-input>
-          </el-form-item>
-          <el-form-item
-            label="法人或经营者姓名："
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            label="法人或经营者姓名"
             prop="userName"
-          >
-            <el-input v-model="enterpriseForm.userName"></el-input>
-          </el-form-item>
-          <el-form-item
-            label="审核状态："
-            prop="statusValue"
-          >
-            <el-select
-              placeholder="请选择审核状态"
-              v-model="enterpriseForm.statusValue"
-            >
-              <el-option
-                v-for="item in enterpriseForm.statusOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item
-            label="提交类型："
-            prop="typeValue"
-          >
-            <el-select
-              v-model="enterpriseForm.typeValue"
-              placeholder="请选择提交类型"
-            >
-              <el-option
-                v-for="item in enterpriseForm.typeOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item
-            label="提交人账号："
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            label="提交日期"
+            prop="date"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            label="提交类型"
+            prop="type"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            label="提交人账号"
             prop="number"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            label="操作"
+            width="280"
+            align="center"
           >
-            <el-input
-              type="text"
-              v-model="enterpriseForm.number"
-            ></el-input>
-          </el-form-item>
-        </div>
-        <!-- 按钮区域 -->
-        <div class="formButton">
-          <el-form-item>
-            <el-button
-              type="primary"
-              class="inquire"
-            >查询</el-button>
-          </el-form-item>
-          <el-form-item>
-            <el-button @click="resetForm('enterpriseForm')">重置</el-button>
-          </el-form-item>
-        </div>
-      </el-form>
-
-      <!-- 展示列表 -->
-      <el-table
-        stripe
-        style="width:100%"
-        :data="enterpriseList"
-        border
-      >
-        <el-table-column
-          label="ID"
-          prop="id"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="审核状态"
-          prop="status"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="企业注册名称"
-          prop="name"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="注册码"
-          prop="code"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="法人或经营者姓名"
-          prop="userName"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="提交日期"
-          prop="date"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="提交类型"
-          prop="type"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="提交人账号"
-          prop="number"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          label="操作"
-          width="280"
-          align="center"
-        >
-          <template #default="scope">
-            <el-button
-              size="mini"
-              type="primary"
-              @click="goAuditPage('AUDIT',scope.row.id)"
-            >审核</el-button>
-            <el-button
-              size="mini"
-              type="success"
-              @click="goAuditPage('EDIT',scope.row.id)"
-            >修改提交</el-button>
-            <el-button
-              size="mini"
-              type="warning"
-              @click="goAuditPage('DETAIL',scope.row.id)"
-            >查看详情</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
-  </div>
+            <template #default="scope">
+              <el-button
+                size="mini"
+                type="primary"
+                @click="goAuditPage('AUDIT',scope.row.id)"
+              >审核</el-button>
+              <el-button
+                size="mini"
+                type="success"
+                @click="goAuditPage('EDIT',scope.row.id)"
+              >修改提交</el-button>
+              <el-button
+                size="mini"
+                type="warning"
+                @click="goAuditPage('DETAIL',scope.row.id)"
+              >查看详情</el-button>
+            </template>
+          </el-table-column>
+        </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>
-  <!-- 标题 -->
-  <el-page-header
-    class="title"
-    content="企业信息提交"
-    @back="goBack"
-  ></el-page-header>
+  <layout>
+    <!-- 标题 -->
+    <el-page-header
+      class="title"
+      content="企业信息提交"
+      @back="goBack"
+    ></el-page-header>
 
-  <div class="establish">
-    <el-form
-      :rules="establishRules"
-      label-width="240px"
-      ref="establish_form"
-      :model="establishForm"
-    >
-      <el-form-item
-        label="营业执照："
-        ref="licenseChange"
-        prop="businessLicense"
+    <div class="establish">
+      <el-form
+        :rules="establishRules"
+        label-width="240px"
+        ref="establish_form"
+        :model="establishForm"
       >
-        <el-upload
-          action=""
-          multiple
-          show-file-list
-          :limit="4"
-          :auto-upload="false"
-          :file-list="establishForm.licenseList"
-          :on-change="onLicenseChange"
-          :on-remove="onLicenseRemove"
+        <el-form-item
+          label="营业执照："
+          ref="licenseChange"
+          prop="businessLicense"
         >
-          <el-button
-            size="small"
-            type="primary"
-          >点击上传</el-button>
-        </el-upload>
-      </el-form-item>
+          <el-upload
+            action=""
+            multiple
+            show-file-list
+            :auto-upload="false"
+            :file-list="establishForm.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="establishForm.registeredName"></el-input>
-      </el-form-item>
+        <el-form-item
+          label="企业注册名称："
+          prop="registeredName"
+        >
+          <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-form-item>
-      <el-form-item
-        label="经营者（法人）身份证照片："
-        ref="idcardPhotoChange"
-        prop="legalPhoto"
-      >
-        <el-upload
-          action=""
-          multiple
-          show-file-list
-          :limit="4"
-          :auto-upload="false"
-          :file-list="establishForm.idcardPhoto"
-          :on-change="onIdPhoneChange"
-          :on-remove="onIdPhoneRemove"
+        <el-form-item
+          label="统一社会信用代码（注册码）："
+          prop="registrationCode"
         >
-          <el-button
-            size="small"
-            type="primary"
-          >点击上传</el-button>
-        </el-upload>
-      </el-form-item>
+          <el-input v-model.trim="establishForm.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="establishForm.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="establishForm.legalName"></el-input>
-      </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.number="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>
-  </div>
+        <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>
+    </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
+//   }
+// };