mirror of
https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git
synced 2026-06-29 03:28:00 +08:00
防止多次提交弹框显示
This commit is contained in:
@@ -1,10 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-card
|
<el-card v-if="adapayMember == null" shadow="hover" style="margin-bottom: 10px">
|
||||||
v-if="adapayMember == null"
|
|
||||||
shadow="hover"
|
|
||||||
style="margin-bottom: 10px"
|
|
||||||
>
|
|
||||||
<div style="margin: 12px 0">
|
<div style="margin: 12px 0">
|
||||||
没有查询到结算账户,请点击按钮创建结算账户
|
没有查询到结算账户,请点击按钮创建结算账户
|
||||||
<el-button size="medium" type="primary" @click="dialog = true">
|
<el-button size="medium" type="primary" @click="dialog = true">
|
||||||
@@ -13,19 +9,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-card
|
<el-card class="box-card" shadow="hover" style="margin: 20px 0" v-if="showAccountList">
|
||||||
class="box-card"
|
|
||||||
shadow="hover"
|
|
||||||
style="margin: 20px 0"
|
|
||||||
v-if="showAccountList"
|
|
||||||
>
|
|
||||||
<h2>结算账户</h2>
|
<h2>结算账户</h2>
|
||||||
<hr />
|
<hr />
|
||||||
<el-descriptions
|
<el-descriptions :column="2" v-for="(item, index) in settleAccountList" :key="index">
|
||||||
:column="2"
|
|
||||||
v-for="(item, index) in settleAccountList"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<el-descriptions-item label="银行账户类型">{{
|
<el-descriptions-item label="银行账户类型">{{
|
||||||
item.bankAcctType === "1" ? "对公" : "对私"
|
item.bankAcctType === "1" ? "对公" : "对私"
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
@@ -47,20 +34,14 @@
|
|||||||
<el-descriptions-item label="银行编码">{{
|
<el-descriptions-item label="银行编码">{{
|
||||||
item.bankCode
|
item.bankCode
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
<el-descriptions-item label="银行账户开户银行所在省份编码"
|
<el-descriptions-item label="银行账户开户银行所在省份编码">{{ provCode(item.provCode) }}/
|
||||||
>{{ provCode(item.provCode) }}/
|
|
||||||
{{ areaCode(item.areaCode) }}
|
{{ areaCode(item.areaCode) }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
</el-card>
|
</el-card>
|
||||||
</template>
|
</template>
|
||||||
<el-dialog title="创建结算账户" :visible.sync="dialog" width="50%">
|
<el-dialog title="创建结算账户" :visible.sync="dialog" width="50%">
|
||||||
<el-form
|
<el-form :model="adapayCorpMember" :rules="dialogRules" ref="adapayCorpMember" label-width="220px">
|
||||||
:model="adapayCorpMember"
|
|
||||||
:rules="dialogRules"
|
|
||||||
ref="adapayCorpMember"
|
|
||||||
label-width="220px"
|
|
||||||
>
|
|
||||||
<el-form-item label="银行账户类型" prop="bankAcctType">
|
<el-form-item label="银行账户类型" prop="bankAcctType">
|
||||||
<el-radio-group v-model="adapayCorpMember.bankAcctType">
|
<el-radio-group v-model="adapayCorpMember.bankAcctType">
|
||||||
<el-radio label="1">对公</el-radio>
|
<el-radio label="1">对公</el-radio>
|
||||||
@@ -69,75 +50,31 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<template v-if="adapayCorpMember.bankAcctType === '1'">
|
<template v-if="adapayCorpMember.bankAcctType === '1'">
|
||||||
<el-form-item label="企业名称" prop="name">
|
<el-form-item label="企业名称" prop="name">
|
||||||
<el-input
|
<el-input type="textarea" v-model="adapayCorpMember.name" maxlength="50"></el-input>
|
||||||
type="textarea"
|
|
||||||
v-model="adapayCorpMember.name"
|
|
||||||
maxlength="50"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item label="统一社会信用码" prop="socialCreditCode">
|
||||||
label="统一社会信用码"
|
<el-input v-model="adapayCorpMember.socialCreditCode" maxlength="18"></el-input>
|
||||||
prop="socialCreditCode"
|
|
||||||
>
|
|
||||||
<el-input
|
|
||||||
v-model="adapayCorpMember.socialCreditCode"
|
|
||||||
maxlength="18"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="统一社会信用证有效期">
|
<el-form-item label="统一社会信用证有效期">
|
||||||
<el-date-picker
|
<el-date-picker editable v-model="dataValue" type="date" placeholder="有效期格式为20190909"
|
||||||
editable
|
format="yyyyMMdd" :disabled="dataDisabled" value-format="yyyyMMdd">
|
||||||
v-model="dataValue"
|
|
||||||
type="date"
|
|
||||||
placeholder="有效期格式为20190909"
|
|
||||||
format="yyyyMMdd"
|
|
||||||
:disabled="dataDisabled"
|
|
||||||
value-format="yyyyMMdd"
|
|
||||||
>
|
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
<el-checkbox
|
<el-checkbox v-model="pickerChecked" @change="dataChange">长期</el-checkbox>
|
||||||
v-model="pickerChecked"
|
|
||||||
@change="dataChange"
|
|
||||||
>长期</el-checkbox
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="经营范围" prop="businessScope">
|
<el-form-item label="经营范围" prop="businessScope">
|
||||||
<el-input
|
<el-input type="textarea" v-model="adapayCorpMember.businessScope" maxlength="200"></el-input>
|
||||||
type="textarea"
|
|
||||||
v-model="adapayCorpMember.businessScope"
|
|
||||||
maxlength="200"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="法人姓名" prop="legalPerson">
|
<el-form-item label="法人姓名" prop="legalPerson">
|
||||||
<el-input
|
<el-input v-model="adapayCorpMember.legalPerson"></el-input>
|
||||||
v-model="adapayCorpMember.legalPerson"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="法人身份证号码" prop="legalCertId">
|
<el-form-item label="法人身份证号码" prop="legalCertId">
|
||||||
<el-input
|
<el-input v-model="adapayCorpMember.legalCertId" maxlength="20"></el-input>
|
||||||
v-model="adapayCorpMember.legalCertId"
|
|
||||||
maxlength="20"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item label="法人身份证有效期" prop="legalCertIdExpires">
|
||||||
label="法人身份证有效期"
|
<el-date-picker editable v-model="addLegalCertIdDate" type="date" placeholder="有效期格式为20190909"
|
||||||
prop="legalCertIdExpires"
|
format="yyyyMMdd" :disabled="addLegDisabled" value-format="yyyyMMdd">
|
||||||
>
|
|
||||||
<el-date-picker
|
|
||||||
editable
|
|
||||||
v-model="addLegalCertIdDate"
|
|
||||||
type="date"
|
|
||||||
placeholder="有效期格式为20190909"
|
|
||||||
format="yyyyMMdd"
|
|
||||||
:disabled="addLegDisabled"
|
|
||||||
value-format="yyyyMMdd"
|
|
||||||
>
|
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
<el-checkbox
|
<el-checkbox v-model="legalCertIdChecked" @change="legalCertIdaChange">长期</el-checkbox>
|
||||||
v-model="legalCertIdChecked"
|
|
||||||
@change="legalCertIdaChange"
|
|
||||||
>长期</el-checkbox
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="法人手机号" prop="legalMp">
|
<el-form-item label="法人手机号" prop="legalMp">
|
||||||
<el-input v-model="adapayCorpMember.legalMp"></el-input>
|
<el-input v-model="adapayCorpMember.legalMp"></el-input>
|
||||||
@@ -149,27 +86,16 @@
|
|||||||
<el-input v-model="adapayCorpMember.zipCode"></el-input>
|
<el-input v-model="adapayCorpMember.zipCode"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="企业电话">
|
<el-form-item label="企业电话">
|
||||||
<el-input
|
<el-input v-model="adapayCorpMember.telphone"></el-input>
|
||||||
v-model="adapayCorpMember.telphone"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="企业邮箱">
|
<el-form-item label="企业邮箱">
|
||||||
<el-input v-model="adapayCorpMember.email"></el-input>
|
<el-input v-model="adapayCorpMember.email"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="上传法人身份证正面照">
|
<el-form-item label="上传法人身份证正面照">
|
||||||
<el-upload
|
<el-upload list-type="picture-card" :class="{ hide: uploadDisable }" :action="actionUrl"
|
||||||
list-type="picture-card"
|
:headers="headers" :on-success="idCardSuccess" :before-upload="beforeUpload"
|
||||||
:class="{ hide: uploadDisable }"
|
:on-remove="idCardRemove" :file-list="idCardList" :limit="1" accept=".png,.jpg"
|
||||||
:action="actionUrl"
|
:on-exceed="idCardExceed">
|
||||||
:headers="headers"
|
|
||||||
:on-success="idCardSuccess"
|
|
||||||
:before-upload="beforeUpload"
|
|
||||||
:on-remove="idCardRemove"
|
|
||||||
:file-list="idCardList"
|
|
||||||
:limit="1"
|
|
||||||
accept=".png,.jpg"
|
|
||||||
:on-exceed="idCardExceed"
|
|
||||||
>
|
|
||||||
<i class="el-icon-plus"></i>
|
<i class="el-icon-plus"></i>
|
||||||
<div slot="tip" class="el-upload__tip">
|
<div slot="tip" class="el-upload__tip">
|
||||||
只能上传jpg/png文件格式
|
只能上传jpg/png文件格式
|
||||||
@@ -177,19 +103,10 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="上传法人身份证反面照">
|
<el-form-item label="上传法人身份证反面照">
|
||||||
<el-upload
|
<el-upload :class="{ hide: sideDisable }" :action="actionUrl" :headers="headers"
|
||||||
:class="{ hide: sideDisable }"
|
:on-success="sideCardSuccess" :before-upload="getBefore" :on-remove="sideCardRemove"
|
||||||
:action="actionUrl"
|
:file-list="sideCardList" list-type="picture-card" :limit="1" accept=".png,.jpg"
|
||||||
:headers="headers"
|
:on-exceed="sideCardExceed">
|
||||||
:on-success="sideCardSuccess"
|
|
||||||
:before-upload="getBefore"
|
|
||||||
:on-remove="sideCardRemove"
|
|
||||||
:file-list="sideCardList"
|
|
||||||
list-type="picture-card"
|
|
||||||
:limit="1"
|
|
||||||
accept=".png,.jpg"
|
|
||||||
:on-exceed="sideCardExceed"
|
|
||||||
>
|
|
||||||
<i class="el-icon-plus"></i>
|
<i class="el-icon-plus"></i>
|
||||||
<div slot="tip" class="el-upload__tip">
|
<div slot="tip" class="el-upload__tip">
|
||||||
只能上传jpg/png文件格式
|
只能上传jpg/png文件格式
|
||||||
@@ -197,19 +114,10 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="上传开户银行许可证">
|
<el-form-item label="上传开户银行许可证">
|
||||||
<el-upload
|
<el-upload :class="{ hide: depositBankDisable }" :action="actionUrl" :headers="headers"
|
||||||
:class="{ hide: depositBankDisable }"
|
:on-success="depositBankSuccess" :before-upload="beforeData" :on-remove="depositBankRemove"
|
||||||
:action="actionUrl"
|
:file-list="depositBankList" list-type="picture-card" :limit="1" accept=".png,.jpg"
|
||||||
:headers="headers"
|
:on-exceed="depositBankExceed">
|
||||||
:on-success="depositBankSuccess"
|
|
||||||
:before-upload="beforeData"
|
|
||||||
:on-remove="depositBankRemove"
|
|
||||||
:file-list="depositBankList"
|
|
||||||
list-type="picture-card"
|
|
||||||
:limit="1"
|
|
||||||
accept=".png,.jpg"
|
|
||||||
:on-exceed="depositBankExceed"
|
|
||||||
>
|
|
||||||
<i class="el-icon-plus"></i>
|
<i class="el-icon-plus"></i>
|
||||||
<div slot="tip" class="el-upload__tip">
|
<div slot="tip" class="el-upload__tip">
|
||||||
只能上传jpg/png文件格式
|
只能上传jpg/png文件格式
|
||||||
@@ -217,19 +125,10 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="上传营业执照">
|
<el-form-item label="上传营业执照">
|
||||||
<el-upload
|
<el-upload :class="{ hide: businessDisable }" :action="actionUrl" :headers="headers"
|
||||||
:class="{ hide: businessDisable }"
|
:on-success="businessSuccess" :before-upload="beforeFormer" :on-remove="businessRemove"
|
||||||
:action="actionUrl"
|
:file-list="businessList" list-type="picture-card" :limit="1" accept=".png,.jpg"
|
||||||
:headers="headers"
|
:on-exceed="businessExceed">
|
||||||
:on-success="businessSuccess"
|
|
||||||
:before-upload="beforeFormer"
|
|
||||||
:on-remove="businessRemove"
|
|
||||||
:file-list="businessList"
|
|
||||||
list-type="picture-card"
|
|
||||||
:limit="1"
|
|
||||||
accept=".png,.jpg"
|
|
||||||
:on-exceed="businessExceed"
|
|
||||||
>
|
|
||||||
<i class="el-icon-plus"></i>
|
<i class="el-icon-plus"></i>
|
||||||
<div slot="tip" class="el-upload__tip">
|
<div slot="tip" class="el-upload__tip">
|
||||||
只能上传jpg/png文件格式
|
只能上传jpg/png文件格式
|
||||||
@@ -237,17 +136,9 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="银行类型" prop="bankCode">
|
<el-form-item label="银行类型" prop="bankCode">
|
||||||
<el-select
|
<el-select v-model="adapayCorpMember.bankCode" filterable placeholder="请选择">
|
||||||
v-model="adapayCorpMember.bankCode"
|
<el-option v-for="item in bankList" :key="item.bankCode" :label="item.bankName"
|
||||||
filterable
|
:value="item.bankCode">
|
||||||
placeholder="请选择"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in bankList"
|
|
||||||
:key="item.bankCode"
|
|
||||||
:label="item.bankName"
|
|
||||||
:value="item.bankCode"
|
|
||||||
>
|
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -255,20 +146,11 @@
|
|||||||
<el-input v-model="adapayCorpMember.cardNo"></el-input>
|
<el-input v-model="adapayCorpMember.cardNo"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="银行卡对应的户名" prop="cardName">
|
<el-form-item label="银行卡对应的户名" prop="cardName">
|
||||||
<el-input
|
<el-input v-model="adapayCorpMember.cardName"></el-input>
|
||||||
v-model="adapayCorpMember.cardName"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item label="银行账户开户银行所在省份编码" prop="provCode">
|
||||||
label="银行账户开户银行所在省份编码"
|
<el-cascader v-model="value" :options="options" @change="enterpriseChange"
|
||||||
prop="provCode"
|
:props="cateProps"></el-cascader>
|
||||||
>
|
|
||||||
<el-cascader
|
|
||||||
v-model="value"
|
|
||||||
:options="options"
|
|
||||||
@change="enterpriseChange"
|
|
||||||
:props="cateProps"
|
|
||||||
></el-cascader>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
@@ -279,20 +161,12 @@
|
|||||||
<el-input v-model="adapayCorpMember.cardId"></el-input>
|
<el-input v-model="adapayCorpMember.cardId"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="银行卡对应的户名" prop="cardName">
|
<el-form-item label="银行卡对应的户名" prop="cardName">
|
||||||
<el-input
|
<el-input v-model="adapayCorpMember.cardName"></el-input>
|
||||||
v-model="adapayCorpMember.cardName"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item v-if="adapayCorpMember.bankAcctType === '2'" label="证件号" prop="certId" :rules="adapayCorpMember.bankAcctType === '2'
|
||||||
v-if="adapayCorpMember.bankAcctType === '2'"
|
? dialogRules.certId
|
||||||
label="证件号"
|
: [{ required: false }]
|
||||||
prop="certId"
|
">
|
||||||
:rules="
|
|
||||||
adapayCorpMember.bankAcctType === '2'
|
|
||||||
? dialogRules.certId
|
|
||||||
: [{ required: false }]
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<el-input v-model="adapayCorpMember.certId"></el-input>
|
<el-input v-model="adapayCorpMember.certId"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
@@ -301,30 +175,17 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="公司地址" prop="location">
|
<el-form-item label="公司地址" prop="location">
|
||||||
<!-- type="textarea" -->
|
<!-- type="textarea" -->
|
||||||
<el-input
|
<el-input v-model="adapayCorpMember.location"></el-input>
|
||||||
v-model="adapayCorpMember.location"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button type="primary" @click="submitDialogForm('adapayCorpMember')">提交</el-button>
|
||||||
type="primary"
|
<el-button @click="resetForm('adapayCorpMember')">重置</el-button>
|
||||||
@click="submitDialogForm('adapayCorpMember')"
|
|
||||||
>提交</el-button
|
|
||||||
>
|
|
||||||
<el-button @click="resetForm('adapayCorpMember')"
|
|
||||||
>重置</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 对公 -->
|
<!-- 对公 -->
|
||||||
<el-card
|
<el-card class="box-card" shadow="hover" style="padding: 20px" v-if="showAdapayCorp != null">
|
||||||
class="box-card"
|
|
||||||
shadow="hover"
|
|
||||||
style="padding: 20px"
|
|
||||||
v-if="showAdapayCorp != null"
|
|
||||||
>
|
|
||||||
<h2>对公结算账户</h2>
|
<h2>对公结算账户</h2>
|
||||||
<hr />
|
<hr />
|
||||||
<template v-if="adapayCorpMember.auditState === 'A'">
|
<template v-if="adapayCorpMember.auditState === 'A'">
|
||||||
@@ -335,20 +196,14 @@
|
|||||||
<div class="status-txt">
|
<div class="status-txt">
|
||||||
<div style="line-height: 40px">
|
<div style="line-height: 40px">
|
||||||
您已成功提交对公结算账号信息,请耐心等待!
|
您已成功提交对公结算账号信息,请耐心等待!
|
||||||
<span style="color: #409eff; font-weight: bolder"
|
<span style="color: #409eff; font-weight: bolder">({{
|
||||||
>({{
|
auditStatus(adapayCorpMember.auditState)
|
||||||
auditStatus(adapayCorpMember.auditState)
|
}})</span>
|
||||||
}})</span
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h4>审核信息</h4>
|
<h4>审核信息</h4>
|
||||||
<el-form
|
<el-form ref="form" :model="adapayCorpMember" label-width="120px">
|
||||||
ref="form"
|
|
||||||
:model="adapayCorpMember"
|
|
||||||
label-width="120px"
|
|
||||||
>
|
|
||||||
<el-form-item label="企业名称:">
|
<el-form-item label="企业名称:">
|
||||||
<div class="font-w">{{ adapayCorpMember.name }}</div>
|
<div class="font-w">{{ adapayCorpMember.name }}</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -372,20 +227,14 @@
|
|||||||
<div class="status-txt">
|
<div class="status-txt">
|
||||||
<div style="line-height: 40px">
|
<div style="line-height: 40px">
|
||||||
当前对公结算账户信息审核失败,请点击新建按钮,重新填写信息再次进行审核
|
当前对公结算账户信息审核失败,请点击新建按钮,重新填写信息再次进行审核
|
||||||
<span style="color: #409eff; font-weight: bolder"
|
<span style="color: #409eff; font-weight: bolder">({{
|
||||||
>({{
|
auditStatus(adapayCorpMember.auditState)
|
||||||
auditStatus(adapayCorpMember.auditState)
|
}})</span>
|
||||||
}})</span
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h4>审核信息</h4>
|
<h4>审核信息</h4>
|
||||||
<el-form
|
<el-form ref="form" :model="adapayCorpMember" label-width="120px">
|
||||||
ref="form"
|
|
||||||
:model="adapayCorpMember"
|
|
||||||
label-width="120px"
|
|
||||||
>
|
|
||||||
<el-form-item label="企业名称:">
|
<el-form-item label="企业名称:">
|
||||||
<div class="font-w">{{ adapayCorpMember.name }}</div>
|
<div class="font-w">{{ adapayCorpMember.name }}</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -400,9 +249,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click="dialog = true"
|
<el-button type="primary" @click="dialog = true">新建</el-button>
|
||||||
>新建</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</template>
|
</template>
|
||||||
@@ -414,22 +261,15 @@
|
|||||||
<div class="status-txt">
|
<div class="status-txt">
|
||||||
<div style="line-height: 40px">
|
<div style="line-height: 40px">
|
||||||
当前对公结算账户信息审核成功,若要修改企业信息,请点击修改按钮重新填写信息
|
当前对公结算账户信息审核成功,若要修改企业信息,请点击修改按钮重新填写信息
|
||||||
<span style="color: #409eff; font-weight: bolder"
|
<span style="color: #409eff; font-weight: bolder">({{
|
||||||
>({{
|
auditStatus(adapayCorpMember.auditState)
|
||||||
auditStatus(adapayCorpMember.auditState)
|
}})</span>
|
||||||
}})</span
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h4>对公结算账户信息</h4>
|
<h4>对公结算账户信息</h4>
|
||||||
<div>
|
<div>
|
||||||
<el-form
|
<el-form :model="adapayCorpMember" class="adapayStyle" label-position="left" label-width="200px">
|
||||||
:model="adapayCorpMember"
|
|
||||||
class="adapayStyle"
|
|
||||||
label-position="left"
|
|
||||||
label-width="200px"
|
|
||||||
>
|
|
||||||
<el-form-item label="企业名称:">
|
<el-form-item label="企业名称:">
|
||||||
<div class="color">{{ adapayCorpMember.name }}</div>
|
<div class="color">{{ adapayCorpMember.name }}</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -482,8 +322,8 @@
|
|||||||
<div class="color">
|
<div class="color">
|
||||||
{{
|
{{
|
||||||
adapayCorpMember.zipCode === ""
|
adapayCorpMember.zipCode === ""
|
||||||
? "一"
|
? "一"
|
||||||
: adapayCorpMember.zipCode
|
: adapayCorpMember.zipCode
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -491,8 +331,8 @@
|
|||||||
<div class="color">
|
<div class="color">
|
||||||
{{
|
{{
|
||||||
adapayCorpMember.telphone === ""
|
adapayCorpMember.telphone === ""
|
||||||
? "一"
|
? "一"
|
||||||
: adapayCorpMember.telphone
|
: adapayCorpMember.telphone
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -500,8 +340,8 @@
|
|||||||
<div class="color">
|
<div class="color">
|
||||||
{{
|
{{
|
||||||
adapayCorpMember.email === ""
|
adapayCorpMember.email === ""
|
||||||
? "一"
|
? "一"
|
||||||
: adapayCorpMember.telphone
|
: adapayCorpMember.telphone
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -509,8 +349,8 @@
|
|||||||
<div class="color">
|
<div class="color">
|
||||||
{{
|
{{
|
||||||
adapayCorpMember.bankCode === null
|
adapayCorpMember.bankCode === null
|
||||||
? "一"
|
? "一"
|
||||||
: adapayCorpMember.bankCode
|
: adapayCorpMember.bankCode
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -518,8 +358,8 @@
|
|||||||
<div class="color">
|
<div class="color">
|
||||||
{{
|
{{
|
||||||
adapayCorpMember.cardNo === null
|
adapayCorpMember.cardNo === null
|
||||||
? "一"
|
? "一"
|
||||||
: adapayCorpMember.cardNo
|
: adapayCorpMember.cardNo
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -527,8 +367,8 @@
|
|||||||
<div class="color">
|
<div class="color">
|
||||||
{{
|
{{
|
||||||
adapayCorpMember.cardName === null
|
adapayCorpMember.cardName === null
|
||||||
? "一"
|
? "一"
|
||||||
: adapayCorpMember.cardName
|
: adapayCorpMember.cardName
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -544,11 +384,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button type="primary" @click="updateDialog = true">修改</el-button>
|
||||||
type="primary"
|
|
||||||
@click="updateDialog = true"
|
|
||||||
>修改</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<hr />
|
<hr />
|
||||||
@@ -556,74 +392,33 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-dialog title="修改信息" :visible.sync="updateDialog" width="50%">
|
<el-dialog title="修改信息" :visible.sync="updateDialog" width="50%">
|
||||||
<el-form
|
<el-form :model="adapayCorpMember" :rules="adapayCorpRules" ref="adapayCorpMember" label-width="220px">
|
||||||
:model="adapayCorpMember"
|
|
||||||
:rules="adapayCorpRules"
|
|
||||||
ref="adapayCorpMember"
|
|
||||||
label-width="220px"
|
|
||||||
>
|
|
||||||
<el-form-item label="企业名称" prop="name">
|
<el-form-item label="企业名称" prop="name">
|
||||||
<el-input
|
<el-input type="textarea" v-model="adapayCorpMember.name" maxlength="50"></el-input>
|
||||||
type="textarea"
|
|
||||||
v-model="adapayCorpMember.name"
|
|
||||||
maxlength="50"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="统一社会信用码" prop="socialCreditCode">
|
<el-form-item label="统一社会信用码" prop="socialCreditCode">
|
||||||
<el-input
|
<el-input v-model="adapayCorpMember.socialCreditCode" maxlength="18"></el-input>
|
||||||
v-model="adapayCorpMember.socialCreditCode"
|
|
||||||
maxlength="18"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="统一社会信用证有效期">
|
<el-form-item label="统一社会信用证有效期">
|
||||||
<el-date-picker
|
<el-date-picker editable v-model="updateSocialCreditCode" type="date" placeholder="有效期格式为20190909"
|
||||||
editable
|
format="yyyyMMdd" :disabled="dataDisabled" value-format="yyyyMMdd">
|
||||||
v-model="updateSocialCreditCode"
|
|
||||||
type="date"
|
|
||||||
placeholder="有效期格式为20190909"
|
|
||||||
format="yyyyMMdd"
|
|
||||||
:disabled="dataDisabled"
|
|
||||||
value-format="yyyyMMdd"
|
|
||||||
>
|
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
<el-checkbox
|
<el-checkbox v-model="adapaySocialCredChecked" @change="adapaySocialCredChange">长期</el-checkbox>
|
||||||
v-model="adapaySocialCredChecked"
|
|
||||||
@change="adapaySocialCredChange"
|
|
||||||
>长期</el-checkbox
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="经营范围" prop="businessScope">
|
<el-form-item label="经营范围" prop="businessScope">
|
||||||
<el-input
|
<el-input type="textarea" v-model="adapayCorpMember.businessScope" maxlength="200"></el-input>
|
||||||
type="textarea"
|
|
||||||
v-model="adapayCorpMember.businessScope"
|
|
||||||
maxlength="200"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="法人姓名" prop="legalPerson">
|
<el-form-item label="法人姓名" prop="legalPerson">
|
||||||
<el-input v-model="adapayCorpMember.legalPerson"></el-input>
|
<el-input v-model="adapayCorpMember.legalPerson"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="法人身份证号码" prop="legalCertId">
|
<el-form-item label="法人身份证号码" prop="legalCertId">
|
||||||
<el-input
|
<el-input v-model="adapayCorpMember.legalCertId" maxlength="20"></el-input>
|
||||||
v-model="adapayCorpMember.legalCertId"
|
|
||||||
maxlength="20"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="法人身份证有效期">
|
<el-form-item label="法人身份证有效期">
|
||||||
<el-date-picker
|
<el-date-picker editable v-model="updatelegalCertId" type="date" placeholder="有效期格式为20190909"
|
||||||
editable
|
format="yyyyMMdd" :disabled="addLegDisabled" value-format="yyyyMMdd">
|
||||||
v-model="updatelegalCertId"
|
|
||||||
type="date"
|
|
||||||
placeholder="有效期格式为20190909"
|
|
||||||
format="yyyyMMdd"
|
|
||||||
:disabled="addLegDisabled"
|
|
||||||
value-format="yyyyMMdd"
|
|
||||||
>
|
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
<el-checkbox
|
<el-checkbox v-model="adapayLegalCertIdChecked" @change="adapayLegalCertIdChange">长期</el-checkbox>
|
||||||
v-model="adapayLegalCertIdChecked"
|
|
||||||
@change="adapayLegalCertIdChange"
|
|
||||||
>长期</el-checkbox
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="法人手机号" prop="legalMp">
|
<el-form-item label="法人手机号" prop="legalMp">
|
||||||
<el-input v-model="adapayCorpMember.legalMp"></el-input>
|
<el-input v-model="adapayCorpMember.legalMp"></el-input>
|
||||||
@@ -641,19 +436,10 @@
|
|||||||
<el-input v-model="adapayCorpMember.email"></el-input>
|
<el-input v-model="adapayCorpMember.email"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="上传法人身份证正面照">
|
<el-form-item label="上传法人身份证正面照">
|
||||||
<el-upload
|
<el-upload list-type="picture-card" :class="{ hide: uploadDisable }" :action="actionUrl"
|
||||||
list-type="picture-card"
|
:headers="headers" :on-success="idCardSuccess" :before-upload="beforeUpload"
|
||||||
:class="{ hide: uploadDisable }"
|
:on-remove="idCardRemove" :file-list="idCardList" :limit="1" accept=".png,.jpg"
|
||||||
:action="actionUrl"
|
:on-exceed="idCardExceed">
|
||||||
:headers="headers"
|
|
||||||
:on-success="idCardSuccess"
|
|
||||||
:before-upload="beforeUpload"
|
|
||||||
:on-remove="idCardRemove"
|
|
||||||
:file-list="idCardList"
|
|
||||||
:limit="1"
|
|
||||||
accept=".png,.jpg"
|
|
||||||
:on-exceed="idCardExceed"
|
|
||||||
>
|
|
||||||
<i class="el-icon-plus"></i>
|
<i class="el-icon-plus"></i>
|
||||||
<div slot="tip" class="el-upload__tip">
|
<div slot="tip" class="el-upload__tip">
|
||||||
只能上传jpg/png文件格式
|
只能上传jpg/png文件格式
|
||||||
@@ -661,19 +447,10 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="上传法人身份证反面照">
|
<el-form-item label="上传法人身份证反面照">
|
||||||
<el-upload
|
<el-upload :class="{ hide: sideDisable }" :action="actionUrl" :headers="headers"
|
||||||
:class="{ hide: sideDisable }"
|
:on-success="sideCardSuccess" :before-upload="getBefore" :on-remove="sideCardRemove"
|
||||||
:action="actionUrl"
|
:file-list="sideCardList" list-type="picture-card" :limit="1" accept=".png,.jpg"
|
||||||
:headers="headers"
|
:on-exceed="sideCardExceed">
|
||||||
:on-success="sideCardSuccess"
|
|
||||||
:before-upload="getBefore"
|
|
||||||
:on-remove="sideCardRemove"
|
|
||||||
:file-list="sideCardList"
|
|
||||||
list-type="picture-card"
|
|
||||||
:limit="1"
|
|
||||||
accept=".png,.jpg"
|
|
||||||
:on-exceed="sideCardExceed"
|
|
||||||
>
|
|
||||||
<i class="el-icon-plus"></i>
|
<i class="el-icon-plus"></i>
|
||||||
<div slot="tip" class="el-upload__tip">
|
<div slot="tip" class="el-upload__tip">
|
||||||
只能上传jpg/png文件格式
|
只能上传jpg/png文件格式
|
||||||
@@ -681,19 +458,10 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="上传开户银行许可证">
|
<el-form-item label="上传开户银行许可证">
|
||||||
<el-upload
|
<el-upload :class="{ hide: depositBankDisable }" :action="actionUrl" :headers="headers"
|
||||||
:class="{ hide: depositBankDisable }"
|
:on-success="depositBankSuccess" :before-upload="beforeData" :on-remove="depositBankRemove"
|
||||||
:action="actionUrl"
|
:file-list="depositBankList" list-type="picture-card" :limit="1" accept=".png,.jpg"
|
||||||
:headers="headers"
|
:on-exceed="depositBankExceed">
|
||||||
:on-success="depositBankSuccess"
|
|
||||||
:before-upload="beforeData"
|
|
||||||
:on-remove="depositBankRemove"
|
|
||||||
:file-list="depositBankList"
|
|
||||||
list-type="picture-card"
|
|
||||||
:limit="1"
|
|
||||||
accept=".png,.jpg"
|
|
||||||
:on-exceed="depositBankExceed"
|
|
||||||
>
|
|
||||||
<i class="el-icon-plus"></i>
|
<i class="el-icon-plus"></i>
|
||||||
<div slot="tip" class="el-upload__tip">
|
<div slot="tip" class="el-upload__tip">
|
||||||
只能上传jpg/png文件格式
|
只能上传jpg/png文件格式
|
||||||
@@ -701,19 +469,10 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="上传营业执照">
|
<el-form-item label="上传营业执照">
|
||||||
<el-upload
|
<el-upload :class="{ hide: businessDisable }" :action="actionUrl" :headers="headers"
|
||||||
:class="{ hide: businessDisable }"
|
:on-success="businessSuccess" :before-upload="beforeFormer" :on-remove="businessRemove"
|
||||||
:action="actionUrl"
|
:file-list="businessList" list-type="picture-card" :limit="1" accept=".png,.jpg"
|
||||||
:headers="headers"
|
:on-exceed="businessExceed">
|
||||||
:on-success="businessSuccess"
|
|
||||||
:before-upload="beforeFormer"
|
|
||||||
:on-remove="businessRemove"
|
|
||||||
:file-list="businessList"
|
|
||||||
list-type="picture-card"
|
|
||||||
:limit="1"
|
|
||||||
accept=".png,.jpg"
|
|
||||||
:on-exceed="businessExceed"
|
|
||||||
>
|
|
||||||
<i class="el-icon-plus"></i>
|
<i class="el-icon-plus"></i>
|
||||||
<div slot="tip" class="el-upload__tip">
|
<div slot="tip" class="el-upload__tip">
|
||||||
只能上传jpg/png文件格式
|
只能上传jpg/png文件格式
|
||||||
@@ -721,11 +480,7 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button type="primary" @click="updateDialogForm('adapayCorpMember')">提交</el-button>
|
||||||
type="primary"
|
|
||||||
@click="updateDialogForm('adapayCorpMember')"
|
|
||||||
>提交</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -1418,12 +1173,12 @@ export default {
|
|||||||
},
|
},
|
||||||
// 新建提交按钮
|
// 新建提交按钮
|
||||||
submitDialogForm(adapayCorpMember) {
|
submitDialogForm(adapayCorpMember) {
|
||||||
const loading = this.$loading({
|
const loading = this.$loading({
|
||||||
lock: true,
|
lock: true,
|
||||||
text: '提交中',
|
text: '提交中',
|
||||||
spinner: 'el-icon-loading',
|
spinner: 'el-icon-loading',
|
||||||
background: 'rgba(0, 0, 0, 0.7)'
|
background: 'rgba(0, 0, 0, 0.7)'
|
||||||
});
|
});
|
||||||
this.adapayCorpMember.businessName = this.adapayCorpMember.name;
|
this.adapayCorpMember.businessName = this.adapayCorpMember.name;
|
||||||
console.log(
|
console.log(
|
||||||
"新建 企业名称传递的值.businessName",
|
"新建 企业名称传递的值.businessName",
|
||||||
@@ -1468,15 +1223,17 @@ export default {
|
|||||||
this.$message.success("新增成功,请勿重新提交!");
|
this.$message.success("新增成功,请勿重新提交!");
|
||||||
this.dialog = false;
|
this.dialog = false;
|
||||||
this.selectAdapayMember();
|
this.selectAdapayMember();
|
||||||
|
loading.close();
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
console.log("表格提交失败,请联系系统管理员!");
|
console.log("表格提交失败,请联系系统管理员!");
|
||||||
|
this.$message.error("表格提交失败,请联系系统管理员!");
|
||||||
|
loading.close();
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
this.dialog = false;
|
this.dialog = false;
|
||||||
});
|
});
|
||||||
loading.close();
|
|
||||||
},
|
},
|
||||||
resetForm(adapayCorpMember) {
|
resetForm(adapayCorpMember) {
|
||||||
this.$refs[adapayCorpMember].resetFields();
|
this.$refs[adapayCorpMember].resetFields();
|
||||||
|
|||||||
Reference in New Issue
Block a user