Browse Source

代码提交

yanliming 4 years ago
parent
commit
4a874ee8fb
5 changed files with 354 additions and 139 deletions
  1. 37 5
      package-lock.json
  2. 1 0
      package.json
  3. 4 0
      src/main.js
  4. 12 0
      src/routers/modules/base.js
  5. 300 134
      src/views/base/enterpriseCertificationApprove-detail.vue

+ 37 - 5
package-lock.json

@@ -1456,7 +1456,6 @@
       "version": "7.12.1",
       "version": "7.12.1",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.1.tgz",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.1.tgz",
       "integrity": "sha512-J5AIf3vPj3UwXaAzb5j1xM4WAQDX3EMgemF8rjCP3SoW09LfRKAXQKt6CoVYl230P6iWdRcBbnLDDdnqWxZSCA==",
       "integrity": "sha512-J5AIf3vPj3UwXaAzb5j1xM4WAQDX3EMgemF8rjCP3SoW09LfRKAXQKt6CoVYl230P6iWdRcBbnLDDdnqWxZSCA==",
-      "dev": true,
       "requires": {
       "requires": {
         "regenerator-runtime": "^0.13.4"
         "regenerator-runtime": "^0.13.4"
       }
       }
@@ -1629,6 +1628,11 @@
       "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
       "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
       "dev": true
       "dev": true
     },
     },
+    "@popperjs/core": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.3.tgz",
+      "integrity": "sha512-xDu17cEfh7Kid/d95kB6tZsLOmSWKCZKtprnhVepjsSaCij+lM3mItSJDuuHDMbCWTh8Ejmebwb+KONcCJ0eXQ=="
+    },
     "@soda/friendly-errors-webpack-plugin": {
     "@soda/friendly-errors-webpack-plugin": {
       "version": "1.7.1",
       "version": "1.7.1",
       "resolved": "https://registry.npmjs.org/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.7.1.tgz",
       "resolved": "https://registry.npmjs.org/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.7.1.tgz",
@@ -1714,11 +1718,23 @@
       "integrity": "sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==",
       "integrity": "sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==",
       "dev": true
       "dev": true
     },
     },
+    "@vant/icons": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.7.0.tgz",
+      "integrity": "sha512-sqKvtYcSgSd6+AU1nBPaZARn2Nzf8hi0ErLhfXVR6f+Y7R0gojGZVoxuB83yUI6+0LwbitW5IfN3E6qzEsu21Q=="
+    },
+    "@vant/popperjs": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.1.0.tgz",
+      "integrity": "sha512-8MD1gz146awV/uPxYjz4pet22f7a9YVKqk7T+gFkWFwT9mEcrIUEg/xPrdOnWKLP9puXyYtm7oVfSDSefZ/p/w==",
+      "requires": {
+        "@popperjs/core": "^2.9.2"
+      }
+    },
     "@vue/babel-helper-vue-jsx-merge-props": {
     "@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.2.1",
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
       "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
-      "integrity": "sha512-QOi5OW45e2R20VygMSNhyQHvpdUwQZqGPc748JLGCYEy+yp8fNFNdbNIGAgZmi9e+2JHPd6i6idRuqivyicIkA==",
-      "dev": true
+      "integrity": "sha512-QOi5OW45e2R20VygMSNhyQHvpdUwQZqGPc748JLGCYEy+yp8fNFNdbNIGAgZmi9e+2JHPd6i6idRuqivyicIkA=="
     },
     },
     "@vue/babel-plugin-transform-vue-jsx": {
     "@vue/babel-plugin-transform-vue-jsx": {
       "version": "1.2.1",
       "version": "1.2.1",
@@ -9766,8 +9782,7 @@
     "regenerator-runtime": {
     "regenerator-runtime": {
       "version": "0.13.7",
       "version": "0.13.7",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
-      "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==",
-      "dev": true
+      "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew=="
     },
     },
     "regenerator-transform": {
     "regenerator-transform": {
       "version": "0.14.5",
       "version": "0.14.5",
@@ -12101,6 +12116,18 @@
         "spdx-expression-parse": "^3.0.0"
         "spdx-expression-parse": "^3.0.0"
       }
       }
     },
     },
+    "vant": {
+      "version": "2.12.26",
+      "resolved": "https://registry.npmjs.org/vant/-/vant-2.12.26.tgz",
+      "integrity": "sha512-1JsFLt088joJgYbnIeunAIt2mySrypvIcwlpFlrcqEDs2mlb+HyGqpNjUL1bI2RhH9z3Qk7fJxY/1zs5VuhlKQ==",
+      "requires": {
+        "@babel/runtime": "7.x",
+        "@vant/icons": "^1.5.3",
+        "@vant/popperjs": "^1.0.0",
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+        "vue-lazyload": "1.2.3"
+      }
+    },
     "vary": {
     "vary": {
       "version": "1.1.2",
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -12191,6 +12218,11 @@
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "dev": true
       "dev": true
     },
     },
+    "vue-lazyload": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/vue-lazyload/-/vue-lazyload-1.2.3.tgz",
+      "integrity": "sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g=="
+    },
     "vue-loader": {
     "vue-loader": {
       "version": "15.7.2",
       "version": "15.7.2",
       "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.7.2.tgz",
       "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.7.2.tgz",

+ 1 - 0
package.json

@@ -17,6 +17,7 @@
     "js-cookie": "^2.2.1",
     "js-cookie": "^2.2.1",
     "nprogress": "0.2.0",
     "nprogress": "0.2.0",
     "qrcodejs2": "0.0.2",
     "qrcodejs2": "0.0.2",
+    "vant": "^2.12.26",
     "vue": "^2.6.10",
     "vue": "^2.6.10",
     "vue-amap": "^0.5.10",
     "vue-amap": "^0.5.10",
     "vue-quill-editor": "^3.0.6",
     "vue-quill-editor": "^3.0.6",

+ 4 - 0
src/main.js

@@ -7,6 +7,7 @@ import './plugins/element.js'
 import AxiosPlugin from './plugins/AxiosPlugin'
 import AxiosPlugin from './plugins/AxiosPlugin'
 import './assets/iconfont/iconfont.css'
 import './assets/iconfont/iconfont.css'
 import { Message } from 'element-ui'
 import { Message } from 'element-ui'
+import { Empty } from 'vant';
 import AMap from "vue-amap"
 import AMap from "vue-amap"
 
 
 Vue.config.productionTip = false
 Vue.config.productionTip = false
@@ -23,6 +24,8 @@ AMap.initAMapApiLoader({
 
 
 Vue.prototype.$echarts = echarts
 Vue.prototype.$echarts = echarts
 
 
+Vue.use(Empty);
+
 
 
 var MY_MESSAGE_DEFAULT = {
 var MY_MESSAGE_DEFAULT = {
   showClose: true
   showClose: true
@@ -46,3 +49,4 @@ new Vue({
   store,
   store,
   render: h => h(App)
   render: h => h(App)
 }).$mount('#app')
 }).$mount('#app')
+

+ 12 - 0
src/routers/modules/base.js

@@ -22,6 +22,18 @@ var routers = [
                         roles: ["admin"],
                         roles: ["admin"],
                         title: '劳务对接管理'
                         title: '劳务对接管理'
                 }
                 }
+        },
+        {
+                path: '/base/enterpriseCertificationApprove/detail',
+                name: 'baseEnterpriseCertificationApproveDetail',
+                // route level code-splitting
+                // this generates a separate chunk (about.[hash].js) for this route
+                // which is lazy-loaded when the route is visited.
+                component: () => import('@/views/base/enterpriseCertificationApprove-detail.vue'),
+                meta: {
+                        roles: ["admin"],
+                        title: '企业信息维护'
+                }
         }
         }
 ]
 ]
 
 

+ 300 - 134
src/views/base/enterpriseCertificationApprove-detail.vue

@@ -3,182 +3,348 @@
 .user-panel {
 .user-panel {
   margin: 10px auto;
   margin: 10px auto;
 }
 }
+.panel0{
+  width:50%;
+  margin-bottom: 50px;
+  margin-top: 50px;
+  position: relative;
+  left:50%;
+  transform:translateX(-50%); 
+}
+.panel1{
+  width:30%;
+  position: relative;
+  left:50%;
+  transform:translateX(-50%); 
+}
+.avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+  .avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+  }
+  .avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+  }
+
 </style>
 </style>
 <template>
 <template>
-  <el-dialog
-    :visible.sync="showDialog"
-    :title="title"
-    :modal-append-to-body="false"
-    style="text-align: left"
-    @close="closeDialog"
-    :close-on-click-modal="false"
-  >
     <div class="user-panel" v-loading="loading">
     <div class="user-panel" v-loading="loading">
+
+    <el-breadcrumb separator=">">
+      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+      <el-breadcrumb-item>
+        <a href="#">企业HR</a>
+      </el-breadcrumb-item>
+      <el-breadcrumb-item>
+        <a href="/enterpriseCertificationApprove"
+          >企业信息维护</a
+        >
+      </el-breadcrumb-item>
+    </el-breadcrumb>
+    <el-divider></el-divider>
+    <div class="panel0">
+      <el-steps :active="active" align-center>
+        <el-step title="步骤1" description="企业基础信息"></el-step>
+        <el-step title="步骤2" description="填写企业认证信息"></el-step>
+        <el-step title="步骤3" description="企业资料审核"></el-step>
+        <el-step title="步骤4" description="企业认证完成"></el-step>
+      </el-steps>
+    </div>
+    <div class="panel1">
+
+      <div class="formPanel1" v-show="vshow1">
       <el-form
       <el-form
         ref="form"
         ref="form"
         :model="formModel"
         :model="formModel"
         :rules="ruleValidate"
         :rules="ruleValidate"
         :label-width="'100px'"
         :label-width="'100px'"
       >
       >
-        <el-form-item label="" prop="id">
-          <el-input
-            v-model="formModel.id"
-            placeholder="请输入"
-            style="width: 300px"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="" prop="createBy">
-          <el-input
-            v-model="formModel.createBy"
-            placeholder="请输入"
-            style="width: 300px"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="" prop="createTime">
-          <el-input
-            v-model="formModel.createTime"
-            placeholder="请输入"
-            style="width: 300px"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="" prop="updateBy">
-          <el-input
-            v-model="formModel.updateBy"
-            placeholder="请输入"
-            style="width: 300px"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="" prop="updateTime">
-          <el-input
-            v-model="formModel.updateTime"
-            placeholder="请输入"
-            style="width: 300px"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="删除标示" prop="delFlag">
-          <el-input
-            v-model="formModel.delFlag"
-            placeholder="请输入删除标示"
-            style="width: 300px"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="申请认证企业ID" prop="companyId">
-          <el-input
-            v-model="formModel.companyId"
-            placeholder="请输入申请认证企业ID"
-            style="width: 300px"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="审批人" prop="approvePersonId">
-          <el-input
-            v-model="formModel.approvePersonId"
-            placeholder="请输入审批人"
-            style="width: 300px"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="审批时间" prop="approveTime">
-          <el-input
-            v-model="formModel.approveTime"
-            placeholder="请输入审批时间"
-            style="width: 300px"
-          ></el-input>
-        </el-form-item>
-      </el-form>
+          <el-form-item label="企业名称" prop="companyName">
+            <el-input
+              v-model="formModel.companyName"
+              placeholder="请输入企业名称"
+              style="width: 300px"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="公司LOGO" prop="logo">
+            <el-upload
+              class="avatar-uploader"
+              name="photoFile"
+              :action="uploadUrl"
+              :show-file-list="false"
+              :headers="headers"
+              :data="uploadData"
+              :on-success="handleAvatarSuccess"
+            >
+              <img v-if="fileUrl" :src="fileUrl" class="avatar" />
+              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
+          </el-form-item>
+          <el-form-item label="企业规模" prop="scale">
+            <el-input
+              v-model="formModel.scale"
+              placeholder="请输入企业规模"
+              style="width: 300px"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="所属行业" prop="industry">
+            <el-input
+              v-model="formModel.industry"
+              placeholder="请输入所属行业"
+              style="width: 300px"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="公司地址" prop="address">
+            <el-input
+              v-model="formModel.address"
+              placeholder="请输入公司地址"
+              style="width: 300px"
+            ></el-input>
+          </el-form-item>
+          <el-form-item >
+            <el-input
+              type="textarea"
+              :rows="5"
+              v-model="formModel.address2"
+              placeholder="请输入详细地址"
+              style="width: 300px"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="企业电话" prop="tel">
+            <el-input
+              v-model="formModel.tel"
+              placeholder="请输入企业电话"
+              style="width: 300px"
+            ></el-input>
+          </el-form-item>
+          </el-form>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="closeDialog" disabled="disabled">上一步</el-button>
+            <el-button type="primary" @click="handleSubmit" :loading="submitting"
+              >下一步</el-button
+            >
+          </span>
+        </div>
+        <div class="formPanel2" v-show="vshow2">
+        <el-form
+          ref="form2"
+          :model="formModel2"
+          :rules="ruleValidate2"
+          :label-width="'100px'"
+        >
+          <el-form-item label="企业名称" prop="companyName" >
+            <el-input readonly="readonly"
+              v-model="formModel.companyName"
+              placeholder="请输入企业名称"
+              style="width: 300px"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="信用代码" prop="creditCode">
+            <el-input
+              v-model="formModel2.creditCode"
+              placeholder="请输入企业名称"
+              style="width: 300px"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="法人代表" prop="legalPerson">
+            <el-input
+              v-model="formModel2.legalPerson"
+              placeholder="请输入企业名称"
+              style="width: 300px"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="营业执照" prop="businessLicenseUrl">
+            <el-upload
+              class="avatar-uploader"
+              name="photoFile"
+              :action="uploadUrl"
+              :show-file-list="false"
+              :headers="headers"
+              :data="uploadDataLicenseUrl"
+              :on-success="handleAvatarSuccess1"
+            >
+              <img v-if="businessLicenseUrl" :src="businessLicenseUrl" class="avatar" />
+              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
+          </el-form-item>
+          </el-form>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="closeDialog">上一步</el-button>
+            <el-button type="primary" @click="handleSubmit" :loading="submitting"
+              >提交</el-button
+            >
+          </span>
+        </div>
+        <div class="formPanel3" v-show="vshow3">
+          <van-empty  description="企业资料审核中..."></van-empty>
+        </div>
+        <div class="formPanel4" v-show="vshow4">
+
+        </div>
+     
+      </div>
     </div>
     </div>
-    <span slot="footer" class="dialog-footer">
-      <el-button @click="closeDialog">取 消</el-button>
-      <el-button type="primary" @click="handleSubmit" :loading="submitting"
-        >确 定</el-button
-      >
-    </span>
-  </el-dialog>
+
 </template>
 </template>
 <script>
 <script>
 import Constant from "@/constant";
 import Constant from "@/constant";
 import enterpriseCertificationApproveApi from "@/api/base/enterpriseCertificationApprove";
 import enterpriseCertificationApproveApi from "@/api/base/enterpriseCertificationApprove";
+import { getToken } from "@/utils/auth"; // get token from cookie
 
 
 export default {
 export default {
   props: ["businessKey", "title"],
   props: ["businessKey", "title"],
   data() {
   data() {
     return {
     return {
       formModel: {},
       formModel: {},
+      formModel2: {},
       ruleValidate: {
       ruleValidate: {
-        id: [{ required: true, message: "不能为空", trigger: "blur" }],
-        createBy: [{ required: true, message: "不能为空", trigger: "blur" }],
-        createTime: [{ required: true, message: "不能为空", trigger: "blur" }],
-        updateBy: [{ required: true, message: "不能为空", trigger: "blur" }],
-        updateTime: [{ required: true, message: "不能为空", trigger: "blur" }],
-        delFlag: [
-          { required: true, message: "删除标示不能为空", trigger: "blur" },
-        ],
-        companyId: [
-          {
-            required: true,
-            message: "申请认证企业ID不能为空",
-            trigger: "blur",
-          },
-        ],
-        approvePersonId: [
-          { required: true, message: "审批人不能为空", trigger: "blur" },
+        companyName: [{ required: true, message: "企业名称不能为空", trigger: "blur" }],
+        scale: [{ required: true, message: "企业规模不能为空", trigger: "blur" }],
+        industry: [{ required: true, message: "所属行业不能为空", trigger: "blur" }],
+        address: [{ required: true, message: "公司地址不能为空", trigger: "blur" }],
+        logo: [{ required: true, message: "公司LOGO不能为空", trigger: "blur" }],
+        tel: [{ required: true, message: "企业电话不能为空", trigger: "blur" }],
+      },
+      ruleValidate2: {
+        creditCode: [
+          { required: true, message: "信用代码不能为空", trigger: "blur" },
         ],
         ],
-        approveTime: [
-          { required: true, message: "审批时间不能为空", trigger: "blur" },
+        legalPerson: [
+          { required: true, message: "法人代表不能为空", trigger: "blur" },
         ],
         ],
+        businessLicenseUrl: [{ required: true, message: "营业执照不能为空", trigger: "blur" }],
       },
       },
       showDialog: true,
       showDialog: true,
       loading: false,
       loading: false,
       submitting: false,
       submitting: false,
+      active:0,
+      vshow1:true,
+      vshow2:false,
+      vshow3:false,
+      vshow4:false,
+      fileList:[],
+            //上传地址
+      uploadUrl: Constant.serverUrl + "/uploadPicture",
+      headers: {
+        Authorization: getToken()
+      },
+      uploadData: {
+        subFolder: "companyLogo"
+      },
+      uploadDataLicenseUrl: {
+        subFolder: "businessLicenseUrl"
+      },
+      fileUrl: "",
+      businessLicenseUrl:"",
     };
     };
   },
   },
   methods: {
   methods: {
     closeDialog() {
     closeDialog() {
-      this.$emit("close", false);
+        this.active = 0;
+        this.vshow1 = true;
+        this.vshow2 = false;
     },
     },
     handleSubmit() {
     handleSubmit() {
       var self = this;
       var self = this;
 
 
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          (function () {
-            var id = self.formModel.id;
-
-            if (id == null || id.length == 0) {
-              return enterpriseCertificationApproveApi.add(self.formModel);
-            } else {
-              return enterpriseCertificationApproveApi.update(self.formModel);
-            }
-          })().then(function (response) {
-            var jsonData = response.data;
-
-            if (jsonData.result) {
-              self.$message({
-                message: "保存成功!",
-                type: "success",
-              });
-
-              self.$emit("close", true);
-            } else {
-              self.$message({
-                message: jsonData.message + "",
-                type: "warning",
-              });
-
-              self.$emit("close", false);
-            }
-          });
-        }
-      });
+      if(self.active==0){
+        
+        this.$refs["form"].validate((valid) => {
+          if (valid) {
+            self.active=1;
+            self.vshow2 = true;
+            self.vshow1 = false;
+          }
+        });
+
+      }
+      else if(self.active==1){
+        this.$refs["form2"].validate((valid) => {
+          if (valid) {
+            (function () {
+              var id = self.formModel.id;
+
+              self.formModel.creditCode = self.formModel2.creditCode;
+              self.formModel.legalPerson = self.formModel2.legalPerson
+              self.formModel.businessLicenseUrl = self.formModel2.businessLicenseUrl
+
+              if (id == null || id.length == 0) {
+                return enterpriseCertificationApproveApi.add(self.formModel);
+              } else {
+                return enterpriseCertificationApproveApi.update(self.formModel);
+              }
+            })().then(function (response) {
+              var jsonData = response.data;
+
+              if (jsonData.result) {
+                self.active=2;
+                self.vshow2 = false;
+                self.vshow3 = true;
+
+              } else {
+                self.$message({
+                  message: jsonData.message + "",
+                  type: "warning",
+                });
+              }
+            });
+
+
+          }
+        });
+      }
+      else if(self.active==2){
+        self.active=3;
+      }
     },
     },
+    handleAvatarSuccess(res, file) {
+      var self = this;
+      self.formModel.logo = res.data;
+      self.fileUrl =
+        res.data + "?x-oss-process=image/resize,m_lfit,h_400,w_400";
+    },
+    handleAvatarSuccess1(res, file) {
+      var self = this;
+      self.formModel2.businessLicenseUrl = res.data;
+      self.businessLicenseUrl =
+        res.data + "?x-oss-process=image/resize,m_lfit,h_400,w_400";
+    },
+    beforeAvatarUpload(file) {
+        const isJPG = file.type === 'image/jpeg';
+        const isLt2M = file.size / 1024 / 1024 < 2;
+
+        if (!isJPG) {
+          this.$message.error('上传头像图片只能是 JPG 格式!');
+        }
+        if (!isLt2M) {
+          this.$message.error('上传头像图片大小不能超过 2MB!');
+        }
+        return isJPG && isLt2M;
+    }
+    
   },
   },
   mounted: function () {
   mounted: function () {
     var self = this;
     var self = this;
 
 
     (function () {
     (function () {
-      if (self.businessKey.length == 0) {
+      
         return enterpriseCertificationApproveApi.create();
         return enterpriseCertificationApproveApi.create();
-      } else {
-        return enterpriseCertificationApproveApi.edit(self.businessKey);
-      }
+
     })()
     })()
       .then((response) => {
       .then((response) => {
         var jsonData = response.data;
         var jsonData = response.data;