|
|
@@ -1,339 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="create-container" v-loading="loading">
|
|
|
- <div class="create-body">
|
|
|
- <div class="title">审核认证信息</div>
|
|
|
- <el-table
|
|
|
- :data="handlingAuthList"
|
|
|
- :row-class-name="rowClassName"
|
|
|
- stripe
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column prop="id" label="编号">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{scope.row.id}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="userInfo" label="用户信息">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span style="cursor: pointer">
|
|
|
- <el-link type="primary">{{scope.row.userName}}</el-link>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="type" label="认证类型">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>
|
|
|
- <el-tag v-if="scope.row.type=='personal'" type="success">个人</el-tag>
|
|
|
- <el-tag v-if="scope.row.type=='agency'">机构</el-tag>
|
|
|
- <el-tag v-if="scope.row.type=='enterprise'" type="warning">企业</el-tag>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="detail" label="认证详情">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-link type="primary" @click="handleAuthDetail(scope.row.userId,scope.row.type)">认证详情</el-link>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="status" label="认证状态">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>
|
|
|
- <el-tag :type="scope.row.authStatus.style">{{scope.row.authStatus.text}}</el-tag>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="date" label="申请时间" width="180">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{reformTime(new Date(scope.row.applytime))}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作" width="180">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="primary" size="mini" @click="handleAuthenticationPass(scope.row.userId,scope.row.type)">
|
|
|
- 通过
|
|
|
- </el-button>
|
|
|
- <el-button type="danger" size="mini" @click="handleAuthenticationReject(scope.row.userId,scope.row.type)">
|
|
|
- 驳回
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-dialog title="认证详情" :visible.sync="showDialog" center width="30%">
|
|
|
- <el-form :model="authInfoDetail">
|
|
|
- <el-form-item label="类型：">
|
|
|
- <span>{{authInfoDetail.type}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="姓名：" v-if="authInfoDetail.type == 'personal'">
|
|
|
- <span>{{authInfoDetail.realName}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="身份证号：" v-if="authInfoDetail.type == 'personal'">
|
|
|
- <span>{{authInfoDetail.IDCard}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="身份证照：" v-if="authInfoDetail.type == 'personal'">
|
|
|
- <span>{{authInfoDetail.IDCardPhoto}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="银行账号：">
|
|
|
- <span>{{authInfoDetail.bankAccount}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="地址：">
|
|
|
- <span>{{authInfoDetail.address}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="申请时间：">
|
|
|
- <span>{{authInfoDetail.applyTime}}</span>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="企业名称：" v-if="authInfoDetail.type == 'enterprise'">
|
|
|
- <span>{{authInfoDetail.enterpriseName}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="法人姓名：" v-if="authInfoDetail.type == 'enterprise'">
|
|
|
- <span>{{authInfoDetail.legalPersonName}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="营业执照：" v-if="authInfoDetail.type == 'enterprise'">
|
|
|
- <span>{{authInfoDetail.businessLicensePhoto}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="统一社会信用代码：" v-if="authInfoDetail.type == 'enterprise'">
|
|
|
- <span>{{authInfoDetail.unifiedSocialCreditCode}}</span>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="机构名称：" v-if="authInfoDetail.type == 'agency'">
|
|
|
- <span>{{authInfoDetail.evaluationAgencyName}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="机构能力：" v-if="authInfoDetail.type == 'agency'">
|
|
|
- <span>{{authInfoDetail.evaluationAgencyAbilityList}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="机构资源：" v-if="authInfoDetail.type == 'agency'">
|
|
|
- <span>{{authInfoDetail.evaluationAgencyResourceList}}</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="机构Logo：" v-if="authInfoDetail.type == 'agency'">
|
|
|
- <span>{{authInfoDetail.agencyPhoto}}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="info" size="mini" @click="hideAuthDialog()">返回</el-button>
|
|
|
-
|
|
|
- <el-button type="danger" size="mini" @click="handleAuthenticationReject(authInfoDetail.userId,authInfoDetail.userId)">驳回</el-button>
|
|
|
-
|
|
|
- <el-button type="primary" size="mini" @click="handleAuthenticationPass(authInfoDetail.userId,authInfoDetail.userId)">通过</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- <!--<el-pagination-->
|
|
|
- <!--:page-size="20"-->
|
|
|
- <!--hide-on-single-page-->
|
|
|
- <!--:pager-count="5"-->
|
|
|
- <!--:current-page.sync="currentPage"-->
|
|
|
- <!--layout="prev, pager, next"-->
|
|
|
- <!--@current-change="handleCurrentChange"-->
|
|
|
- <!--:total="100">-->
|
|
|
- <!--</el-pagination>-->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
- import {
|
|
|
- checkPassAuth,
|
|
|
- checkRejectAuth,
|
|
|
- getAllHandledAuthInfo,
|
|
|
- getAllHandlingAuthInfo,
|
|
|
- getFormalTimeFromDate,
|
|
|
- getCurrentAgencyAuthInfo,
|
|
|
- getCurrentEnterpriseAuthInfo,
|
|
|
- getCurrentIndividualAuthenInfo
|
|
|
- } from '@/js/index'
|
|
|
- import {notify} from '@/constants/index'
|
|
|
-
|
|
|
- export default {
|
|
|
- name: 'AuthenticationManage',
|
|
|
- data () {
|
|
|
- return {
|
|
|
- currentPage: 1,
|
|
|
- loading: false,
|
|
|
- showDialog: false,
|
|
|
- authenticationStatusUntreated: '审核中',
|
|
|
- authenticationStatusPass: '审核通过',
|
|
|
- authenticationStatusReject: '审核未通过',
|
|
|
- handlingAuthList: [],
|
|
|
- handledAuthList: [],
|
|
|
- authInfoDetail: {
|
|
|
- userId: '',
|
|
|
- type: '',
|
|
|
- realName: '',
|
|
|
- IDCard: '',
|
|
|
- IDCardPhoto: '',
|
|
|
- bankAccount:'',
|
|
|
- address:'',
|
|
|
- applyTime:'',
|
|
|
-
|
|
|
- enterpriseName:'',
|
|
|
- legalPersonName:'',
|
|
|
- businessLicensePhoto:'',
|
|
|
- unifiedSocialCreditCode:'',
|
|
|
-
|
|
|
- evaluationAgencyName:'',
|
|
|
- evaluationAgencyAbilityList: [],
|
|
|
- evaluationAgencyResourceList: [],
|
|
|
- agencyPhoto:'',
|
|
|
- updateTime:'',
|
|
|
- expireTime:''
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- mounted () {
|
|
|
- this.$nextTick(() => {
|
|
|
- this.init()
|
|
|
- })
|
|
|
- },
|
|
|
- methods: {
|
|
|
- init () {
|
|
|
- this.getHandlingAuthList()
|
|
|
- this.getHandledAuthList()
|
|
|
- },
|
|
|
- //获取所有未认证信息
|
|
|
- getHandlingAuthList () {
|
|
|
- this.showLoading()
|
|
|
- getAllHandlingAuthInfo(this.getHandlingAuthListSuccess, this.getHandlingAuthListFail)
|
|
|
- },
|
|
|
- //获取所有已认证信息
|
|
|
- getHandlingAuthListSuccess (res) {
|
|
|
- this.handlingAuthList = res
|
|
|
- this.hideLoading()
|
|
|
- },
|
|
|
- getHandlingAuthListFail (error) {
|
|
|
- this.hideLoading()
|
|
|
- notify('error', '获取认证信息失败：' + error.data)
|
|
|
- },
|
|
|
- getHandledAuthList () {
|
|
|
- this.showLoading()
|
|
|
- getAllHandledAuthInfo(this.getHandledAuthListSuccess, this.getHandledAuthListFail)
|
|
|
- },
|
|
|
- getHandledAuthListSuccess (res) {
|
|
|
- this.handledAuthList = res
|
|
|
- this.hideLoading()
|
|
|
- },
|
|
|
- getHandledAuthListFail (error) {
|
|
|
- this.hideLoading()
|
|
|
- notify('error', '获取已认证信息失败：' + error.data)
|
|
|
- },
|
|
|
- handleCurrentChange (param) {
|
|
|
- console.log(param)
|
|
|
- },
|
|
|
- handleAuthenticationPass (userId, type) {
|
|
|
- this.showLoading()
|
|
|
- checkPassAuth(type, userId, this.handleAuthenticationPassSuccess, this.handleAuthenticationPassFail)
|
|
|
- // item.status = this.authenticationStatusPass
|
|
|
- // console.log('通过')
|
|
|
- },
|
|
|
- handleAuthenticationPassSuccess (res) {
|
|
|
- this.hideLoading()
|
|
|
- this.getHandlingAuthList()
|
|
|
- console.log(res)
|
|
|
- },
|
|
|
- handleAuthenticationPassFail (error) {
|
|
|
- this.hideLoading()
|
|
|
- console.log(error)
|
|
|
- notify('error', '通过失败：' + error.data)
|
|
|
- },
|
|
|
- handleAuthenticationReject (userId, type) {
|
|
|
- this.$prompt('请输入驳回本申请的原因', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- }).then((event) => {
|
|
|
- const explain = event.value
|
|
|
- console.log(explain)
|
|
|
- this.showLoading()
|
|
|
- const data = {
|
|
|
- explain : event.value
|
|
|
- }
|
|
|
- checkRejectAuth(type, userId, data, this.handleAuthenticationRejectSuccess, this.handleAuthenticationRejectFail)
|
|
|
- }).catch(() => {
|
|
|
- })
|
|
|
- },
|
|
|
- handleAuthenticationRejectSuccess (res) {
|
|
|
- this.hideLoading()
|
|
|
- this.getHandlingAuthList()
|
|
|
- notify('success','驳回成功')
|
|
|
- console.log(res)
|
|
|
- },
|
|
|
- handleAuthenticationRejectFail (error) {
|
|
|
- this.hideLoading()
|
|
|
- console.log(error)
|
|
|
- notify('error', '拒绝失败：' + error.data)
|
|
|
- },
|
|
|
- handleAuthDetail (userId, type) {
|
|
|
- this.authInfoDetail.userId = userId
|
|
|
- this.authInfoDetail.type = type
|
|
|
- this.getAuthInfo(userId, type);
|
|
|
- },
|
|
|
- showLoading () {
|
|
|
- this.loading = true
|
|
|
- },
|
|
|
- hideLoading () {
|
|
|
- this.loading = false
|
|
|
- },
|
|
|
- reformTime (date) {
|
|
|
- return getFormalTimeFromDate(date)
|
|
|
- },
|
|
|
- rowClassName ({row, rowIndex}) {
|
|
|
- //把每一行的索引放进row.id
|
|
|
- row.id = rowIndex + 1
|
|
|
- },
|
|
|
- showAuthDialog () {
|
|
|
- this.showDialog = true
|
|
|
- },
|
|
|
- hideAuthDialog () {
|
|
|
- this.showDialog = false
|
|
|
- },
|
|
|
- getAuthInfo(userId, type){
|
|
|
- this.showLoading();
|
|
|
- if(type == 'personal'){
|
|
|
- getCurrentIndividualAuthenInfo(userId, this.getCurrentIndividualAuthenInfoSuccess, this.getCurrentIndividualAuthenInfoFail);
|
|
|
- }else if(type == 'enterprise'){
|
|
|
- getCurrentEnterpriseAuthInfo(userId, this.getCurrentEnterpriseAuthInfoSuccess, this.getCurrentEnterpriseAuthInfoFail);
|
|
|
- }else if(type == 'agency'){
|
|
|
- getCurrentAgencyAuthInfo(userId, this.getCurrentAgencyAuthInfoSuccess, this.getCurrentAgencyAuthInfoFail);
|
|
|
- }
|
|
|
- },
|
|
|
- getCurrentIndividualAuthenInfoSuccess(res){
|
|
|
- this.hideLoading();
|
|
|
- console.log(res)
|
|
|
- this.authInfoDetail.realName = res.realName;
|
|
|
- this.authInfoDetail.IDCard = res.idcard;
|
|
|
- this.authInfoDetail.IDCardPhoto = res.idcardPhoto;
|
|
|
- this.authInfoDetail.bankAccount = res.bankAccount;
|
|
|
- this.authInfoDetail.address = res.address;
|
|
|
- this.authInfoDetail.applyTime = res.applyTime;
|
|
|
- this.showAuthDialog()
|
|
|
- console.log(res)
|
|
|
-
|
|
|
- },
|
|
|
- getCurrentIndividualAuthenInfoFail(error){
|
|
|
- this.hideLoading();
|
|
|
- notify('error','获取个人认证信息出错：' + error.data);
|
|
|
- },
|
|
|
- getCurrentEnterpriseAuthInfoSuccess(){
|
|
|
- this.hideLoading();
|
|
|
- this.authInfoDetail.enterpriseName = res.enterpriseName;
|
|
|
- this.authInfoDetail.legalPersonName = res.legalPersonName;
|
|
|
- this.authInfoDetail.businessLicensePhoto = res.businessLicensePhoto;
|
|
|
- },
|
|
|
- getCurrentEnterpriseAuthInfoFail(){
|
|
|
- this.hideLoading();
|
|
|
- notify('error','获取企业认证信息出错：' + error.data);
|
|
|
- },
|
|
|
- getCurrentAgencyAuthInfoSuccess(){
|
|
|
- this.hideLoading();
|
|
|
- this.authInfoDetail.evaluationAgencyName = res.evaluationAgencyName;
|
|
|
- this.authInfoDetail.evaluationAgencyAbilityList = res.evaluationAgencyAbilityList;
|
|
|
- this.authInfoDetail.evaluationAgencyResourceList = res.evaluationAgencyResourceList;
|
|
|
- this.authInfoDetail.agencyPhoto = res.agencyPhoto;
|
|
|
- this.authInfoDetail.updateTime = res.updateTime;
|
|
|
- },
|
|
|
- getCurrentAgencyAuthInfoFail(){
|
|
|
- this.hideLoading();
|
|
|
- notify('error','获取机构认证信息出错：' + error.data);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-</script>
|
|
|
-
|
|
|
-<style scoped>
|
|
|
-
|
|
|
-</style>
|
