DESKTOP-00SUCB6\Administrator
3 years ago
16 changed files with 1144 additions and 742 deletions
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 366 KiB After Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 7.1 KiB |
@ -0,0 +1,728 @@ |
|||||
|
<template> |
||||
|
<div class="lookOver_wrap"> |
||||
|
<div class="lookOver_info"> |
||||
|
<el-row> |
||||
|
<el-col> |
||||
|
<h1>{{ informationForm.name }}信息详情</h1> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="14" :offset="5"> |
||||
|
<el-form :model="informationForm" :rules="rules" ref="informationForm" label-width="180px" disabled> |
||||
|
<div class="linkage"> |
||||
|
<el-form-item label="企业注册地：" class="is-required"></el-form-item> |
||||
|
<el-form-item prop="provinceCode" class="linkageItem"> |
||||
|
<el-select v-model="informationForm.provinceCode" placeholder="请选择省" @change="changeArea(informationForm.provinceCode,'city')"> |
||||
|
<el-option v-for="item in provinceOptions" :key="item.id" :label="item.label" :value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item prop="cityCode" class="linkageItem"> |
||||
|
<el-select v-model="informationForm.cityCode" placeholder="请选择市" @change="changeArea(informationForm.cityCode,'area')"> |
||||
|
<el-option v-for="item in cityOptions" :key="item.id" :label="item.label" :value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item prop="areaCode" class="linkageItem"> |
||||
|
<el-select v-model="informationForm.areaCode" placeholder="请选择地区"> |
||||
|
<el-option v-for="item in areaOptions" :key="item.id" :label="item.label" :value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
<div class="linkage"> |
||||
|
<el-form-item label="行业类型：" class="is-required"></el-form-item> |
||||
|
<el-form-item prop="enterpriseIndustryBigType" class="linkageItem"> |
||||
|
<el-select v-model="informationForm.enterpriseIndustryBigType" placeholder="请选择大类" @change="getIndustryType(informationForm.enterpriseIndustryBigType)"> |
||||
|
<el-option v-for="item in bigTypeOptions" :key="item.id" :label="item.label" :value="item.enumeration"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item prop="enterpriseIndustrySmallType" class="linkageItem"> |
||||
|
<el-select v-model="informationForm.enterpriseIndustrySmallType" placeholder="请选择小类"> |
||||
|
<el-option v-for="item in smallTypeOptions" :key="item.id" :label="item.label" :value="item.enumeration"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
<!-- <el-form-item label="信用代码类型：" prop="corporateUnifiedSocialCreditType"> |
||||
|
<el-select v-model="informationForm.corporateUnifiedSocialCreditType" placeholder="请选择信用代码类型"> |
||||
|
<el-option v-for="item in creditCodeOptions" :key="item.id" :label="item.label" :value="item.enumeration"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> --> |
||||
|
<el-form-item label="信用代码：" prop="corporateUnifiedSocialCreditCode"> |
||||
|
<el-input v-model="informationForm.corporateUnifiedSocialCreditCode"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="责任主体名称：" prop="nameLegalPersonLiabilitySubject"> |
||||
|
<el-input v-model="informationForm.nameLegalPersonLiabilitySubject"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="法人或代表人姓名：" prop="nameLegalRepresentative"> |
||||
|
<el-input v-model="informationForm.nameLegalRepresentative"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="法人或代表人证件类型：" prop="typeLegalRepresentative"> |
||||
|
<el-select v-model="informationForm.typeLegalRepresentative" placeholder="请选择"> |
||||
|
<el-option v-for="item in legalPersonOptions" :key="item.id" :label="item.label" :value="item.enumeration"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="法人或代表人证件号码：" prop="certificateNumberLegalRepresentative"> |
||||
|
<el-input v-model="informationForm.certificateNumberLegalRepresentative"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="证件照正面：" prop="faceId"> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<el-upload ref="faceIDFileRef" :class="{hide:hideUploadF}" :action=action :data="faceId" list-type="picture-card" :limit=limitCount :file-list="informationForm.faceId" :headers="headers" :on-change="handleChangeId" :on-exceed="handleExceedId" :on-preview="handlePictureCardPreviewId" :on-success="handSuccessId" :before-upload="beforePictureUploadId" :on-remove="handleRemoveId"> |
||||
|
<i class="el-icon-plus"></i> |
||||
|
</el-upload> |
||||
|
<el-dialog :visible.sync="dialogVisible"> |
||||
|
<img width="100%" :src="dialogImageUrlFace" alt=""> |
||||
|
</el-dialog> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="证件照反面：" prop="rearId"> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<el-upload ref="rearIDRef" :class="{hide:hideUploadR}" :action=action :data="rearId" list-type="picture-card" :limit=limitCount :file-list="informationForm.rearId" :headers="headers" :on-change="handleChangeRearID" :on-exceed="handleExceedRearID" :on-preview="handlePictureCardPreviewRearID" :on-success="handSuccessRearID" :before-upload="beforePictureUploadRearID" :on-remove="handleRemoveRearID"> |
||||
|
<i class="el-icon-plus"></i> |
||||
|
</el-upload> |
||||
|
<el-dialog :visible.sync="dialogVisible"> |
||||
|
<img width="100%" :src="dialogImageUrlRear" alt=""> |
||||
|
</el-dialog> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系人姓名：" prop="duty"> |
||||
|
<el-input v-model="informationForm.duty"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系电话：" prop="mobile"> |
||||
|
<el-input v-model="informationForm.mobile"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="详细地址：" prop="address"> |
||||
|
<el-input v-model="informationForm.address"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="企业类型：" prop="enterpriseType"> |
||||
|
<el-select v-model="informationForm.enterpriseType" placeholder="请选择"> |
||||
|
<el-option v-for="item in enterpriseTypeOptions" :key="item.id" :label="item.label" :value="item.enumeration"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="认证资料类型：" prop="certificatedInformationType"> |
||||
|
<el-select v-model="informationForm.certificatedInformationType" placeholder="请选择"> |
||||
|
<el-option v-for="item in certificationInformationOptions" :key="item.id" :label="item.label" :value="item.enumeration"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="认证资料：" prop="company"> |
||||
|
<el-upload ref="companyFileRef" :class="{hide:hideUpCompany}" :action=action :data="company" list-type="picture-card" :limit=limitCount :file-list="informationForm.company" :headers="headers" :on-change="handleChangeCompany" :on-exceed="handleExceedCompany" :on-preview="handlePictureCardPreviewCompany" :on-success="handSuccessCompany" :before-upload="beforePictureUploadCompany" :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-form> |
||||
|
<div class="btn_group"> |
||||
|
<!-- <el-button size="medium" type="primary" @click="pass(informationForm.id)" |
||||
|
v-if="informationForm.status.code==='WAITING'">通过</el-button> |
||||
|
<el-button size="medium" type="danger" @click="reject(informationForm.id)" |
||||
|
v-if="informationForm.status.code==='WAITING'">驳回</el-button>--> |
||||
|
<el-button size="medium" @click="goBack()">返回</el-button> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
registerArea, |
||||
|
selectType, |
||||
|
industryType, |
||||
|
enterpriseInfo, |
||||
|
informationModify, |
||||
|
tenantStatusApi, |
||||
|
} from "@/api/enterpriseTenantryManagement"; |
||||
|
import { |
||||
|
validatePhone, |
||||
|
validateIDCard, |
||||
|
} from "@/utils/validate"; |
||||
|
import { |
||||
|
UPLOAD |
||||
|
} from "@/api/api" |
||||
|
|
||||
|
export default { |
||||
|
name: "lookOver", |
||||
|
components: {}, |
||||
|
props: {}, |
||||
|
data() { |
||||
|
const checkIDCard = (rule, value, callback) => { |
||||
|
if (!validateIDCard(value)) { |
||||
|
return callback(new Error("请输入正确的身份证")); |
||||
|
} else { |
||||
|
callback(); |
||||
|
} |
||||
|
}; |
||||
|
const checkPhone = (rule, value, callback) => { |
||||
|
if (!validatePhone(value)) { |
||||
|
return callback(new Error("请输入正确的手机号码")); |
||||
|
} else { |
||||
|
callback(); |
||||
|
} |
||||
|
}; |
||||
|
return { |
||||
|
fromPath: window.sessionStorage.getItem('from'), //记录来源路由地址 |
||||
|
provinceOptions: [], |
||||
|
cityOptions: [], |
||||
|
areaOptions: [], |
||||
|
bigTypeOptions: [], |
||||
|
smallTypeOptions: [], |
||||
|
creditCodeOptions: [], |
||||
|
legalPersonOptions: [], |
||||
|
enterpriseTypeOptions: [], |
||||
|
certificationInformationOptions: [], |
||||
|
hideUploadF: true, |
||||
|
hideUploadR: true, |
||||
|
hideUpCompany: true, |
||||
|
limitCount: 1, |
||||
|
dialogVisible: false, |
||||
|
dialogImageUrlFace: '', |
||||
|
dialogImageUrlRear: '', |
||||
|
dialogImageUrl: '', |
||||
|
faceId: { |
||||
|
bizType: 'FACE_ID', |
||||
|
fileName: '', |
||||
|
sequence: 0, |
||||
|
url: '' |
||||
|
}, |
||||
|
rearId: { |
||||
|
bizType: 'REAR_ID', |
||||
|
fileName: '', |
||||
|
sequence: 0, |
||||
|
url: '' |
||||
|
}, |
||||
|
company: { |
||||
|
bizType: 'COMPANY', |
||||
|
fileName: '', |
||||
|
sequence: 0, |
||||
|
url: '' |
||||
|
}, |
||||
|
action: UPLOAD, |
||||
|
companyName: '', |
||||
|
informationForm: { |
||||
|
name: "", |
||||
|
id: "", |
||||
|
status: {}, |
||||
|
code: window.sessionStorage.getItem('code'), //企业编码 |
||||
|
provinceCode: "", //省 |
||||
|
cityCode: "", //市 |
||||
|
areaCode: "", //区县 |
||||
|
enterpriseIndustryBigType: '', //行业类型大类 |
||||
|
enterpriseIndustrySmallType: '', //行业类型小类 |
||||
|
corporateUnifiedSocialCreditType: "", //信用代码类型 |
||||
|
corporateUnifiedSocialCreditCode: '', //信用代码 |
||||
|
nameLegalPersonLiabilitySubject: '', //责任主体名称 |
||||
|
nameLegalRepresentative: '', //法人或代表人姓名 |
||||
|
typeLegalRepresentative: '', //法人或代表人证件类型 |
||||
|
certificateNumberLegalRepresentative: "", //法人或代表人证件号码 |
||||
|
faceId: [], //证件照正面 |
||||
|
rearId: [], //证件照反面 |
||||
|
duty: '', //联系人姓名 |
||||
|
mobile: '', //联系电话 |
||||
|
address: '', //详细地址 |
||||
|
enterpriseType: '', //企业类型 |
||||
|
certificatedInformationType: '', //认证资料类型 |
||||
|
company: [], //认证资料 |
||||
|
}, |
||||
|
rules: { |
||||
|
provinceCode: [{ |
||||
|
required: true, |
||||
|
message: '请选择省', |
||||
|
trigger: "change" |
||||
|
}, ], |
||||
|
cityCode: [{ |
||||
|
required: true, |
||||
|
message: '请选择市', |
||||
|
trigger: "change" |
||||
|
}, ], |
||||
|
areaCode: [{ |
||||
|
required: true, |
||||
|
message: '请选择区县', |
||||
|
trigger: "change" |
||||
|
}, ], |
||||
|
enterpriseIndustryBigType: [{ |
||||
|
required: true, |
||||
|
message: '请选择行业大类', |
||||
|
trigger: 'change' |
||||
|
}], |
||||
|
enterpriseIndustrySmallType: [{ |
||||
|
required: true, |
||||
|
message: '请选择行业小类', |
||||
|
trigger: 'change' |
||||
|
}], |
||||
|
corporateUnifiedSocialCreditType: [{ |
||||
|
required: true, |
||||
|
message: '请选择信用代码类型', |
||||
|
trigger: 'change' |
||||
|
}], |
||||
|
corporateUnifiedSocialCreditCode: [{ |
||||
|
required: true, |
||||
|
message: '请输入信用代码', |
||||
|
trigger: 'blur' |
||||
|
}, ], |
||||
|
nameLegalPersonLiabilitySubject: [{ |
||||
|
required: true, |
||||
|
message: '请输入责任主体名称', |
||||
|
trigger: 'blur' |
||||
|
}, |
||||
|
{ |
||||
|
min: 1, |
||||
|
max: 20, |
||||
|
message: '长度在 1 到 20 个字符', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
], |
||||
|
nameLegalRepresentative: [{ |
||||
|
required: true, |
||||
|
message: '请输入法人或代表人姓名', |
||||
|
trigger: 'blur' |
||||
|
}, ], |
||||
|
typeLegalRepresentative: [{ |
||||
|
required: true, |
||||
|
message: '请选择法人或代表人证件类型', |
||||
|
trigger: 'change' |
||||
|
}], |
||||
|
certificateNumberLegalRepresentative: [{ |
||||
|
required: true, |
||||
|
message: "请输入法人或代表人证件号码", |
||||
|
trigger: "blur" |
||||
|
}, |
||||
|
{ |
||||
|
validator: checkIDCard, |
||||
|
trigger: "blur" |
||||
|
}, |
||||
|
], |
||||
|
faceId: [{ |
||||
|
required: true, |
||||
|
message: '请上传证件照正面', |
||||
|
trigger: 'blur' |
||||
|
}, ], |
||||
|
rearId: [{ |
||||
|
required: true, |
||||
|
message: '请上传证件照反面', |
||||
|
trigger: 'blur' |
||||
|
}, ], |
||||
|
duty: [{ |
||||
|
required: true, |
||||
|
message: '请输入联系人姓名', |
||||
|
trigger: 'blur' |
||||
|
}, ], |
||||
|
mobile: [{ |
||||
|
required: true, |
||||
|
message: '请输入联系电话' |
||||
|
}, |
||||
|
{ |
||||
|
validator: checkPhone, |
||||
|
trigger: "blur" |
||||
|
} |
||||
|
], |
||||
|
address: [{ |
||||
|
required: true, |
||||
|
message: '请输入详细地址', |
||||
|
trigger: 'blur' |
||||
|
}, ], |
||||
|
|
||||
|
enterpriseType: [{ |
||||
|
required: true, |
||||
|
message: '请选择企业类型', |
||||
|
trigger: 'change' |
||||
|
}], |
||||
|
certificatedInformationType: [{ |
||||
|
required: true, |
||||
|
message: '请选择认证资料类型', |
||||
|
trigger: 'change' |
||||
|
}], |
||||
|
company: [{ |
||||
|
required: true, |
||||
|
message: '请上传认证资料', |
||||
|
trigger: 'blur' |
||||
|
}, ], |
||||
|
} |
||||
|
}; |
||||
|
}, |
||||
|
beforeCreate() {}, |
||||
|
create() {}, |
||||
|
beforeMount() { |
||||
|
this.$axios.all([enterpriseInfo(this.informationForm.code), registerArea(0), selectType(0)]) |
||||
|
.then(this.$axios.spread((informationFormData, provinceOptionsData, selectData) => { |
||||
|
this.hideUploadF = true; |
||||
|
this.hideUploadR = true; |
||||
|
this.hideUpCompany = true; |
||||
|
let informationForm = informationFormData.data.data |
||||
|
this.provinceOptions = provinceOptionsData.data.data |
||||
|
this.bigTypeOptions = selectData.data.data.INDUSTRY_TYPE |
||||
|
this.creditCodeOptions = selectData.data.data.CREDIT_TYPE |
||||
|
this.legalPersonOptions = selectData.data.data.REPRESENTATIVE_TYPE |
||||
|
this.enterpriseTypeOptions = selectData.data.data.ENTERPRISE_TYPE |
||||
|
this.certificationInformationOptions = selectData.data.data.CERTIFICATED_TYPE |
||||
|
this.$axios.all([registerArea(informationForm.provinceCode), registerArea(informationForm.cityCode), industryType(informationForm.enterpriseIndustryBigType.code)]).then(this.$axios.spread((cityOptionsData, areaOptionsData, smallTypeOptionsData) => { |
||||
|
this.cityOptions = cityOptionsData.data.data; |
||||
|
this.areaOptions = areaOptionsData.data.data; |
||||
|
this.smallTypeOptions = smallTypeOptionsData.data.data; |
||||
|
this.informationForm.cityCode = informationForm.cityCode; |
||||
|
this.informationForm.areaCode = informationForm.areaCode; |
||||
|
this.informationForm.enterpriseIndustrySmallType = informationForm.enterpriseIndustrySmallType.code; |
||||
|
})) |
||||
|
this.informationForm.provinceCode = informationForm.provinceCode; |
||||
|
this.informationForm.enterpriseIndustryBigType = informationForm.enterpriseIndustryBigType.code; |
||||
|
// this.informationForm.corporateUnifiedSocialCreditType = informationForm.corporateUnifiedSocialCreditType.code; |
||||
|
this.informationForm.typeLegalRepresentative = informationForm.typeLegalRepresentative.code; |
||||
|
this.informationForm.enterpriseType = informationForm.enterpriseType.code; |
||||
|
this.informationForm.certificatedInformationType = informationForm.certificatedInformationType.code; |
||||
|
this.informationForm.corporateUnifiedSocialCreditCode = informationForm.corporateUnifiedSocialCreditCode; |
||||
|
this.informationForm.nameLegalPersonLiabilitySubject = informationForm.nameLegalPersonLiabilitySubject; |
||||
|
this.informationForm.nameLegalRepresentative = informationForm.nameLegalRepresentative; |
||||
|
this.informationForm.certificateNumberLegalRepresentative = informationForm.certificateNumberLegalRepresentative; |
||||
|
this.informationForm.faceId = informationForm.faceId; |
||||
|
this.informationForm.rearId = informationForm.rearId; |
||||
|
this.informationForm.duty = informationForm.duty; |
||||
|
this.informationForm.mobile = informationForm.mobile; |
||||
|
this.informationForm.address = informationForm.address; |
||||
|
this.informationForm.company = informationForm.company; |
||||
|
this.informationForm.name = informationForm.name; |
||||
|
this.informationForm.id = informationForm.id; |
||||
|
})) |
||||
|
}, |
||||
|
mounted() {}, |
||||
|
beforeUpdate() {}, |
||||
|
updated() {}, |
||||
|
beforeDestroy() {}, |
||||
|
destroyed() {}, |
||||
|
computed: { |
||||
|
headers() { |
||||
|
return { |
||||
|
token: 'Bearer ' + this.$db.get("TOKEN", ""), |
||||
|
tenant: this.$db.get("TENANT", "") || "", |
||||
|
Authorization: `Basic ${this.$Base64.encode(`${process.env.VUE_APP_CLIENT_ID}:${process.env.VUE_APP_CLIENT_SECRET}`)}` |
||||
|
}; |
||||
|
}, |
||||
|
}, |
||||
|
watch: {}, |
||||
|
methods: { |
||||
|
//获取省市区 |
||||
|
getArea(parentId, grad) { |
||||
|
registerArea(parentId).then((res) => { |
||||
|
if (grad === "province") { |
||||
|
this.provinceOptions = res.data.data |
||||
|
} else if (grad === "city") { |
||||
|
this.cityOptions = res.data.data |
||||
|
} else if (grad === "area") { |
||||
|
this.areaOptions = res.data.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
//选择省、市获取下一级市、区数据 |
||||
|
changeArea(parentId, grad) { |
||||
|
if (grad === "city") { |
||||
|
this.cityOptions = [] |
||||
|
this.areaOptions = []; |
||||
|
this.informationForm.cityCode = "" |
||||
|
this.informationForm.areaCode = "" |
||||
|
} else if (grad === "area") { |
||||
|
this.areaOptions = []; |
||||
|
this.informationForm.areaCode = "" |
||||
|
} |
||||
|
this.getArea(parentId, grad) |
||||
|
}, |
||||
|
//获取省市区之外的下拉框数据 |
||||
|
getType(parentId) { |
||||
|
selectType(parentId).then((res) => { |
||||
|
this.bigTypeOptions = res.data.data.INDUSTRY_TYPE; |
||||
|
this.creditCodeOptions = res.data.data.CREDIT_TYPE; |
||||
|
this.legalPersonOptions = res.data.data.REPRESENTATIVE_TYPE; |
||||
|
this.enterpriseTypeOptions = res.data.data.ENTERPRISE_TYPE; |
||||
|
this.certificationInformationOptions = res.data.data.CERTIFICATED_TYPE; |
||||
|
}) |
||||
|
}, |
||||
|
//获取行业小类 |
||||
|
getIndustryType(enumeration) { |
||||
|
this.informationForm.enterpriseIndustrySmallType = "" |
||||
|
industryType(enumeration).then((res) => { |
||||
|
this.smallTypeOptions = res.data.data |
||||
|
}) |
||||
|
}, |
||||
|
//faceId 证件照正面图片 |
||||
|
handleExceedId(files, fileList) { |
||||
|
this.$message.warning(`当前限制选择 1个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`); |
||||
|
}, |
||||
|
handleChangeId(files, fileList) { |
||||
|
this.hideUploadF = fileList.length >= this.limitCount; |
||||
|
}, |
||||
|
handleRemoveId(file, fileList) { |
||||
|
this.informationForm.faceId = fileList |
||||
|
this.$refs.informationForm.validateField('faceId') |
||||
|
this.hideUploadF = fileList.length >= this.limitCount; |
||||
|
}, |
||||
|
handlePictureCardPreviewId(file) { |
||||
|
this.dialogImageUrl = file.url; |
||||
|
this.dialogVisible = true; |
||||
|
}, |
||||
|
handSuccessId(file) { |
||||
|
this.informationForm.faceId.push({ |
||||
|
name: file.data.filename, |
||||
|
url: file.data.url, |
||||
|
bizType: file.data.bizType |
||||
|
}) |
||||
|
this.$refs.informationForm.validateField('faceId') |
||||
|
}, |
||||
|
beforePictureUploadId(file) { |
||||
|
const isLt1M = file.size / 1024 / 1024 < 1; |
||||
|
const fileType = ['image/jpeg', 'image/png', 'image/jpg', 'image/gif', 'image/bmp'] |
||||
|
const isJPG = fileType.indexOf(file.type) != -1 |
||||
|
|
||||
|
if (!fileType) { |
||||
|
this.$message.error('上传图片只能是 JPEG、JPG、PNG、GIF、BMP 格式!'); |
||||
|
} |
||||
|
if (!isLt1M) { |
||||
|
this.$message.error("上传图片大小不能超过 1MB!"); |
||||
|
} |
||||
|
return isJPG && isLt1M; |
||||
|
}, |
||||
|
//rearID 证件照反面图片 |
||||
|
handleExceedRearID(files, fileList) { |
||||
|
this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`); |
||||
|
}, |
||||
|
handleChangeRearID(files, fileList) { |
||||
|
this.hideUploadR = fileList.length >= this.limitCount; |
||||
|
}, |
||||
|
handleRemoveRearID(file, fileList) { |
||||
|
this.informationForm.rearId = fileList |
||||
|
this.$refs.informationForm.validateField('rearId') |
||||
|
this.hideUploadR = fileList.length >= this.limitCount; |
||||
|
}, |
||||
|
handlePictureCardPreviewRearID(file) { |
||||
|
this.dialogImageUrl = file.url; |
||||
|
this.dialogVisible = true; |
||||
|
}, |
||||
|
handSuccessRearID(file) { |
||||
|
this.informationForm.rearId.push({ |
||||
|
name: file.data.filename, |
||||
|
url: file.data.url, |
||||
|
bizType: file.data.bizType |
||||
|
}) |
||||
|
this.$refs.informationForm.validateField('rearId') |
||||
|
}, |
||||
|
beforePictureUploadRearID(file) { |
||||
|
const isLt1M = file.size / 1024 / 1024 < 1; |
||||
|
const fileType = ['image/jpeg', 'image/png', 'image/jpg', 'image/gif', 'image/bmp'] |
||||
|
const isJPG = fileType.indexOf(file.type) != -1 |
||||
|
|
||||
|
if (!fileType) { |
||||
|
this.$message.error('上传图片只能是 JPEG、JPG、PNG、GIF、BMP 格式!'); |
||||
|
} |
||||
|
if (!isLt1M) { |
||||
|
this.$message.error("上传图片大小不能超过 1MB!"); |
||||
|
} |
||||
|
return isJPG && isLt1M; |
||||
|
}, |
||||
|
//资料图片 |
||||
|
handleExceedCompany(files, fileList) { |
||||
|
this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`); |
||||
|
}, |
||||
|
handleChangeCompany(files, fileList) { |
||||
|
this.hideUpCompany = fileList.length >= this.limitCount; |
||||
|
}, |
||||
|
handleRemoveCompany(file, fileList) { |
||||
|
this.informationForm.company = fileList |
||||
|
this.$refs.informationForm.validateField('company') |
||||
|
this.hideUpCompany = fileList.length >= this.limitCount; |
||||
|
}, |
||||
|
handlePictureCardPreviewCompany(file) { |
||||
|
this.dialogImageUrl = file.url; |
||||
|
this.dialogVisible = true; |
||||
|
}, |
||||
|
handSuccessCompany(file) { |
||||
|
this.informationForm.company.push({ |
||||
|
name: file.data.filename, |
||||
|
url: file.data.url, |
||||
|
bizType: file.data.bizType |
||||
|
}) |
||||
|
this.$refs.informationForm.validateField('company') |
||||
|
}, |
||||
|
beforePictureUploadCompany(file) { |
||||
|
const isLt1M = file.size / 1024 / 1024 < 1; |
||||
|
const fileType = ['image/jpeg', 'image/png', 'image/jpg', 'image/gif', 'image/bmp'] |
||||
|
const isJPG = fileType.indexOf(file.type) != -1 |
||||
|
|
||||
|
if (!fileType) { |
||||
|
this.$message.error('上传图片只能是 JPEG、JPG、PNG、GIF、BMP 格式!'); |
||||
|
} |
||||
|
if (!isLt1M) { |
||||
|
this.$message.error("上传图片大小不能超过 1MB!"); |
||||
|
} |
||||
|
return isJPG && isLt1M; |
||||
|
}, |
||||
|
//提交表单 |
||||
|
submitForm() { |
||||
|
this.$refs.informationForm.validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.saveSubmit(); |
||||
|
} else { |
||||
|
return false; |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
//修改提交 |
||||
|
saveSubmit() { |
||||
|
informationModify(this.informationForm).then(response => { |
||||
|
const res = response.data; |
||||
|
if (res.data) { |
||||
|
this.$message({ |
||||
|
message: "企业信息修改成功", |
||||
|
type: "success" |
||||
|
}); |
||||
|
this.goBack() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
//返回 |
||||
|
goBack() { |
||||
|
this.$refs.informationForm.resetFields(); |
||||
|
this.$router.push(this.fromPath); |
||||
|
}, |
||||
|
//通过 |
||||
|
pass(id) { |
||||
|
this.$confirm("此操作将会通过企业租户认证，是否继续操作？", "提示", { |
||||
|
confirmButtonText: "通过", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
closeOnClickModal: false, |
||||
|
closeOnPressEscape: false, |
||||
|
distinguishCancelAndClose: true |
||||
|
}).then(() => { |
||||
|
tenantStatusApi([id], 'NORMAL') |
||||
|
.then((response) => { |
||||
|
const res = response.data |
||||
|
if (res.isSuccess) { |
||||
|
this.$message({ |
||||
|
message: "审核通过", |
||||
|
type: 'success' |
||||
|
}) |
||||
|
this.goBack() |
||||
|
} |
||||
|
}) |
||||
|
}).catch((err) => { |
||||
|
if (err === 'cancel') { |
||||
|
this.$message({ |
||||
|
type: 'info', |
||||
|
message: '已取消操作' |
||||
|
}); |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
//驳回 |
||||
|
reject(id) { |
||||
|
this.$confirm("此操作将会驳回企业租户认证，是否继续操作？", "提示", { |
||||
|
confirmButtonText: "驳回", |
||||
|
cancelButtonText: "取消", |
||||
|
confirmButtonClass: "el-button--danger", |
||||
|
type: "warning", |
||||
|
closeOnClickModal: false, |
||||
|
closeOnPressEscape: false, |
||||
|
distinguishCancelAndClose: true |
||||
|
}).then(() => { |
||||
|
tenantStatusApi([id], 'REFUSE') |
||||
|
.then((response) => { |
||||
|
const res = response.data |
||||
|
if (res.isSuccess) { |
||||
|
this.isVisible = false |
||||
|
this.$message({ |
||||
|
message: "已驳回", |
||||
|
type: 'success' |
||||
|
}) |
||||
|
this.goBack() |
||||
|
} |
||||
|
}) |
||||
|
}).catch((err) => { |
||||
|
if (err === 'cancel') { |
||||
|
this.$message({ |
||||
|
type: 'info', |
||||
|
message: '已取消操作' |
||||
|
}); |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
}, |
||||
|
directives: {} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.lookOver_wrap { |
||||
|
margin: 10px; |
||||
|
|
||||
|
.lookOver_info { |
||||
|
padding: 20px; |
||||
|
background: #fff; |
||||
|
|
||||
|
h1 { |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.text_div { |
||||
|
text-align: center; |
||||
|
|
||||
|
span { |
||||
|
text-align: center; |
||||
|
margin-bottom: 40px; |
||||
|
background: #f9f0b3; |
||||
|
line-height: 40px; |
||||
|
padding: 0 100px; |
||||
|
display: inline-block; |
||||
|
|
||||
|
em { |
||||
|
color: red; |
||||
|
display: inline-block; |
||||
|
padding: 0 5px; |
||||
|
font-size: 18px; |
||||
|
font-style: normal; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.btn_group { |
||||
|
text-align: center; |
||||
|
|
||||
|
button { |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
<style lang="scss"> |
||||
|
.hide .el-upload--picture-card { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.linkage { |
||||
|
display: flex; |
||||
|
|
||||
|
.el-form-item.linkageItem { |
||||
|
min-width: 130px; |
||||
|
|
||||
|
.el-form-item__content { |
||||
|
margin-left: 10px !important; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-form-item.linkageItem:nth-child(2) { |
||||
|
.el-form-item__content { |
||||
|
margin-left: 0px !important; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
File diff suppressed because it is too large
Loading…
Reference in new issue