DESKTOP-00SUCB6\Administrator
4 years ago
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> |
|||
Loading…
Reference in new issue