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