20 changed files with 1300 additions and 457 deletions
@ -0,0 +1,30 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
// 获取需要审核企业列表
|
||||
|
export function getAuditEnterpriseList(query) { |
||||
|
return request({ |
||||
|
url: '/system/enterpriseManager/getAuditEnterpriseList', |
||||
|
method: 'post', |
||||
|
data: query |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// 企业通过审核
|
||||
|
export function passAuditEnterprise(query) { |
||||
|
return request({ |
||||
|
url: '/system/enterpriseManager/auditEnterprise', |
||||
|
method: 'post', |
||||
|
data:query |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 驳回企业审核
|
||||
|
export function turnDownEnterprise(query) { |
||||
|
return request({ |
||||
|
url: '/system/enterpriseManager/turnDownEnterprise', |
||||
|
method: 'post', |
||||
|
data:query |
||||
|
}) |
||||
|
} |
||||
|
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 9.7 KiB |
@ -0,0 +1,217 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="90px"> |
||||
|
<el-form-item label="企业名称" prop="name"> |
||||
|
<el-input |
||||
|
v-model="queryParams.name" |
||||
|
placeholder="请输入企业名称" |
||||
|
clearable |
||||
|
size="small" |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="审核状态"> |
||||
|
<el-select v-model="queryParams.verifyStatus" clearable placeholder="请选择"> |
||||
|
<el-option label="待审核" value="0"></el-option> |
||||
|
<el-option label="通过" value="1"></el-option> |
||||
|
<el-option label="驳回" value="2"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table v-loading="loading" :data="enterpriseManagerList"> |
||||
|
<el-table-column label="企业名称" align="center" prop="name" /> |
||||
|
<el-table-column label="申请类型" align="center" prop="applicationType"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{scope.row.applicationType == 0 ? '新增申请' : '变更申请'}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<!-- <el-table-column label="申请时间" align="center" prop="applicationTime" /> --> |
||||
|
|
||||
|
<!-- <el-table-column label="审核人" align="center" prop="verifyUser" /> --> |
||||
|
<el-table-column label="工商认证" align="center" prop="businessCertificationTime" /> |
||||
|
<el-table-column label="工业互联网认证" align="center" prop="industrialInternetCertificationTime" /> |
||||
|
<el-table-column label="审核时间" align="center" prop="verifyTime" /> |
||||
|
<el-table-column label="审核状态" align="center" prop="verifyStatus"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.verifyStatus == 0" class="text-warning">待审核</span> |
||||
|
<span v-else-if="scope.row.verifyStatus == 1" class="text-success">审核通过</span> |
||||
|
<span v-else-if="scope.row.verifyStatus == 2" class="text-danger">审核驳回</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="审核意见" align="center" prop="verifyAuditOpinion" /> |
||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
v-if="scope.row.verifyStatus == 0" |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
@click="handleUpdate(scope.row)" |
||||
|
>审核</el-button> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
@click="handleUpdate(scope.row)" |
||||
|
>详情</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<pagination |
||||
|
v-show="total>0" |
||||
|
:total="total" |
||||
|
:page.sync="queryParams.pageNum" |
||||
|
:limit.sync="queryParams.pageSize" |
||||
|
@pagination="getList" |
||||
|
/> |
||||
|
|
||||
|
<!-- 添加或修改企业管理对话框 --> |
||||
|
<el-dialog title="认证审核" :visible.sync="open" width="600px" append-to-body> |
||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="150px"> |
||||
|
<el-form-item label="工商认证:"> |
||||
|
<span v-if="form.businessCertificationTime" class="text-navy"><i class="el-icon-circle-check"></i>通过</span> |
||||
|
<span v-else class="text-danger"><i class="el-icon-circle-close"></i>未通过</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="工业互联网认证:"> |
||||
|
<span v-if="form.industrialInternetCertificationTime" class="text-navy"><i class="el-icon-circle-check"></i>通过</span> |
||||
|
<span v-else class="text-danger"><i class="el-icon-circle-close"></i>未通过</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="审核:" prop="status"> |
||||
|
<el-radio-group v-model="form.status"> |
||||
|
<el-radio :label="1">通过</el-radio> |
||||
|
<el-radio :label="2">驳回</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="审核意见:" prop="auditOpinion"> |
||||
|
<el-input v-model="form.auditOpinion" type="textarea" placeholder="请输入意见" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div class="dialog-footer text-center"> |
||||
|
<el-button type="primary" @click="submitForm">确 定</el-button> |
||||
|
<el-button @click="cancel">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { getAuditEnterpriseList,passAuditEnterprise,turnDownEnterprise} from "@/api/company/campanyVerify"; |
||||
|
import ImageUpload from '@/components/ImageUpload'; |
||||
|
|
||||
|
export default { |
||||
|
name: "campanyVerify", |
||||
|
components: { |
||||
|
ImageUpload, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
// 遮罩层 |
||||
|
loading: true, |
||||
|
// 显示搜索条件 |
||||
|
showSearch: true, |
||||
|
// 总条数 |
||||
|
total: 0, |
||||
|
// 企业管理表格数据 |
||||
|
enterpriseManagerList: [], |
||||
|
// 是否显示弹出层 |
||||
|
open: false, |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
name: null, |
||||
|
verifyStatus: null |
||||
|
}, |
||||
|
// 表单参数 |
||||
|
form: {}, |
||||
|
// 表单校验 |
||||
|
rules: { |
||||
|
auditOpinion: [ |
||||
|
{ required: true, message: "意见不能为空", trigger: "blur" } |
||||
|
], |
||||
|
status: [ |
||||
|
{ required: true, message: "审核状态不能为空", trigger: "blur" } |
||||
|
], |
||||
|
} |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getList(); |
||||
|
}, |
||||
|
methods: { |
||||
|
/** 查询企业管理列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
getAuditEnterpriseList(this.queryParams).then(response => { |
||||
|
this.enterpriseManagerList = response.rows; |
||||
|
this.total = response.total; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
/** 提交按钮 */ |
||||
|
submitForm() { |
||||
|
this.$refs["form"].validate(valid => { |
||||
|
if (valid) { |
||||
|
const params = { |
||||
|
enterpriseId:this.form.enterpriseId, |
||||
|
verifyAuditOpinion:this.form.auditOpinion, |
||||
|
} |
||||
|
if(this.form.status == 1) { |
||||
|
passAuditEnterprise(params).then(res => { |
||||
|
this.msgSuccess("审核通过"); |
||||
|
this.cancel() |
||||
|
this.getList() |
||||
|
}) |
||||
|
} else { |
||||
|
turnDownEnterprise(params).then(res => { |
||||
|
this.msgSuccess("驳回审核"); |
||||
|
this.cancel() |
||||
|
this.getList() |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.open = false; |
||||
|
this.reset(); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = {}; |
||||
|
this.resetForm("form"); |
||||
|
}, |
||||
|
/** 搜索按钮操作 */ |
||||
|
handleQuery() { |
||||
|
this.queryParams.pageNum = 1; |
||||
|
this.getList(); |
||||
|
}, |
||||
|
/** 重置按钮操作 */ |
||||
|
resetQuery() { |
||||
|
this.resetForm("queryForm"); |
||||
|
this.handleQuery(); |
||||
|
}, |
||||
|
/** 修改按钮操作 */ |
||||
|
handleUpdate(row) { |
||||
|
this.form = row; |
||||
|
this.open = true; |
||||
|
// this.reset(); |
||||
|
// const enterpriseid = row.enterpriseid |
||||
|
// getEnterpriseManager(enterpriseid).then(response => { |
||||
|
// this.form = response.data; |
||||
|
// this.open = true; |
||||
|
// }); |
||||
|
}, |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.el-form { |
||||
|
position: relative; |
||||
|
|
||||
|
} |
||||
|
</style> |
@ -0,0 +1,194 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="150px"> |
||||
|
<h3 class="mb30 text-danger text-center">企业信息审核通过/企业信息变更申请中</h3> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="企业logo"> |
||||
|
<imageUpload v-if="isEdit" v-model="form.logo"/> |
||||
|
<img v-else :src="form.logo"> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8" v-if="isEdit"> |
||||
|
<p class="text-muted" >支持JPG、JPEG、PNG格式,图片大小不超过5MB请保证图片质量,分辨率至少为150*150。</p> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="企业名称" prop="name"> |
||||
|
<el-input v-if="isEdit" v-model="form.name" placeholder="请输入企业名称" /> |
||||
|
<span v-else>{{form.name}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="统一社会信用代码" prop="corporateUnifiedSocialCreditCode"> |
||||
|
<el-input v-if="isEdit" v-model="form.corporateUnifiedSocialCreditCode" placeholder="请输入统一社会信用代码" /> |
||||
|
<span v-else>{{form.corporateUnifiedSocialCreditCode}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="法定代表人名称" prop="nameLegalRepresentative"> |
||||
|
<el-input v-if="isEdit" v-model="form.nameLegalRepresentative" placeholder="请输入法定代表人名称" /> |
||||
|
<span v-else>{{form.nameLegalRepresentative}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="法定代表人证件号码" prop="certificateNumberLegalRepresentative"> |
||||
|
<el-input v-if="isEdit" v-model="form.nameLegalRepresentative" placeholder="请输入法定代表人名称" /> |
||||
|
<span v-else>{{form.certificateNumberLegalRepresentative}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="营业执照照片" prop="companyImg"> |
||||
|
<imageUpload v-if="isEdit" v-model="form.companyImg"/> |
||||
|
<img v-else :src="form.companyImg"> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="联系方式" prop="contactInformation"> |
||||
|
<el-input v-if="isEdit" v-model="form.contactInformation" placeholder="请输入联系方式" /> |
||||
|
<span v-else>{{form.contactInformation}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="官网地址" prop="web"> |
||||
|
<el-input v-if="isEdit" v-model="form.web" placeholder="请输入官网地址" /> |
||||
|
<span v-else>{{form.web}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="企业注册地详细地址" prop="placeRegistrationAddress"> |
||||
|
<el-input v-if="isEdit" v-model="form.placeRegistrationAddress" placeholder="请输入企业注册地详细地址" /> |
||||
|
<span v-else>{{form.placeRegistrationAddress}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="邮箱" prop="email"> |
||||
|
<el-input v-if="isEdit" v-model="form.email" placeholder="请输入邮箱" /> |
||||
|
<span v-else>{{form.email}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="法人证件正面照片" prop="faceIdImg"> |
||||
|
<imageUpload v-if="isEdit" v-model="form.faceIdImg"/> |
||||
|
<img v-else :src="form.faceIdImg"> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="企业简介" prop="enterpriseDescribe"> |
||||
|
<el-input v-if="isEdit" v-model="form.enterpriseDescribe" type="textarea" placeholder="请输入内容" /> |
||||
|
<span v-else>{{form.enterpriseDescribe}}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="搜索词" prop="enterpriseDescribe"> |
||||
|
<el-input v-if="isEdit" v-model="form.enterpriseDescribe" placeholder="请输入邮箱" /> |
||||
|
<span v-else>{{form.enterpriseDescribe}}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12" v-if="isEdit"> |
||||
|
<p class="text-muted" style="margin:0 40px">如“北京福通互联科技集团有限公司”的搜索词为“福通互联”,用户可根据搜索词搜索到您的企业,搜索词必须是来自于企业名称中的字。</p> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<div class="text-center mt20" v-if="isEdit"> |
||||
|
<el-button type="primary" @click="submitForm">提交</el-button> |
||||
|
<el-button @click="isEdit = false">取消</el-button> |
||||
|
</div> |
||||
|
<div class="text-center mt20" v-else> |
||||
|
<el-button @click="isEdit = true">编辑</el-button> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import ImageUpload from '@/components/ImageUpload'; |
||||
|
|
||||
|
export default { |
||||
|
name: "EnterpriseManager", |
||||
|
components: { |
||||
|
ImageUpload, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
isEdit:false, |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
name: null, |
||||
|
nameLegalRepresentative: null |
||||
|
}, |
||||
|
// 表单参数 |
||||
|
form: {}, |
||||
|
rules: { |
||||
|
address: [ |
||||
|
{ required: true, message: "详细地址不能为空", trigger: "blur" } |
||||
|
], |
||||
|
certificateNumberLegalRepresentative: [ |
||||
|
{ required: true, message: "法定代表人证件号码不能为空", trigger: "blur" } |
||||
|
], |
||||
|
contactInformation: [ |
||||
|
{ required: true, message: "联系方式不能为空", trigger: "blur" } |
||||
|
], |
||||
|
corporateUnifiedSocialCreditCode: [ |
||||
|
{ required: true, message: "统一社会信用代码不能为空", trigger: "blur" } |
||||
|
], |
||||
|
email: [ |
||||
|
{ required: true, message: "邮箱不能为空", trigger: "blur" } |
||||
|
], |
||||
|
enterpriseDescribe: [ |
||||
|
{ required: true, message: "企业简介不能为空", trigger: "blur" } |
||||
|
], |
||||
|
name: [ |
||||
|
{ required: true, message: "企业名称不能为空", trigger: "blur" } |
||||
|
], |
||||
|
nameLegalRepresentative: [ |
||||
|
{ required: true, message: "法定代表人名称不能为空", trigger: "blur" } |
||||
|
], |
||||
|
companyImg: [ |
||||
|
{ required: true, message: "营业执照照片不能为空", trigger: "blur" } |
||||
|
], |
||||
|
faceIdImg: [ |
||||
|
{ required: true, message: "法人证件正面照片不能为空", trigger: "blur" } |
||||
|
], |
||||
|
} |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
}, |
||||
|
methods: { |
||||
|
/** 提交按钮 */ |
||||
|
submitForm() { |
||||
|
this.$refs["form"].validate(valid => { |
||||
|
if (valid) { |
||||
|
if (this.isEdit == true) { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.open = false; |
||||
|
this.reset(); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = { |
||||
|
enterpriseid: null, |
||||
|
address: null, |
||||
|
certificateNumberLegalRepresentative: null, |
||||
|
contactInformation: null, |
||||
|
corporateUnifiedSocialCreditCode: null, |
||||
|
email: null, |
||||
|
enterpriseDescribe: null, |
||||
|
logo: null, |
||||
|
name: null, |
||||
|
nameLegalRepresentative: null, |
||||
|
placeRegistrationAddress: null, |
||||
|
companyImg: null, |
||||
|
faceIdImg: null, |
||||
|
}; |
||||
|
this.resetForm("form"); |
||||
|
}, |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.el-form { |
||||
|
position: relative; |
||||
|
width: 1000px; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
</style> |
@ -1,194 +1,567 @@ |
|||||
<template> |
<template> |
||||
<div class="app-container"> |
<div class="app-container"> |
||||
<el-form ref="form" :model="form" :rules="rules" label-width="150px"> |
<div class="apply-wait" v-if="isAdd"> |
||||
<h3 class="mb30 text-danger text-center">企业信息审核通过/企业信息变更申请中</h3> |
<p><i class="el-icon-loading" style="font-weight: bold"></i>尊敬的企业用户,您正在添加您的企业信息</p> |
||||
<el-row> |
</div> |
||||
<el-col :span="8"> |
<div class="apply-reject" v-if="!isAdd && isEdit"> |
||||
<el-form-item label="企业logo"> |
<p><i class="el-icon-warning-outline" style="font-weight: bold;color:#f9a80d;margin-right: 4px;"></i>尊敬的企业用户,您正在修改您的企业信息</p> |
||||
<imageUpload v-if="isEdit" v-model="form.logo"/> |
</div> |
||||
<img v-else :src="form.logo"> |
<el-form ref="form" :model="form" :rules="rules" label-width="170px"> |
||||
</el-form-item> |
<el-row> |
||||
</el-col> |
<el-col :span="12"> |
||||
<el-col :span="8" v-if="isEdit"> |
<el-form-item label="企业名称" prop="name"> |
||||
<p class="text-muted" >支持JPG、JPEG、PNG格式,图片大小不超过5MB请保证图片质量,分辨率至少为150*150。</p> |
<el-input v-if="isEdit" v-model="form.name" placeholder="请输入企业名称" /> |
||||
</el-col> |
<span v-else>{{form.name}}</span> |
||||
</el-row> |
</el-form-item> |
||||
<el-row> |
<el-form-item label="法人责任主体名称" prop="nameLegalPersonLiabilitySubject"> |
||||
<el-col :span="12"> |
<el-input v-if="isEdit" v-model="form.nameLegalPersonLiabilitySubject" placeholder="请输入法人责任主体名称" /> |
||||
<el-form-item label="企业名称" prop="name"> |
<span v-else>{{form.nameLegalPersonLiabilitySubject}}</span> |
||||
<el-input v-if="isEdit" v-model="form.name" placeholder="请输入企业名称" /> |
</el-form-item> |
||||
<span v-else>{{form.name}}</span> |
|
||||
</el-form-item> |
<el-form-item label="法定代表人名称" prop="nameLegalRepresentative"> |
||||
<el-form-item label="统一社会信用代码" prop="corporateUnifiedSocialCreditCode"> |
<el-input v-if="isEdit" v-model="form.nameLegalRepresentative" placeholder="请输入法定代表人名称" /> |
||||
<el-input v-if="isEdit" v-model="form.corporateUnifiedSocialCreditCode" placeholder="请输入统一社会信用代码" /> |
<span v-else>{{form.nameLegalRepresentative}}</span> |
||||
<span v-else>{{form.corporateUnifiedSocialCreditCode}}</span> |
</el-form-item> |
||||
</el-form-item> |
<el-form-item label="法定代表人证件类型" prop="typeLegalRepresentative"> |
||||
<el-form-item label="法定代表人名称" prop="nameLegalRepresentative"> |
<el-select v-if="isEdit" v-model="form.typeLegalRepresentative" placeholder="请选择法定代表人类型"> |
||||
<el-input v-if="isEdit" v-model="form.nameLegalRepresentative" placeholder="请输入法定代表人名称" /> |
<el-option |
||||
<span v-else>{{form.nameLegalRepresentative}}</span> |
v-for="dict in typeLegalRepresentativeOptions" |
||||
</el-form-item> |
:key="dict.dictValue" |
||||
<el-form-item label="法定代表人证件号码" prop="certificateNumberLegalRepresentative"> |
:label="dict.dictLabel" |
||||
<el-input v-if="isEdit" v-model="form.nameLegalRepresentative" placeholder="请输入法定代表人名称" /> |
:value="dict.dictValue" |
||||
<span v-else>{{form.certificateNumberLegalRepresentative}}</span> |
></el-option> |
||||
</el-form-item> |
</el-select> |
||||
<el-form-item label="营业执照照片" prop="companyImg"> |
<span v-else>{{form.typeLegalRepresentative | filterTypeLegalRepresentative(that)}}</span> |
||||
<imageUpload v-if="isEdit" v-model="form.companyImg"/> |
</el-form-item> |
||||
<img v-else :src="form.companyImg"> |
<el-form-item label="法定代表人证件号码" prop="certificateNumberLegalRepresentative"> |
||||
</el-form-item> |
<el-input v-if="isEdit" v-model="form.certificateNumberLegalRepresentative" placeholder="请输入法定代表人证件号码" /> |
||||
</el-col> |
<span v-else>{{form.certificateNumberLegalRepresentative}}</span> |
||||
<el-col :span="12"> |
</el-form-item> |
||||
<el-form-item label="联系方式" prop="contactInformation"> |
<el-form-item label="统一社会信用代码类型" prop="corporateUnifiedSocialCreditType"> |
||||
<el-input v-if="isEdit" v-model="form.contactInformation" placeholder="请输入联系方式" /> |
<el-select v-if="isEdit" v-model="form.corporateUnifiedSocialCreditType" placeholder="请选择统一社会信用代码类型"> |
||||
<span v-else>{{form.contactInformation}}</span> |
<el-option |
||||
</el-form-item> |
v-for="dict in corporateUnifiedSocialCreditTypeOptions" |
||||
<el-form-item label="官网地址" prop="web"> |
:key="dict.dictValue" |
||||
<el-input v-if="isEdit" v-model="form.web" placeholder="请输入官网地址" /> |
:label="dict.dictLabel" |
||||
<span v-else>{{form.web}}</span> |
:value="dict.dictValue" |
||||
</el-form-item> |
></el-option> |
||||
<el-form-item label="企业注册地详细地址" prop="placeRegistrationAddress"> |
</el-select> |
||||
<el-input v-if="isEdit" v-model="form.placeRegistrationAddress" placeholder="请输入企业注册地详细地址" /> |
<span v-else>{{form.corporateUnifiedSocialCreditType | filterCorporateUnifiedSocialCreditTypeOptions(that)}}</span> |
||||
<span v-else>{{form.placeRegistrationAddress}}</span> |
</el-form-item> |
||||
</el-form-item> |
<el-form-item label="统一社会信用代码" prop="corporateUnifiedSocialCreditCode"> |
||||
<el-form-item label="邮箱" prop="email"> |
<el-input v-if="isEdit" v-model="form.corporateUnifiedSocialCreditCode" placeholder="请输入统一社会信用代码" /> |
||||
<el-input v-if="isEdit" v-model="form.email" placeholder="请输入邮箱" /> |
<span v-else>{{form.corporateUnifiedSocialCreditCode}}</span> |
||||
<span v-else>{{form.email}}</span> |
</el-form-item> |
||||
</el-form-item> |
<el-form-item label="企业行业大类型" prop="enterpriseIndustryBigType"> |
||||
<el-form-item label="法人证件正面照片" prop="faceIdImg"> |
<el-select v-if="isEdit" v-model="form.enterpriseIndustryBigType" placeholder="请选择企业行业大类型"> |
||||
<imageUpload v-if="isEdit" v-model="form.faceIdImg"/> |
<el-option |
||||
<img v-else :src="form.faceIdImg"> |
v-for="dict in enterpriseIndustryBigTypeOptions" |
||||
</el-form-item> |
:key="dict.dictValue" |
||||
</el-col> |
:label="dict.dictLabel" |
||||
</el-row> |
:value="dict.dictValue" |
||||
<el-row> |
></el-option> |
||||
<el-col :span="24"> |
</el-select> |
||||
<el-form-item label="企业简介" prop="enterpriseDescribe"> |
<span v-else>{{form.enterpriseIndustryBigType | filterEnterpriseIndustryBigTypeOptions(that)}}</span> |
||||
<el-input v-if="isEdit" v-model="form.enterpriseDescribe" type="textarea" placeholder="请输入内容" /> |
</el-form-item> |
||||
<span v-else>{{form.enterpriseDescribe}}</span> |
<el-form-item label="企业行业小类型" prop="enterpriseIndustrySmallType"> |
||||
</el-form-item> |
<el-select v-if="isEdit" v-model="form.enterpriseIndustrySmallType" placeholder="请选择企业行业小类型"> |
||||
</el-col> |
<el-option |
||||
</el-row> |
v-for="dict in enterpriseIndustrySmallTypeOptions" |
||||
|
:key="dict.dictValue" |
||||
|
:label="dict.dictLabel" |
||||
|
:value="dict.dictValue" |
||||
|
></el-option> |
||||
|
</el-select> |
||||
|
<span v-else>{{form.enterpriseIndustrySmallType | filterEnterpriseIndustrySmallTypeOptions(that)}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="企业类型" prop="enterpriseType"> |
||||
|
<el-select v-if="isEdit" v-model="form.enterpriseType" placeholder="请选择企业类型"> |
||||
|
<el-option |
||||
|
v-for="dict in enterpriseTypeOptions" |
||||
|
:key="dict.dictValue" |
||||
|
:label="dict.dictLabel" |
||||
|
:value="dict.dictValue" |
||||
|
></el-option> |
||||
|
</el-select> |
||||
|
<span v-else>{{form.enterpriseType | filterEnterpriseTypeOptions(that)}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="邮箱" prop="email"> |
||||
|
<el-input v-if="isEdit" v-model="form.email" placeholder="请输入邮箱" /> |
||||
|
<span v-else>{{form.email}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="企业简介" prop="enterpriseDescribe"> |
||||
|
<el-input v-if="isEdit" v-model="form.enterpriseDescribe" type="textarea" placeholder="请输入内容" /> |
||||
|
<span v-else>{{form.enterpriseDescribe}}</span> |
||||
|
</el-form-item> |
||||
|
|
||||
<el-row> |
<el-form-item label="官网地址" prop="websiteAddress"> |
||||
<el-col :span="12"> |
<el-input v-if="isEdit" v-model="form.websiteAddress" placeholder="请输入官网地址" /> |
||||
<el-form-item label="搜索词" prop="enterpriseDescribe"> |
<span v-else>{{form.websiteAddress}}</span> |
||||
<el-input v-if="isEdit" v-model="form.enterpriseDescribe" placeholder="请输入邮箱" /> |
</el-form-item> |
||||
<span v-else>{{form.enterpriseDescribe}}</span> |
<el-form-item label="电话" prop="mobile"> |
||||
</el-form-item> |
<el-input v-if="isEdit" v-model="form.mobile" placeholder="请输入电话" /> |
||||
</el-col> |
<span v-else>{{form.mobile}}</span> |
||||
<el-col :span="12" v-if="isEdit"> |
</el-form-item> |
||||
<p class="text-muted" style="margin:0 40px">如“北京福通互联科技集团有限公司”的搜索词为“福通互联”,用户可根据搜索词搜索到您的企业,搜索词必须是来自于企业名称中的字。</p> |
<el-form-item label="详细地址" prop="address"> |
||||
</el-col> |
<el-input v-if="isEdit" v-model="form.address" placeholder="请输入详细地址" /> |
||||
</el-row> |
<span v-else>{{form.address}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="企业注册地详细地址" prop="placeRegistrationAddress"> |
||||
|
<el-input v-if="isEdit" v-model="form.placeRegistrationAddress" placeholder="请输入企业注册地详细地址" /> |
||||
|
<span v-else>{{form.placeRegistrationAddress}}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="认证资料类型" prop="certificatedInformationType"> |
||||
|
<el-select v-if="isEdit" v-model="form.certificatedInformationType" placeholder="请选择认证资料类型"> |
||||
|
<el-option |
||||
|
v-for="dict in certificatedInformationTypeOptions" |
||||
|
:key="dict.dictValue" |
||||
|
:label="dict.dictLabel" |
||||
|
:value="dict.dictValue" |
||||
|
></el-option> |
||||
|
</el-select> |
||||
|
<span v-else>{{form.certificatedInformationType | filterCertificatedInformationTypeOptions(that)}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系人姓名" prop="duty"> |
||||
|
<el-input v-if="isEdit" v-model="form.duty" placeholder="请输入联系人姓名" /> |
||||
|
<span v-else>{{form.duty}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系方式" prop="contactInformation"> |
||||
|
<el-input v-if="isEdit" v-model="form.contactInformation" placeholder="请输入联系方式" /> |
||||
|
<span v-else>{{form.contactInformation}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="省代码" prop="provinceCode"> |
||||
|
<el-select v-if="isEdit" v-model="form.provinceCode" placeholder="请选择省代码" @change="changeProvince"> |
||||
|
<el-option |
||||
|
v-for="dict in provinceCodeOptions" |
||||
|
:key="dict.dictValue" |
||||
|
:label="dict.dictLabel" |
||||
|
:value="dict.dictValue" |
||||
|
></el-option> |
||||
|
</el-select> |
||||
|
<span v-else>{{form.provinceCode | filterProvinceCodeOptions(that)}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="市代码" prop="cityCode"> |
||||
|
<el-select v-if="isEdit" v-model="form.cityCode" placeholder="请选择市代码" @change="changeCity"> |
||||
|
<el-option |
||||
|
v-for="(item,index) in cityCodeOptions" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.areaCode+''" |
||||
|
></el-option> |
||||
|
</el-select> |
||||
|
<span v-else>{{form.cityCode | filterCityCodeOptions(that)}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="区代码" prop="areaCode"> |
||||
|
<el-select v-if="isEdit" v-model="form.areaCode" placeholder="请选择县代码" @change="changeArea"> |
||||
|
<el-option |
||||
|
v-for="(item,index) in areaCodeOptions" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.areaCode+''" |
||||
|
></el-option> |
||||
|
</el-select> |
||||
|
<span v-else>{{form.areaCode | filterAreaCodeOptions(that)}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="备注" prop="remarks"> |
||||
|
<el-input v-if="isEdit" v-model="form.remarks" placeholder="请输入备注" /> |
||||
|
<span v-else>{{form.remarks}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="企业logo" prop="logo"> |
||||
|
<imageUpload v-if="isEdit" v-model="form.logo"/> |
||||
|
<img v-else :src="form.logo" class="pic-item"> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="营业执照照片" prop="companyImg"> |
||||
|
<imageUpload v-if="isEdit" v-model="form.companyImg"/> |
||||
|
<img v-else :src="form.companyImg" class="pic-item"> |
||||
|
</el-form-item> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="法人证件正面照片" prop="faceIdImg"> |
||||
|
<imageUpload v-if="isEdit" v-model="form.faceIdImg"/> |
||||
|
<img v-else :src="form.faceIdImg" class="pic-item"> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="法人证件反面照片" prop="rearIdImg"> |
||||
|
<imageUpload v-if="isEdit" v-model="form.rearIdImg"/> |
||||
|
<img v-else :src="form.rearIdImg" class="pic-item"> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
<div class="text-center mt20" v-if="isEdit"> |
</el-form> |
||||
<el-button type="primary" @click="submitForm">提交</el-button> |
<div v-if="isEdit" class="dialog-footer text-center"> |
||||
<el-button @click="isEdit = false">取消</el-button> |
<el-button type="primary" @click="submitForm">确 定</el-button> |
||||
|
<el-button @click="cancel">取 消</el-button> |
||||
</div> |
</div> |
||||
<div class="text-center mt20" v-else> |
<div v-else class="text-center"> |
||||
<el-button @click="isEdit = true">编辑</el-button> |
<el-button type="primary" @click="onClickEdit">编 辑</el-button> |
||||
</div> |
</div> |
||||
</el-form> |
</div> |
||||
</div> |
|
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import ImageUpload from '@/components/ImageUpload'; |
import ImageUpload from '@/components/ImageUpload'; |
||||
|
import { getEnterPriseInfoByLogin,addEnterpriseManager, updateEnterpriseManager,getAreaByParentId} from "@/api/system/enterpriseManager"; |
||||
|
import {validatAlphabetAndNum,validAlphabets,validatePhone,validEmail,validatePasswordStrong,validateIDCard} from "@/utils/validate" |
||||
export default { |
export default { |
||||
name: "EnterpriseManager", |
name: "EnterpriseManager", |
||||
components: { |
components: { |
||||
ImageUpload, |
ImageUpload, |
||||
}, |
}, |
||||
data() { |
data() { |
||||
return { |
const checkPhoneNum = (rule, value, callback) => { |
||||
isEdit:false, |
if (!validatePhone(value)) { |
||||
// 查询参数 |
return callback(new Error('请输入正确的手机号码')); |
||||
queryParams: { |
} else { |
||||
pageNum: 1, |
callback() |
||||
pageSize: 10, |
|
||||
name: null, |
|
||||
nameLegalRepresentative: null |
|
||||
}, |
|
||||
// 表单参数 |
|
||||
form: {}, |
|
||||
rules: { |
|
||||
address: [ |
|
||||
{ required: true, message: "详细地址不能为空", trigger: "blur" } |
|
||||
], |
|
||||
certificateNumberLegalRepresentative: [ |
|
||||
{ required: true, message: "法定代表人证件号码不能为空", trigger: "blur" } |
|
||||
], |
|
||||
contactInformation: [ |
|
||||
{ required: true, message: "联系方式不能为空", trigger: "blur" } |
|
||||
], |
|
||||
corporateUnifiedSocialCreditCode: [ |
|
||||
{ required: true, message: "统一社会信用代码不能为空", trigger: "blur" } |
|
||||
], |
|
||||
email: [ |
|
||||
{ required: true, message: "邮箱不能为空", trigger: "blur" } |
|
||||
], |
|
||||
enterpriseDescribe: [ |
|
||||
{ required: true, message: "企业简介不能为空", trigger: "blur" } |
|
||||
], |
|
||||
name: [ |
|
||||
{ required: true, message: "企业名称不能为空", trigger: "blur" } |
|
||||
], |
|
||||
nameLegalRepresentative: [ |
|
||||
{ required: true, message: "法定代表人名称不能为空", trigger: "blur" } |
|
||||
], |
|
||||
companyImg: [ |
|
||||
{ required: true, message: "营业执照照片不能为空", trigger: "blur" } |
|
||||
], |
|
||||
faceIdImg: [ |
|
||||
{ required: true, message: "法人证件正面照片不能为空", trigger: "blur" } |
|
||||
], |
|
||||
} |
|
||||
}; |
|
||||
}, |
|
||||
created() { |
|
||||
}, |
|
||||
methods: { |
|
||||
/** 提交按钮 */ |
|
||||
submitForm() { |
|
||||
this.$refs["form"].validate(valid => { |
|
||||
if (valid) { |
|
||||
if (this.isEdit == true) { |
|
||||
|
|
||||
} |
} |
||||
} |
}; |
||||
}); |
const checkEmailAddr = (rule, value, callback) => { |
||||
|
if (!validEmail(value)) { |
||||
|
return callback(new Error('请输入正确的邮箱地址')); |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
}; |
||||
|
return { |
||||
|
that:this, |
||||
|
isEdit:false, |
||||
|
isAdd:true, |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
name: null, |
||||
|
nameLegalRepresentative: null |
||||
|
}, |
||||
|
// 认证资料类型字典 |
||||
|
certificatedInformationTypeOptions: [], |
||||
|
// 统一社会信用代码类型字典 |
||||
|
corporateUnifiedSocialCreditTypeOptions: [], |
||||
|
// 企业行业大类型字典 |
||||
|
enterpriseIndustryBigTypeOptions: [], |
||||
|
// 企业行业小类型字典 |
||||
|
enterpriseIndustrySmallTypeOptions: [], |
||||
|
// 企业类型字典 |
||||
|
enterpriseTypeOptions: [], |
||||
|
// 省代码字典 |
||||
|
provinceCodeOptions: [], |
||||
|
// 市代码字典 |
||||
|
cityCodeOptions: [], |
||||
|
// 县代码字典 |
||||
|
areaCodeOptions: [], |
||||
|
// 法定代表人类型字典 |
||||
|
typeLegalRepresentativeOptions: [], |
||||
|
// 表单参数 |
||||
|
form: {}, |
||||
|
params:{}, |
||||
|
// 表单校验 |
||||
|
rules: { |
||||
|
address: [ |
||||
|
{ required: true, message: "详细地址不能为空", trigger: "blur" } |
||||
|
], |
||||
|
certificateNumberLegalRepresentative: [ |
||||
|
{ required: true, message: "法定代表人证件号码不能为空", trigger: "blur" } |
||||
|
], |
||||
|
certificatedInformationType: [ |
||||
|
{ required: true, message: "认证资料类型不能为空", trigger: "change" } |
||||
|
], |
||||
|
contactInformation: [ |
||||
|
{ required: true, message: "联系方式不能为空", trigger: "blur" } |
||||
|
], |
||||
|
corporateUnifiedSocialCreditCode: [ |
||||
|
{ required: true, message: "统一社会信用代码不能为空", trigger: "blur" } |
||||
|
], |
||||
|
corporateUnifiedSocialCreditType: [ |
||||
|
{ required: true, message: "统一社会信用代码类型不能为空", trigger: "change" } |
||||
|
], |
||||
|
duty: [ |
||||
|
{ required: true, message: "联系人姓名不能为空", trigger: "blur" } |
||||
|
], |
||||
|
email: [ |
||||
|
{ required: true, message: "邮箱不能为空", trigger: "blur" }, |
||||
|
{ validator: checkEmailAddr, trigger: 'blur' } |
||||
|
], |
||||
|
enterpriseDescribe: [ |
||||
|
{ required: true, message: "企业简介不能为空", trigger: "blur" } |
||||
|
], |
||||
|
enterpriseIndustryBigType: [ |
||||
|
{ required: true, message: "企业行业大类型不能为空", trigger: "change" } |
||||
|
], |
||||
|
enterpriseIndustrySmallType: [ |
||||
|
{ required: true, message: "企业行业小类型不能为空", trigger: "change" } |
||||
|
], |
||||
|
enterpriseType: [ |
||||
|
{ required: true, message: "企业类型不能为空", trigger: "change" } |
||||
|
], |
||||
|
mobile: [ |
||||
|
{ required: true, message: "电话不能为空", trigger: "blur" }, |
||||
|
{validator:checkPhoneNum,trigger:"blur"} |
||||
|
], |
||||
|
name: [ |
||||
|
{ required: true, message: "企业名称不能为空", trigger: "blur" } |
||||
|
], |
||||
|
nameLegalPersonLiabilitySubject: [ |
||||
|
{ required: true, message: "法人责任主体名称不能为空", trigger: "blur" } |
||||
|
], |
||||
|
nameLegalRepresentative: [ |
||||
|
{ required: true, message: "法定代表人名称不能为空", trigger: "blur" } |
||||
|
], |
||||
|
provinceCode: [ |
||||
|
{ required: true, message: "省代码不能为空", trigger: "change" } |
||||
|
], |
||||
|
cityCode: [ |
||||
|
{ required: true, message: "市代码不能为空", trigger: "change" } |
||||
|
], |
||||
|
areaCode: [ |
||||
|
{ required: true, message: "区代码不能为空", trigger: "change" } |
||||
|
], |
||||
|
typeLegalRepresentative: [ |
||||
|
{ required: true, message: "法定代表人类型不能为空", trigger: "change" } |
||||
|
], |
||||
|
companyImg: [ |
||||
|
{ required: true, message: "营业执照照片不能为空", trigger: "blur" } |
||||
|
], |
||||
|
faceIdImg: [ |
||||
|
{ required: true, message: "法人证件正面照片不能为空", trigger: "blur" } |
||||
|
], |
||||
|
rearIdImg: [ |
||||
|
{ required: true, message: "法人证件反面照片不能为空", trigger: "blur" } |
||||
|
], |
||||
|
} |
||||
|
}; |
||||
}, |
}, |
||||
// 取消按钮 |
filters: { |
||||
cancel() { |
//法定代表人类型过滤 |
||||
this.open = false; |
filterTypeLegalRepresentative(value,that){ |
||||
this.reset(); |
if (!value) return '' |
||||
|
let aFilters = that.typeLegalRepresentativeOptions.filter(item => { |
||||
|
return item.dictValue == value |
||||
|
}) |
||||
|
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
||||
|
}, |
||||
|
//统一社会信用代码类型 |
||||
|
filterCorporateUnifiedSocialCreditTypeOptions(value,that){ |
||||
|
if (!value) return '' |
||||
|
let aFilters = that.corporateUnifiedSocialCreditTypeOptions.filter(item => { |
||||
|
return item.dictValue == value |
||||
|
}) |
||||
|
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
||||
|
}, |
||||
|
|
||||
|
//行业大类类型 |
||||
|
filterEnterpriseIndustryBigTypeOptions(value,that){ |
||||
|
if (!value) return '' |
||||
|
let aFilters = that.enterpriseIndustryBigTypeOptions.filter(item => { |
||||
|
return item.dictValue == value |
||||
|
}) |
||||
|
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
||||
|
}, |
||||
|
//行业小类类型 |
||||
|
filterEnterpriseIndustrySmallTypeOptions(value,that){ |
||||
|
if (!value) return '' |
||||
|
let aFilters = that.enterpriseIndustrySmallTypeOptions.filter(item => { |
||||
|
return item.dictValue == value |
||||
|
}) |
||||
|
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
||||
|
}, |
||||
|
//企业类型 |
||||
|
filterEnterpriseTypeOptions(value,that){ |
||||
|
if (!value) return '' |
||||
|
let aFilters = that.enterpriseTypeOptions.filter(item => { |
||||
|
return item.dictValue == value |
||||
|
}) |
||||
|
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
||||
|
}, |
||||
|
//认证资料类型 |
||||
|
filterCertificatedInformationTypeOptions(value,that){ |
||||
|
if (!value) return '' |
||||
|
let aFilters = that.certificatedInformationTypeOptions.filter(item => { |
||||
|
return item.dictValue == value |
||||
|
}) |
||||
|
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
||||
|
}, |
||||
|
|
||||
|
//省 |
||||
|
filterProvinceCodeOptions(value,that){ |
||||
|
if (!value) return '' |
||||
|
let aFilters = that.provinceCodeOptions.filter(item => { |
||||
|
return item.dictValue == value |
||||
|
}) |
||||
|
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
||||
|
}, |
||||
|
//市 |
||||
|
filterCityCodeOptions(value,that){ |
||||
|
if (!value) return '' |
||||
|
let aFilters = that.cityCodeOptions.filter(item => { |
||||
|
return item.areaCode == value |
||||
|
}) |
||||
|
return aFilters.length > 0 ? aFilters[0].name : '' |
||||
|
}, |
||||
|
//区 |
||||
|
filterAreaCodeOptions(value,that){ |
||||
|
if (!value) return '' |
||||
|
// value = value.toString() |
||||
|
let aFilters = that.areaCodeOptions.filter(item => { |
||||
|
return item.areaCode == value |
||||
|
}) |
||||
|
return aFilters.length > 0 ? aFilters[0].name : '' |
||||
|
}, |
||||
}, |
}, |
||||
// 表单重置 |
created() { |
||||
reset() { |
getEnterPriseInfoByLogin().then(res => { |
||||
this.form = { |
if(res.data) |
||||
enterpriseid: null, |
{ |
||||
address: null, |
this.form = res.data |
||||
certificateNumberLegalRepresentative: null, |
this.isAdd = false |
||||
contactInformation: null, |
if(res.data.provinceCode) |
||||
corporateUnifiedSocialCreditCode: null, |
{ |
||||
email: null, |
this.getCityOrAreaList(res.data.provinceCode,1) |
||||
enterpriseDescribe: null, |
} |
||||
logo: null, |
if(res.data.cityCode) |
||||
name: null, |
{ |
||||
nameLegalRepresentative: null, |
this.getCityOrAreaList(res.data.cityCode,2) |
||||
placeRegistrationAddress: null, |
} |
||||
companyImg: null, |
} else { |
||||
faceIdImg: null, |
this.isAdd = true |
||||
}; |
this.isEdit = true |
||||
this.resetForm("form"); |
} |
||||
|
|
||||
|
}) |
||||
|
this.getDicts("business_license_category").then(response => { |
||||
|
this.certificatedInformationTypeOptions = response.data; |
||||
|
}); |
||||
|
this.getDicts("credit_code").then(response => { |
||||
|
this.corporateUnifiedSocialCreditTypeOptions = response.data; |
||||
|
}); |
||||
|
this.getDicts("industry_main_category").then(response => { |
||||
|
this.enterpriseIndustryBigTypeOptions = response.data; |
||||
|
}); |
||||
|
this.getDicts("industry_sub_category").then(response => { |
||||
|
this.enterpriseIndustrySmallTypeOptions = response.data; |
||||
|
}); |
||||
|
this.getDicts("enterprise_category").then(response => { |
||||
|
this.enterpriseTypeOptions = response.data; |
||||
|
}); |
||||
|
this.getDicts("province_code").then(response => { |
||||
|
this.provinceCodeOptions = response.data; |
||||
|
}); |
||||
|
// this.getDicts("province_code").then(response => { |
||||
|
// this.cityCodeOptions = response.data; |
||||
|
// }); |
||||
|
// this.getDicts("province_code").then(response => { |
||||
|
// this.areaCodeOptions = response.data; |
||||
|
// }); |
||||
|
this.getDicts("credential_type_code").then(response => { |
||||
|
this.typeLegalRepresentativeOptions = response.data; |
||||
|
}); |
||||
}, |
}, |
||||
} |
methods: { |
||||
|
//根据父级ID获取市、区列表,type:1为市,2为区 |
||||
|
getCityOrAreaList(parentId,type){ |
||||
|
getAreaByParentId({parentId:parseInt(parentId)}).then(res => { |
||||
|
if(type == 1) { |
||||
|
this.cityCodeOptions = res.data; |
||||
|
} else if (type == 2) { |
||||
|
this.areaCodeOptions = res.data; |
||||
|
} |
||||
|
// this.$forceUpdate() |
||||
|
}) |
||||
|
}, |
||||
|
//点击编辑按钮 |
||||
|
onClickEdit(){ |
||||
|
//深拷贝 |
||||
|
this.params = JSON.parse(JSON.stringify(this.form)) |
||||
|
this.isEdit = true |
||||
|
}, |
||||
|
changeProvince(newVal){ |
||||
|
this.form.cityCode = null |
||||
|
this.form.areaCode = null |
||||
|
this.getCityOrAreaList(newVal,1) |
||||
|
}, |
||||
|
changeCity(newVal){ |
||||
|
this.form.areaCode = null |
||||
|
this.getCityOrAreaList(newVal,2) |
||||
|
}, |
||||
|
changeArea(newVal){ |
||||
|
this.$forceUpdate() |
||||
|
}, |
||||
|
/** 提交按钮 */ |
||||
|
submitForm() { |
||||
|
this.$refs["form"].validate(valid => { |
||||
|
if (valid) { |
||||
|
if (this.isEdit == true) { |
||||
|
if(this.isAdd) { |
||||
|
addEnterpriseManager(this.form).then(res => { |
||||
|
console.log(res); |
||||
|
this.msgSuccess("添加成功"); |
||||
|
this.isAdd = false |
||||
|
}) |
||||
|
} else { |
||||
|
updateEnterpriseManager(this.form).then(res => { |
||||
|
console.log(res); |
||||
|
this.msgSuccess("修改成功"); |
||||
|
}) |
||||
|
} |
||||
|
this.isEdit = false |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.isEdit = false; |
||||
|
this.form = {} |
||||
|
this.form = this.params |
||||
|
this.resetForm("form"); |
||||
|
// this.reset(); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = { |
||||
|
enterpriseid: null, |
||||
|
address: null, |
||||
|
certificateNumberLegalRepresentative: null, |
||||
|
contactInformation: null, |
||||
|
corporateUnifiedSocialCreditCode: null, |
||||
|
email: null, |
||||
|
enterpriseDescribe: null, |
||||
|
logo: null, |
||||
|
websiteAddress:null, |
||||
|
name: null, |
||||
|
nameLegalRepresentative: null, |
||||
|
placeRegistrationAddress: null, |
||||
|
companyImg: null, |
||||
|
faceIdImg: null, |
||||
|
}; |
||||
|
this.resetForm("form"); |
||||
|
}, |
||||
|
} |
||||
}; |
}; |
||||
</script> |
</script> |
||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||
.el-form { |
.el-form { |
||||
position: relative; |
position: relative; |
||||
width: 1000px; |
width: 1200px; |
||||
margin: 0 auto; |
margin: 0 auto; |
||||
} |
} |
||||
|
.pic-item { |
||||
|
position: relative; |
||||
|
width: 146px; |
||||
|
height: 146px; |
||||
|
} |
||||
|
.apply-wait,.apply-reject,.apply-adopt{ |
||||
|
p{ |
||||
|
text-align: center; |
||||
|
font-size: 18px; |
||||
|
color: #666; |
||||
|
margin-bottom: 15px; |
||||
|
} |
||||
|
} |
||||
</style> |
</style> |
||||
|
Loading…
Reference in new issue