Skip to content

O
op-web-service
Commit 50223ae0 authored by mengwenhao's avatar mengwenhao
Browse files
Options

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

parent 9fc288a8
Hide whitespace changes
Inline Side-by-side
Showing with 428 additions and 640 deletions
src/pages/Enterprise/Audit/index.vue
View file @ 50223ae0
......@@ -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
View file @ 50223ae0
......@@ -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",
......
src/pages/Enterprise/Establish/index.vue
View file @ 50223ae0
......@@ -7,280 +7,7 @@
@back="goBack"
></el-page-header>
<div class="establish">
<el-form
:rules="establishRules"
label-width="240px"
ref="establishFormRef"
:model="establishForm"
>
<h3>营业执照信息</h3>
<!-- 商户类型 -->
<el-form-item
label="商户类型"
prop="dataType"
>
<el-select
placeholder="请选择商户类型"
v-model="establishForm.dataType"
>
<el-option
label="个体工商户"
:value="1"
></el-option>
<el-option
label="普通企业"
:value="2"
></el-option>
</el-select>
</el-form-item>
<!-- 营业执照金山云key -->
<el-form-item
label="营业执照："
ref="licenseChange"
prop="businessLicense"
>
<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="name"
>
<el-input v-model.trim="establishForm.name"></el-input>
</el-form-item>
<!-- 企业代码 -->
<el-form-item
label="统一社会信用代码（注册码："
prop="code"
>
<el-input v-model.trim="establishForm.code"></el-input>
</el-form-item>
<!-- 数据来源 -->
<el-form-item
label="数据来源："
prop="data_from"
>
<el-select
v-model="establishForm.data_from"
placeholder="请选择数据来源"
>
<el-option
label="C端"
:value="1"
></el-option>
<el-option
label="B端"
:value="2"
></el-option>
<el-option
label="OP后台代提交"
:value="3"
></el-option>
</el-select>
</el-form-item>
<!-- 代提交人手机号 -->
<el-form-item
label="待提交人手机号："
prop="mobile"
>
<el-input v-model.number="establishForm.mobile"></el-input>
</el-form-item>
<el-form-item
label="代提交标识"
prop="is_agent"
>
<el-select v-model="establishForm.is_agent">
<el-option
label="代提交"
:value="1"
></el-option>
</el-select>
</el-form-item>
<!-- =================普通企业法人/个体工商户身份认证信息========== -->
<h3>身份信息</h3>
<!-- 企业营业执照号 -->
<el-form-item
label="企业营业执照号"
prop="enterpriseCode"
>
<el-input
placeholder="请输入企业营业执照号"
v-model="establishForm.enterpriseCode"
></el-input>
</el-form-item>
<!-- 身份证正面照片 -->
<el-form-item
label="身份证正面照"
prop="front_img"
>
<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="bak_img"
>
<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>
<!-- orc照片正面完整度 -->
<el-form-item
label="orc正面完整度"
prop="front_completeness"
>
<el-input v-model="establishForm.front_completeness"></el-input>
</el-form-item>
<!-- orc照片反面完整度 -->
<el-form-item
label="orc反面完整度"
prop="bak_completeness"
>
<el-input v-model="establishForm.bak_completeness"></el-input>
</el-form-item>
<!-- 身份证号 -->
<el-form-item
label="身份证号"
prop="idcard_number"
>
<el-input v-model="establishForm.idcard_number"></el-input>
</el-form-item>
<!-- 姓名 -->
<el-form-item
label="经营者(法人)姓名"
prop="userName"
>
<el-input v-model="establishForm.userName"></el-input>
</el-form-item>
<!-- ====================== 非必填项 =============================== -->
<!-- 营业执照企业类型 -->
<!-- <el-form-item label="营业执照上企业类型：">
<el-input
placeholder="如:有限责任公司,个体工商户等文字描述"
v-model.trim="establishForm.type"
></el-input>
</el-form-item> -->
<!-- 企业注册地址 -->
<!-- <el-form-item label="企业注册地址：">
<el-input v-model.trim="establishForm.addr"></el-input>
</el-form-item> -->
<!-- 经营范围 -->
<!-- <el-form-item label="经营范围：">
<el-input v-model.trim="establishForm.scope"></el-input>
</el-form-item> -->
<!-- 有效期 -->
<!-- <el-form-item label="有效期：">
<el-input v-model.trim="establishForm.time"></el-input>
</el-form-item> -->
<!-- 注册资本 -->
<!-- <el-form-item label="注册资本：">
<el-input v-model.trim="establishForm.regi"></el-input>
</el-form-item> -->
<!-- 主管单位 -->
<!-- <el-form-item label="主管单位：">
<el-input v-model.trim="establishForm.organizer"></el-input>
</el-form-item> -->
<!-- 成立时间 -->
<!-- <el-form-item label="成立时间：">
<el-input v-model.trim="establishForm.date"></el-input>
</el-form-item> -->
<!-- 登记机关 -->
<!-- <el-form-item label="登记机关：">
<el-input v-model.trim="establishForm.comp"></el-input>
</el-form-item> -->
<!-- 登记号 -->
<!-- <el-form-item label="登记号：">
<el-input v-model.trim="establishForm.num"></el-input>
</el-form-item> -->
<!-- 组成形式 -->
<!-- <el-form-item label="组成形式：">
<el-input v-model.trim="establishForm.form"></el-input>
</el-form-item> -->
<!-- 经费来源 -->
<!-- <el-form-item label="经费来源：">
<el-input v-model.trim="establishForm.funding"></el-input>
</el-form-item> -->
<!-- 发证日期 -->
<!-- <el-form-item label="发证日期：">
<el-input v-model.trim="establishForm.issue_date"></el-input>
</el-form-item> -->
<!-- 生活号id -->
<!-- <el-form-item label="生活号id：">
<el-input v-model.trim="establishForm.life_account_id"></el-input>
</el-form-item> -->
<!-- 代提交人名 -->
<!-- <el-form-item label="代提交人名：">
<el-input v-model.trim="establishForm.proxy_user_name"></el-input>
</el-form-item> -->
<!-- 代提交,被提交人手机号 -->
<!-- <el-form-item label="代提交/被提交用户手机号：">
<el-input v-model.trim="establishForm.phone"></el-input>
</el-form-item> -->
<!-- 代提交标识位 -->
<!-- <el-form-item label="发证日期：">
<el-select
placeholder="是否为代提交"
v-model="establishForm.is_agent"
>
<el-option
label="代提交"
:value="1"
></el-option>
<el-option
label="非代提交"
:value="null"
></el-option>
</el-select>
</el-form-item> -->
<el-form-item>
<el-button @click="handelCancel('establishFormRef')">取消</el-button>
<el-button
@click="handelSubmit('establishFormRef')"
type="primary"
>提交审核</el-button>
</el-form-item>
</el-form>
</div>
<enterprise-form :type="'SUBMIT'"></enterprise-form>
</layout>
</template>
......@@ -288,141 +15,16 @@
<script>
import Layout from "@/layouts";
import { entCommit } from "../../../service/enterprise";
import EnterpriseForm from "../components/enterpriseForm.vue";
export default {
name: "Establish",
components: { Layout },
data () {
// 营业执照校验规则
let businessRules = (rule, value, callback) => {
if (this.establishForm.licenseList.length === 0) {
callback(new Error("请上传营业执照"));
} else {
callback();
}
};
/* // 身份证照片校验规则
let idPhotoRules = (rule, value, callback) => {
if (this.establishForm.idcardPhoto.length === 0) {
callback(new Error("请上传身份证照片"));
} else {
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.idcard_number;
if (idNumber.length === 0) {
callback(new Error("身份证号不可为空"));
} else if (!(IDRe18.test(idNumber) || IDre15.test(idNumber))) {
callback(new Error("身份证号格式不正确"));
} else {
callback();
}
};
return {
// 表单输入项
establishForm: {
user_id: null, // 用户id(!)
code: null, // 企业代码(!)
name: null, // 企业名称(!)
entterprise_image: null, // 金山云key(!)
data_from: null, // 数据来源(!)
dataType: null, // 企业认证类型(!)
type: null, // 营业执照上的企业类型
addr: null, // 企业注册地址
pers: null, // 法人
scope: null, // 经营范围
time: null, // 有效期
regi: null, // 注册资本
organizer: null, // 主管单位
date: null, // 成立时间
comp: null, // 登记机关
num: null, // 登记号,
form: null, // 组成形式
funding: null, // 经费来源
issue_date: null, // 发证日期
life_account_id: null, // 生活号id
proxy_user_name: null, // OP后台代提交人姓名
phone: null, // 代提交 被提交用户手机号
is_agent: null, // 代提交标识位
/* *********身份认证信息********* */
enterpriseCode: "", // 企业营业执照(!)
front_img: "", // 身份证正面照的金山云objectid(!)
bak_img: "", // 身份证反面照的尖山云objeid(!)
front_completeness: "", // ocr识别身份证正面照的完整度(!)
bak_completeness: "", // ocr识别身份证反面的完整度(!)
idcard_number: "", // 身份证号(!) 用户填写的
gender: "", // 性别(身份证识别的:男/女)
userName: "", // 姓名 用户填写的(!)
address: "", // 地址
nationality: "", // 民族
valid_date_start: "", // 身份证有效期开始时间
valid_date_end: "", // 身份证有效期结束时间
issued_by: "" // 签发机关
},
components: { Layout, EnterpriseForm },
// 表单校验规则
establishRules: {
// 营业执照
businessLicense: [
{ required: true, validator: businessRules, trigger: "change" }
],
// 企业注册名称
name: [
{ required: true, message: "请输入企业注册名称", trigger: "blur" }
],
// 注册码
code: [
{
required: true,
message: "请输入统一社会信用代码（注册码）",
trigger: "blur"
}
],
// 商户类型
dataType: [
{ required: true, message: "请选择商户类型", trigger: "change" }
],
// 数据来源
data_from: [
{ required: true, message: "请选择数据来源", trigger: "change" }
],
/* ****************法人/个体用户身份校验***************** */
// 企业营业执照号
enterpriseCode: [
{ required: true, message: "请输入企业营业执照号", trigger: "blur" }
],
// 身份证正面照
front_img: [
{ required: true, message: "请上传身份证正面照", trigger: "change" }
],
// 身份证反面照
bak_img: [
{ required: true, message: "请上传身份证反面照", trigger: "change" }
],
// 正面完整度
front_completeness: [
{ required: true, message: "请填写orc正面完整度", trigger: "blur" }
],
// 反面完整度
bak_completeness: [
{ required: true, message: "请填写orc反面完整度", trigger: "blur" }
],
// 身份证号
idcard_number: [
{ required: true, validator: idcardNumberRules, trigger: "blur" }
],
// 经营者/法人姓名
userName: [
{ required: true, message: "请填写经营者(法人姓名)", trigger: "blur" }
],
mobile: [{ required: true, message: "请填写待提交人手机号", trigger: "blur" }],
is_agent: [{ required: true, message: "请填写是否代提交", trigger: "change" }]
}
};
created () {
},
data () {
return {};
},
methods: {
......@@ -430,72 +32,6 @@ export default {
goBack () {
this.$router.replace({ name: "Certification" });
},
// 执照列表更改时
onLicenseChange (file, fileList) {
this.establishForm.licenseList = fileList;
this.$refs["licenseChange"].clearValidate();
},
// 身份证照片更改时
onIdPhoneChange (file, fileList) {
this.establishForm.idcardPhoto = fileList;
this.$refs["idcardPhotoChange"].clearValidate();
},
// 删除上传的营业执照
onLicenseRemove (file, fileList) {
this.establishForm.licenseList = fileList;
},
// 删除上传的身份证照片
onIdPhoneRemove (file, fileList) {
this.establishForm.idcardPhoto = fileList;
},
// 取消创建表单
handelCancel () {
this.$router.go(-1);
},
// 提交表单
handelSubmit (formName) {
this.$refs[formName].validate(async valid => {
console.log(valid);
const query = {
user_id: 510232747179, // 用户id
code: parseInt(this.establishForm.code), // 企业代码
name: this.establishForm.name, // 企业名称
type: "", // 企业类型
addr: "", // 企业注册地址
pers: "", // 法人
scope: "", // 经营范围
time: "", // 有效期
regi: "", // 注册资本
organizer: "", // 主管单位(!)
date: "", // 成立时间(!)
comp: "", // 登记机关(!)
num: "", // 登记号(!)
form: "", // 组成形式(!)
funding: "", // 经费来源(!)
issue_date: "", // 发证日期(!)
entterprise_image: "", // 金山云key
data_from: "", // 数据来源，1C端，2B端，3 OP后台代提交
proxy_user_name: "" // OP后台代提交 代提交人名(!)
};
if (valid) {
const res = await entCommit(query);
if (res.code !== 0) {
return this.$message.error(res.reason);
} else {
this.$message({ type: "success", message: "信息提交成功!" });
}
console.log(res);
} else {
this.$message.error("表单未填写完整!");
}
});
}
}
};
</script>
src/pages/Enterprise/components/enterpriseForm.vue 0 → 100644
View file @ 50223ae0
<template>
<div class="establish">
<el-form
:rules="establishRules"
label-width="240px"
ref="establishFormRef"
:model="establishForm"
>
<h3>营业执照信息</h3>
<!-- 商户类型 -->
<el-form-item
label="商户类型"
prop="dataType"
>
<el-select
placeholder="请选择商户类型"
v-model="establishForm.dataType"
>
<el-option
label="个体工商户"
:value="1"
></el-option>
<el-option
label="普通企业"
:value="2"
></el-option>
</el-select>
</el-form-item>
<!-- 营业执照金山云key -->
<el-form-item
label="营业执照："
ref="licenseChange"
prop="businessLicense"
>
<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="name"
>
<el-input v-model.trim="establishForm.name"></el-input>
</el-form-item>
<!-- 企业代码 -->
<el-form-item
label="统一社会信用代码（注册码："
prop="code"
>
<el-input v-model.trim="establishForm.code"></el-input>
</el-form-item>
<!-- 数据来源 -->
<el-form-item
label="数据来源："
prop="data_from"
>
<el-select
v-model="establishForm.data_from"
placeholder="请选择数据来源"
>
<el-option
label="C端"
:value="1"
></el-option>
<el-option
label="B端"
:value="2"
></el-option>
<el-option
label="OP后台代提交"
:value="3"
></el-option>
</el-select>
</el-form-item>
<!-- 代提交人手机号 -->
<el-form-item
label="待提交人手机号："
prop="mobile"
>
<el-input v-model.number="establishForm.mobile"></el-input>
</el-form-item>
<el-form-item
label="代提交标识"
prop="is_agent"
>
<el-select v-model="establishForm.is_agent">
<el-option
label="代提交"
:value="1"
></el-option>
</el-select>
</el-form-item>
<!-- =================普通企业法人/个体工商户身份认证信息========== -->
<h3>身份信息</h3>
<!-- 企业营业执照号 -->
<el-form-item
label="企业营业执照号"
prop="enterpriseCode"
>
<el-input
placeholder="请输入企业营业执照号"
v-model="establishForm.enterpriseCode"
></el-input>
</el-form-item>
<!-- 身份证正面照片 -->
<el-form-item
label="身份证正面照"
prop="front_img"
>
<el-upload
action=""
multiple
show-file-list
:auto-upload="false"
:file-list="establishForm.licenseList"
:on-change="onIdPhoneChange"
:on-remove="onIdPhoneRemove"
>
<el-button
size="small"
type="primary"
>点击上传</el-button>
</el-upload>
</el-form-item>
<!-- 身份证反面照片 -->
<el-form-item
label="身份证反面照"
prop="bak_img"
>
<el-upload
action=""
multiple
show-file-list
:auto-upload="false"
:file-list="establishForm.licenseList"
:on-change="onIdPhoneChange"
:on-remove="onIdPhoneRemove"
>
<el-button
size="small"
type="primary"
>点击上传</el-button>
</el-upload>
</el-form-item>
<!-- orc照片正面完整度 -->
<el-form-item
label="orc正面完整度"
prop="front_completeness"
>
<el-input v-model="establishForm.front_completeness"></el-input>
</el-form-item>
<!-- orc照片反面完整度 -->
<el-form-item
label="orc反面完整度"
prop="bak_completeness"
>
<el-input v-model="establishForm.bak_completeness"></el-input>
</el-form-item>
<!-- 身份证号 -->
<el-form-item
label="身份证号"
prop="idcard_number"
>
<el-input v-model="establishForm.idcard_number"></el-input>
</el-form-item>
<!-- 姓名 -->
<el-form-item
label="经营者(法人)姓名"
prop="userName"
>
<el-input v-model="establishForm.userName"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="handelCancel('establishFormRef')">取消</el-button>
<el-button
@click="handelSubmit('establishFormRef')"
type="primary"
>提交审核</el-button>
</el-form-item>
</el-form>
</div>
</template>
<style lang="less" scoped>
// 标题
.title {
padding: 20px;
}
// 主体区域
.establish {
padding: 50px;
display: flex;
justify-content: center;
.el-form {
width: 50%;
}
}
</style>
<script>
export default {
props: ["type"],
data () {
// 营业执照校验规则
let businessRules = (rule, value, callback) => {
if (this.establishForm.licenseList.length === 0) {
callback(new Error("请上传营业执照"));
} else {
callback();
}
};
/* // 身份证照片校验规则
let idPhotoRules = (rule, value, callback) => {
if (this.establishForm.idcardPhoto.length === 0) {
callback(new Error("请上传身份证照片"));
} else {
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.idcard_number;
if (idNumber.length === 0) {
callback(new Error("身份证号不可为空"));
} else if (!(IDRe18.test(idNumber) || IDre15.test(idNumber))) {
callback(new Error("身份证号格式不正确"));
} else {
callback();
}
};
return {
// 表单输入项
establishForm: {
user_id: null, // 用户id(!)
code: null, // 企业代码(!)
name: null, // 企业名称(!)
entterprise_image: null, // 金山云key(!)
data_from: null, // 数据来源(!)
dataType: null, // 企业认证类型(!)
type: null, // 营业执照上的企业类型
addr: null, // 企业注册地址
pers: null, // 法人
scope: null, // 经营范围
time: null, // 有效期
regi: null, // 注册资本
organizer: null, // 主管单位
date: null, // 成立时间
comp: null, // 登记机关
num: null, // 登记号,
form: null, // 组成形式
funding: null, // 经费来源
issue_date: null, // 发证日期
life_account_id: null, // 生活号id
proxy_user_name: null, // OP后台代提交人姓名
phone: null, // 代提交 被提交用户手机号
is_agent: null, // 代提交标识位
/* *********身份认证信息********* */
enterpriseCode: "", // 企业营业执照(!)
front_img: "", // 身份证正面照的金山云objectid(!)
bak_img: "", // 身份证反面照的尖山云objeid(!)
front_completeness: "", // ocr识别身份证正面照的完整度(!)
bak_completeness: "", // ocr识别身份证反面的完整度(!)
idcard_number: "", // 身份证号(!) 用户填写的
gender: "", // 性别(身份证识别的:男/女)
userName: "", // 姓名 用户填写的(!)
address: "", // 地址
nationality: "", // 民族
valid_date_start: "", // 身份证有效期开始时间
valid_date_end: "", // 身份证有效期结束时间
issued_by: "" // 签发机关
},
// 表单校验规则
establishRules: {
// 营业执照
businessLicense: [
{ required: true, validator: businessRules, trigger: "change" }
],
// 企业注册名称
name: [
{ required: true, message: "请输入企业注册名称", trigger: "blur" }
],
// 注册码
code: [
{
required: true,
message: "请输入统一社会信用代码（注册码）",
trigger: "blur"
}
],
// 商户类型
dataType: [
{ required: true, message: "请选择商户类型", trigger: "change" }
],
// 数据来源
data_from: [
{ required: true, message: "请选择数据来源", trigger: "change" }
],
/* ****************法人/个体用户身份校验***************** */
// 企业营业执照号
enterpriseCode: [
{ required: true, message: "请输入企业营业执照号", trigger: "blur" }
],
// 身份证正面照
front_img: [
{ required: true, message: "请上传身份证正面照", trigger: "change" }
],
// 身份证反面照
bak_img: [
{ required: true, message: "请上传身份证反面照", trigger: "change" }
],
// 正面完整度
front_completeness: [
{ required: true, message: "请填写orc正面完整度", trigger: "blur" }
],
// 反面完整度
bak_completeness: [
{ required: true, message: "请填写orc反面完整度", trigger: "blur" }
],
// 身份证号
idcard_number: [
{ required: true, validator: idcardNumberRules, trigger: "blur" }
],
// 经营者/法人姓名
userName: [
{ required: true, message: "请填写经营者(法人姓名)", trigger: "blur" }
],
mobile: [
{ required: true, message: "请填写待提交人手机号", trigger: "blur" }
],
is_agent: [
{ required: true, message: "请填写是否代提交", trigger: "change" }
]
}
};
},
created () {
console.log("企业信息修改状态:", this.type);
},
methods: {
// 上传营业执照时
onLicenseChange (file, fileList) {
this.establishForm.licenseList = fileList;
this.$refs["licenseChange"].clearValidate();
},
// 身份证照片更改时
onIdPhoneChange (file, fileList) {
this.establishForm.idcardPhoto = fileList;
this.$refs["idcardPhotoChange"].clearValidate();
},
// 删除上传的营业执照
onLicenseRemove (file, fileList) {
this.establishForm.licenseList = fileList;
},
// 删除上传的身份证照片
onIdPhoneRemove (file, fileList) {
this.establishForm.idcardPhoto = fileList;
},
// 取消创建表单
handelCancel () {
this.$router.replace({ name: "Certification" });
},
// 提交表单
handelSubmit (formName) {
this.$refs[formName].validate(async valid => {
console.log("表单校验结果!!!!!!!!!!!!!!!!!!!!1", valid);
// 表单校验成功后
if (valid) {
// 如果是提交表单页发送提交请求接口
if (this.type === "SUBMIT") {
this.$message({ type: "success", message: "信息提交成功!" });
}
// 如果是修改表单页,请求修改表单页接口
if (this.type === "EDIT") {
console.log("EDIT");
}
}
});
}
}
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment