|
|
|
@ -1,4 +1,5 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<el-form :model="stepData1" :rules="rules" ref="step1" label-width="180px"> |
|
|
|
<p class="text-right"> |
|
|
|
<el-link type="primary" @click="$emit('child-event','show')"><i class="el-icon-back"></i>返回</el-link> |
|
|
|
@ -33,7 +34,7 @@ |
|
|
|
v-for="item in bigTypeOptions" |
|
|
|
:key="item.id" |
|
|
|
:label="item.dictValue" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.dictCode"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
@ -43,22 +44,23 @@ |
|
|
|
v-for="item in smallTypeOptions" |
|
|
|
:key="item.id" |
|
|
|
:label="item.dictValue" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.dictCode"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<el-form-item label="注册机关："> |
|
|
|
<el-form-item label="注册机关：" prop="regAuthority"> |
|
|
|
<el-input v-model="stepData1.regAuthority"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="成立日期："> |
|
|
|
<el-date-picker |
|
|
|
v-model="stepData1.establishDate" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="官网地址："> |
|
|
|
<el-form-item label="官网地址：" prop="website"> |
|
|
|
<el-input v-model="stepData1.website" placeholder="请输入官网地址" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="认证资料：" prop="orgCrtImgRid"> |
|
|
|
@ -72,15 +74,12 @@ |
|
|
|
:file-list="orgCrtImgFile" |
|
|
|
:headers="headers" |
|
|
|
:on-change="handleChangeCompany" |
|
|
|
:on-preview="handlePictureCardPreviewCompany" |
|
|
|
:on-preview="handlePictureCardPreviewId" |
|
|
|
:on-success="handSuccessCompany" |
|
|
|
:before-upload="handleBeforePictureUpload" |
|
|
|
:on-remove="handleRemoveCompany"> |
|
|
|
<i class="el-icon-plus"></i> |
|
|
|
</el-upload> |
|
|
|
<el-dialog :visible.sync="dialogVisible"> |
|
|
|
<img width="100%" :src="dialogImageUrl" alt=""> |
|
|
|
</el-dialog> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
@ -106,7 +105,7 @@ |
|
|
|
<el-form-item label="详细地址：" prop="orgAddr"> |
|
|
|
<el-input v-model="stepData1.orgAddr"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="注册资本："> |
|
|
|
<el-form-item label="注册资本：" prop="regCapital"> |
|
|
|
<el-input v-model="stepData1.regCapital"> |
|
|
|
<template slot="append">万元</template> |
|
|
|
</el-input> |
|
|
|
@ -115,10 +114,11 @@ |
|
|
|
<el-date-picker |
|
|
|
v-model="stepData1.periodValidity" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期"> |
|
|
|
placeholder="选择日期" |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="单位简介："> |
|
|
|
<el-form-item label="单位简介：" prop="orgDesc"> |
|
|
|
<el-input v-model="stepData1.orgDesc" type="textarea" rows=6 placeholder="请输入内容" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
@ -131,10 +131,10 @@ |
|
|
|
<el-form-item label="法人或代表人姓名：" prop="legalName"> |
|
|
|
<el-input v-model="stepData1.legalName"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="法人或代表人电话："> |
|
|
|
<el-form-item label="法人或代表人电话：" prop="legalPhone"> |
|
|
|
<el-input v-model="stepData1.legalPhone"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="法人或代表人传真："> |
|
|
|
<el-form-item label="法人或代表人传真：" prop="legalFax"> |
|
|
|
<el-input v-model="stepData1.legalFax"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<div class="linkage"> |
|
|
|
@ -206,7 +206,7 @@ |
|
|
|
<el-form-item label="法人或代表人证件号码：" prop="legalCrtNo"> |
|
|
|
<el-input v-model="stepData1.legalCrtNo"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="法人或代表人邮箱："> |
|
|
|
<el-form-item label="法人或代表人邮箱：" prop="legalEmail"> |
|
|
|
<el-input v-model="stepData1.legalEmail" placeholder="请输入邮箱" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
@ -300,36 +300,83 @@ |
|
|
|
<el-button size="medium" type="primary" @click="submitForm(1)">下一页</el-button> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
<el-dialog :visible.sync="dialogVisible"> |
|
|
|
<img width="100%" :src="dialogImageUrl" alt=""> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import {UPLOAD} from "@/api/api" |
|
|
|
import {validatePhone, validateIDCard,validateEmail} from "@/utils/validate"; |
|
|
|
import {validatePhone, validateIDCard,validateEmail,validateTyshyxdm,validateURL,validateNum,validateFax,validatePassPortCard} from "@/utils/validate"; |
|
|
|
import {enterpriseAuthNew, registerArea,selectTypeNew, industryType,selectOtherTypeNew,enterpriseInfoNew, informationModify} from "@/api/enterpriseManagement"; |
|
|
|
export default { |
|
|
|
name:"step1", |
|
|
|
data(){ |
|
|
|
const checkIDCardLegal = (rule, value, callback) => { |
|
|
|
if (this.stepData1.legalCrtType == 1 && !validateIDCard(value)) { |
|
|
|
return callback(new Error("请输入正确的身份证")); |
|
|
|
} else if (this.stepData1.legalCrtType == 2 && !validatePassPortCard(value)) { |
|
|
|
return callback(new Error("请输入正确的护照")); |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
} |
|
|
|
}; |
|
|
|
const checkIDCard = (rule, value, callback) => { |
|
|
|
if (!validateIDCard(value)) { |
|
|
|
if (this.stepData1.contactCrtType == 1 && !validateIDCard(value)) { |
|
|
|
return callback(new Error("请输入正确的身份证")); |
|
|
|
} else if (this.stepData1.contactCrtType == 2 && !validatePassPortCard(value)) { |
|
|
|
return callback(new Error("请输入正确的护照")); |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
} |
|
|
|
}; |
|
|
|
const checkPhone = (rule, value, callback) => { |
|
|
|
if (!validatePhone(value)) { |
|
|
|
if (value && !validatePhone(value)) { |
|
|
|
return callback(new Error("请输入正确的手机号码")); |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
} |
|
|
|
}; |
|
|
|
const checkFax = (rule, value, callback) => { |
|
|
|
if (value && !validateFax(value)) { |
|
|
|
return callback(new Error("请输入正确的传真")); |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
const checkEmail = (rule, value, callback) => { |
|
|
|
if (!validateEmail(value)) { |
|
|
|
if (value && !validateEmail(value)) { |
|
|
|
return callback(new Error("请输入正确的邮箱")); |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
} |
|
|
|
}; |
|
|
|
const checkOrgCrtCode = (rule, value, callback) => { |
|
|
|
if (this.stepData1.orgCrtType == 1 && !validateTyshyxdm(value)) { |
|
|
|
return callback(new Error("请输入正确企业信用代码")); |
|
|
|
} else if(this.stepData1.orgCrtType == 2 && value.length > 20) { |
|
|
|
return callback(new Error("请输入1-20个字符的证件号码")); |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
} |
|
|
|
}; |
|
|
|
const checkWebsite = (rule, value, callback) => { |
|
|
|
if (value && !validateURL(value)) { |
|
|
|
return callback(new Error("请输入正确的网站地址")); |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
} |
|
|
|
}; |
|
|
|
const checkNumber = (rule, value, callback) => { |
|
|
|
if (value && !validateNum(value)) { |
|
|
|
return callback(new Error("请输入正确的金额，仅支持数字")); |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
return { |
|
|
|
provinceOptions: [],//省份下拉框数据 |
|
|
|
cityOptions: [],//市下拉框数据 |
|
|
|
@ -418,14 +465,14 @@ export default { |
|
|
|
//企业信息 |
|
|
|
orgName: [ |
|
|
|
{required: true, message: '请输入单位名称', trigger: 'blur'}, |
|
|
|
{min: 1, max: 20, message: '长度在 1 到 30 个字符', trigger: 'blur'} |
|
|
|
{min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur'} |
|
|
|
], |
|
|
|
orgNature: [ |
|
|
|
{required: true, message: '请选择单位性质', trigger: "change"}, |
|
|
|
], |
|
|
|
orgAddr: [ |
|
|
|
{required: true, message: '请输入详细地址', trigger: 'blur'}, |
|
|
|
{min: 1, max: 20, message: '长度在 1 到 50 个字符', trigger: 'blur'} |
|
|
|
{min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur'} |
|
|
|
], |
|
|
|
orgAddrProvince: [ |
|
|
|
{required: true, message: '请选择省', trigger: "change"}, |
|
|
|
@ -441,6 +488,7 @@ export default { |
|
|
|
], |
|
|
|
orgCrtCode: [ |
|
|
|
{required: true, message: '请输入信用代码', trigger: 'blur'}, |
|
|
|
{validator: checkOrgCrtCode, trigger: "blur"} |
|
|
|
], |
|
|
|
orgCrtImgRid: [ |
|
|
|
{required: true, message: '请上传认证资料', trigger: 'blur'}, |
|
|
|
@ -451,9 +499,23 @@ export default { |
|
|
|
industryCategory: [ |
|
|
|
{required: true, message: '请选择行业门类', trigger: 'change'} |
|
|
|
], |
|
|
|
website: [ |
|
|
|
{validator: checkWebsite, trigger: "blur"} |
|
|
|
], |
|
|
|
regCapital:[ |
|
|
|
{validator: checkNumber, trigger: "blur"}, |
|
|
|
{min: 1, max: 20, message: '长度在 1 到 20 位', trigger: 'blur'} |
|
|
|
], |
|
|
|
orgDesc:[ |
|
|
|
{min: 1, max: 500, message: '长度在 1 到 500 个字符', trigger: 'blur'} |
|
|
|
], |
|
|
|
regAuthority:[ |
|
|
|
{min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur'} |
|
|
|
], |
|
|
|
//联系人 |
|
|
|
contactName: [ |
|
|
|
{required: true, message: '请输入联系人姓名', trigger: 'blur'}, |
|
|
|
{min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur'} |
|
|
|
], |
|
|
|
contactCrtType: [ |
|
|
|
{required: true, message: '请选择联系人证件类型', trigger: 'change'} |
|
|
|
@ -463,23 +525,34 @@ export default { |
|
|
|
{validator: checkIDCard, trigger: "blur"}, |
|
|
|
], |
|
|
|
contactPhone: [ |
|
|
|
{required: true, message: '请输入联系电话'}, |
|
|
|
{required: true, message: '请输入联系电话', trigger: 'blur'}, |
|
|
|
{validator: checkPhone, trigger: "blur"} |
|
|
|
], |
|
|
|
contactEmail: [ |
|
|
|
{required: true, message: '请输入联系人邮箱'}, |
|
|
|
{required: true, message: '请输入联系人邮箱', trigger: 'blur'}, |
|
|
|
{validator: checkEmail, trigger: "blur"} |
|
|
|
], |
|
|
|
//联系人 |
|
|
|
//法人 |
|
|
|
legalName: [ |
|
|
|
{required: true, message: '请输入法人或代表人姓名', trigger: 'blur'}, |
|
|
|
{min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur'} |
|
|
|
], |
|
|
|
legalPhone:[ |
|
|
|
{validator: checkPhone, trigger: "blur", trigger: 'blur'} |
|
|
|
], |
|
|
|
legalFax:[ |
|
|
|
{validator: checkFax, trigger: "blur", trigger: 'blur'} |
|
|
|
], |
|
|
|
legalCrtType: [ |
|
|
|
{required: true, message: '请选择法人或代表人证件类型', trigger: 'change'} |
|
|
|
], |
|
|
|
legalCrtNo: [ |
|
|
|
{required: true, message: "请输入法人或代表人证件号码", trigger: "blur"}, |
|
|
|
{validator: checkIDCard, trigger: "blur"}, |
|
|
|
{validator: checkIDCardLegal, trigger: "blur"}, |
|
|
|
], |
|
|
|
legalEmail: [ |
|
|
|
{required: true, message: '请输入法人或代表人邮箱', trigger: 'blur'}, |
|
|
|
{validator: checkEmail, trigger: "blur"} |
|
|
|
], |
|
|
|
legalCrtFrontImgRid: [ |
|
|
|
{required: true, message: '请上传证件照正面', trigger: 'blur'}, |
|
|
|
@ -607,12 +680,14 @@ export default { |
|
|
|
}, |
|
|
|
//获取行业大类 |
|
|
|
getIndustryType(parentId,isShow = false) { |
|
|
|
|
|
|
|
let temp = this.bigTypeOptions.filter(item => { |
|
|
|
return item.dictCode == parentId |
|
|
|
}) |
|
|
|
if(!isShow) |
|
|
|
{ |
|
|
|
this.stepData1.industrySpecific = "" |
|
|
|
} |
|
|
|
selectTypeNew(parentId).then((res) => { |
|
|
|
selectTypeNew(temp[0].id).then((res) => { |
|
|
|
this.smallTypeOptions = res.data.data; |
|
|
|
}) |
|
|
|
}, |
|
|
|
@ -627,7 +702,8 @@ export default { |
|
|
|
}, |
|
|
|
//联系人正面照删除 |
|
|
|
handleRemoveContactsId(file, fileList) { |
|
|
|
this.stepData1.contactCrtFrontImgRid = fileList |
|
|
|
this.stepData1.contactCrtFrontImgRid = '' |
|
|
|
this.contactCrtFrontImgFile = fileList |
|
|
|
this.$refs.step1.validateField('contactCrtFrontImgRid') |
|
|
|
this.hideContactsF = fileList.length >= this.limitCount; |
|
|
|
}, |
|
|
|
@ -644,7 +720,8 @@ export default { |
|
|
|
}, |
|
|
|
//联系人反面照删除 |
|
|
|
handleRemoveRearContactsId(file, fileList) { |
|
|
|
this.stepData1.contactCrtBackImgRid = fileList |
|
|
|
this.stepData1.contactCrtBackImgRid = '' |
|
|
|
this.contactCrtBackImgFile = fileList |
|
|
|
this.$refs.step1.validateField('contactCrtBackImgRid') |
|
|
|
this.hideContactsR = fileList.length >= this.limitCount; |
|
|
|
}, |
|
|
|
@ -664,7 +741,8 @@ export default { |
|
|
|
}, |
|
|
|
//法人正面照删除 |
|
|
|
handleRemoveLegalId(file, fileList) { |
|
|
|
this.stepData1.legalCrtFrontImgRid = fileList |
|
|
|
this.stepData1.legalCrtFrontImgRid = '' |
|
|
|
this.legalCrtFrontImgFile = fileList |
|
|
|
this.$refs.step1.validateField('legalCrtFrontImgRid') |
|
|
|
this.hideUploadF = fileList.length >= this.limitCount; |
|
|
|
}, |
|
|
|
@ -681,7 +759,8 @@ export default { |
|
|
|
}, |
|
|
|
//法人反面删除 |
|
|
|
handleRemoveRearLegalID(file, fileList) { |
|
|
|
this.stepData1.legalCrtBackImgRid = fileList |
|
|
|
this.stepData1.legalCrtBackImgRid = '' |
|
|
|
this.legalCrtBackImgFile = fileList |
|
|
|
this.$refs.step1.validateField('legalCrtBackImgRid') |
|
|
|
this.hideUploadR = fileList.length >= this.limitCount; |
|
|
|
}, |
|
|
|
@ -704,11 +783,7 @@ export default { |
|
|
|
this.$refs.step1.validateField('orgCrtImgRid') |
|
|
|
this.hideUpCompany = fileList.length >= this.limitCount; |
|
|
|
}, |
|
|
|
//企业图片放大 |
|
|
|
handlePictureCardPreviewCompany(file) { |
|
|
|
this.dialogImageUrl = file.url; |
|
|
|
this.dialogVisible = true; |
|
|
|
}, |
|
|
|
|
|
|
|
//企业认证资料成功 |
|
|
|
handSuccessCompany(file) { |
|
|
|
this.stepData1.orgCrtImgRid = file.data.idisResult |
|
|
|
|
DESKTOP-00SUCB6\Administrator
3 years ago
