autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-05-17 08:18:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
admin-lmm
2023-07-10 11:46:03 +08:00
parent b6d0cea163
commit bf1307383a
1 changed files with 202 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

288
jsowell-ui/src/views/pile/merchant/components/adapayMember.vue
View File

@@ -107,7 +107,7 @@
:on-remove="handleRemove"
:file-list="fileList"
list-type="picture"
:limit="3"
:limit="4"
accept=".png,.jpg"
:on-exceed="handleExceed">
<el-button size="small" type="primary">点击上传</el-button>
@@ -174,75 +174,184 @@
</el-form-item>
</el-form>
</el-dialog>
<!-- 对公-->
<!-- 对公 -->
<el-card class="box-card" shadow="hover" style="padding: 20px" v-if="showAdapayCorp != null">
<!-- <div style="margin: 12px 0">汇付结算账户</div> -->
<h2>对公结算账户</h2>
<hr>
<div class="txt">
<div>{{auditStatus(adapayCorpMember.auditState)}}</div>
<div style="font-size: 14px;margin: 10px 0;">{{adapayCorpMember.auditDesc}}</div>
<div style="font-size: 14px;">审核不成功，需要重新填写信息
<el-button type="primary" v-if="adapayCorpMember.auditState != 'E'" @click="dialog=true">新建</el-button>
</div>
</div>
<div v-if="adapayCorpMember.auditState == 'E'">
<el-form :model="adapayCorpMember" class="adapayStyle" label-position="left" label-width="200px">
<template v-if="adapayCorpMember.auditState == 'A'">
<div class="status-card">
<div class="status-i">
<i class="el-icon-s-claim "></i>
</div>
<div class="status-txt">
<div style="line-height: 40px;">您已成功提交对公结算账号信息，请耐心等待！
<span style="color: #409eff;font-weight: bolder;">（{{auditStatus(adapayCorpMember.auditState)}}）</span>
</div>
</div>
</div>
<h4>审核信息</h4>
<el-form ref="form" :model="adapayCorpMember" label-width="120px">
<el-form-item label="企业名称：">
<div class="color">{{adapayCorpMember.name}}</div>
<div class="font-w">{{adapayCorpMember.name}}</div>
</el-form-item>
<el-form-item label="统一社会信用码：">
<div class="color">{{adapayCorpMember.socialCreditCode}}</div>
<el-form-item label="审核状态：">
<div class="font-w">{{auditStatus(adapayCorpMember.auditState)}}</div>
</el-form-item>
<el-form-item label="统一社会信用证有效期：">
<div class="color">{{adapayCorpMember.socialCreditCodeExpires}}</div>
</el-form-item>
<el-form-item label="法人姓名：">
<div class="color">{{adapayCorpMember.legalPerson}}</div>
</el-form-item>
<el-form-item label="法人身份证号码：">
<div class="color">{{adapayCorpMember.legalCertId}}</div>
</el-form-item>
<el-form-item label="法人身份证有效期：">
<div class="color">{{adapayCorpMember.legalCertIdExpires}}</div>
</el-form-item>
<el-form-item label="法人手机号：">
<div class="color">{{adapayCorpMember.legalMp}}</div>
</el-form-item>
<el-form-item label="企业地址：">
<div class="color">{{adapayCorpMember.address}}</div>
</el-form-item>
<el-form-item label="邮编：">
<div class="color">{{adapayCorpMember.zipCode === ''? '一':adapayCorpMember.zipCode}}</div>
</el-form-item>
<el-form-item label="企业电话：">
<div class="color">{{adapayCorpMember.telphone === ''? '一':adapayCorpMember.telphone}}</div>
</el-form-item>
<el-form-item label="企业邮箱：">
<div class="color">{{adapayCorpMember.email === ''? '一':adapayCorpMember.telphone}}</div>
</el-form-item>
<el-form-item label="银行类型：">
<div class="color">{{adapayCorpMember.bankCode === null? '一':adapayCorpMember.telphone}}</div>
</el-form-item>
<el-form-item label="银行卡号：">
<div class="color">{{adapayCorpMember.cardNo === null? '一':adapayCorpMember.telphone}}</div>
</el-form-item>
<el-form-item label="银行卡对应的户名：">
<div class="color">{{adapayCorpMember.cardName === null? '一':adapayCorpMember.telphone}}</div>
</el-form-item>
<el-form-item label="开户银行所在省份编码：">
<div class="color">{{provCode(adapayCorpMember.provCode)}} / {{areaCode(adapayCorpMember.areaCode)}}</div>
</el-form-item>
<el-form-item label="经营范围：">
<div class="color">{{adapayCorpMember.businessScope}}</div>
<el-form-item label="审核状态描述：">
<div class="font-w">{{adapayCorpMember.auditDesc}}</div>
</el-form-item>
</el-form>
<hr>
<div>
企业信息有变更请点击修改按钮，进行修改企业信息
<el-button type="primary" @click="updateDialog=true">修改</el-button>
</template>
<template v-if="adapayCorpMember.auditState == 'B'">
<div class="status-card">
<div class="status-i">
<i class="el-icon-error"></i>
</div>
<div class="status-txt">
<div style="line-height: 40px;">当前对公结算账户信息审核失败，请点击新建按钮，重新填写信息再次进行审核
<span style="color: #409eff;font-weight: bolder;">（{{auditStatus(adapayCorpMember.auditState)}}）</span>
</div>
</div>
</div>
<h4>审核信息</h4>
<el-form ref="form" :model="adapayCorpMember" label-width="120px">
<el-form-item label="企业名称：">
<div class="font-w">{{adapayCorpMember.name}}</div>
</el-form-item>
<el-form-item label="审核状态：">
<div class="font-w">{{auditStatus(adapayCorpMember.auditState)}}</div>
</el-form-item>
<el-form-item label="审核状态描述：">
<div class="font-w">{{adapayCorpMember.auditDesc}}</div>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="dialog=true">新建</el-button>
</el-form-item>
</el-form>
</template>
<template v-if="adapayCorpMember.auditState == 'E'">
<div class="status-card">
<div class="status-i">
<i class="el-icon-success"></i>
</div>
<div class="status-txt">
<div style="line-height: 40px;">当前对公结算账户信息审核成功，若要修改企业信息，请点击修改按钮重新填写信息
<span style="color: #409eff;font-weight: bolder;">（{{auditStatus(adapayCorpMember.auditState)}}）</span>
</div>
</div>
</div>
<h4>对公结算账户信息</h4>
<div>
<el-form :model="adapayCorpMember" class="adapayStyle" label-position="left" label-width="200px">
<el-form-item label="企业名称：">
<div class="color">{{adapayCorpMember.name}}</div>
</el-form-item>
<el-form-item label="审核状态：">
<div class="color">{{auditStatus(adapayCorpMember.auditState)}}</div>
</el-form-item>
<el-form-item label="审核状态描述：">
<div class="color">{{adapayCorpMember.auditDesc}}</div>
</el-form-item>
<el-form-item label="统一社会信用码：">
<div class="color">{{adapayCorpMember.socialCreditCode}}</div>
</el-form-item>
<el-form-item label="统一社会信用证有效期：">
<div class="color">{{adapayCorpMember.socialCreditCodeExpires}}</div>
</el-form-item>
<el-form-item label="法人姓名：">
<div class="color">{{adapayCorpMember.legalPerson}}</div>
</el-form-item>
<el-form-item label="法人身份证号码：">
<div class="color">{{adapayCorpMember.legalCertId}}</div>
</el-form-item>
<el-form-item label="法人身份证有效期：">
<div class="color">{{adapayCorpMember.legalCertIdExpires}}</div>
</el-form-item>
<el-form-item label="法人手机号：">
<div class="color">{{adapayCorpMember.legalMp}}</div>
</el-form-item>
<el-form-item label="企业地址：">
<div class="color">{{adapayCorpMember.address}}</div>
</el-form-item>
<el-form-item label="邮编：">
<div class="color">{{adapayCorpMember.zipCode === ''? '一':adapayCorpMember.zipCode}}</div>
</el-form-item>
<el-form-item label="企业电话：">
<div class="color">{{adapayCorpMember.telphone === ''? '一':adapayCorpMember.telphone}}</div>
</el-form-item>
<el-form-item label="企业邮箱：">
<div class="color">{{adapayCorpMember.email === ''? '一':adapayCorpMember.telphone}}</div>
</el-form-item>
<el-form-item label="银行类型：">
<div class="color">{{adapayCorpMember.bankCode === null? '一':adapayCorpMember.telphone}}</div>
</el-form-item>
<el-form-item label="银行卡号：">
<div class="color">{{adapayCorpMember.cardNo === null? '一':adapayCorpMember.telphone}}</div>
</el-form-item>
<el-form-item label="银行卡对应的户名：">
<div class="color">{{adapayCorpMember.cardName === null? '一':adapayCorpMember.telphone}}</div>
</el-form-item>
<el-form-item label="开户银行所在省份编码：">
<div class="color">{{provCode(adapayCorpMember.provCode)}} / {{areaCode(adapayCorpMember.areaCode)}}</div>
</el-form-item>
<el-form-item label="经营范围：">
<div class="color">{{adapayCorpMember.businessScope}}</div>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="updateDialog=true">修改</el-button>
</el-form-item>
</el-form>
<hr>
</div>
<!-- <el-form ref="form" :model="adapayCorpMember" label-width="120px">-->
<!-- <el-form-item label="企业名称：">-->
<!-- <div class="font-w">{{adapayCorpMember.name}}</div>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="审核状态：">-->
<!-- <div class="font-w">{{auditStatus(adapayCorpMember.auditState)}}</div>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="审核状态描述：">-->
<!-- <div class="font-w">{{adapayCorpMember.auditDesc}}</div>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
</template>
<!-- <div class="txt">
<div v-if="adapayCorpMember.auditState == 'B' || adapayCorpMember.auditState == 'C'|| adapayCorpMember.auditState == 'D'">
<div style="font-size: 14px;">审核不成功，需要重新填写信息
<el-button type="primary" @click="dialog=true">新建</el-button>
</div>
</div>
<div>{{auditStatus(adapayCorpMember.auditState)}}</div>
<div style="font-size: 14px;margin: 10px 0;">{{adapayCorpMember.auditDesc}}</div>
</div> -->
<!-- <div v-if="adapayCorpMember.auditState == 'E'"> -->
<!-- <el-table :data="adapayCorpMember"
style="width: 100%">
<el-table-column
prop="name"
label="企业名称"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="申请状态">
</el-table-column>
<el-table-column
prop="address"
label="申请状态描述">
</el-table-column>
<el-table-column
prop="address"
label="操作">
<template slot-scope="scoped">
<div>详情</div>
</template>
</el-table-column>
</el-table> -->
</el-card>
<el-dialog title="修改信息" :visible.sync="updateDialog" width="50%">
<el-form :model="adapayCorpMember" :rules="adapayCorpRules" ref="dialogForm" label-width="220px">
@@ -303,11 +412,11 @@
:on-remove="handleRemove"
:file-list="fileList"
list-type="picture"
:limit="3"
:limit="4"
accept=".png,.jpg"
:on-exceed="handleExceed">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">上传法人身份证正面照，法人身份证反面照，开户银行许可证</div>
<div slot="tip" class="el-upload__tip">上传法人身份证正面照，法人身份证反面照，开户银行许可证以及营业执照</div>
</el-upload>
</el-form-item>
<el-form-item>
@@ -332,6 +441,7 @@ export default {
props: ["merchantId"],
data() {
return {
areaList:[],
bankValue:'',
cityList:[], // 银行代码JSON数据
showAdapayCorp:null,
@@ -510,7 +620,7 @@ export default {
imgList: [
{
required: true,
message: "请上传三张照片",
message: "请上传四张照片",
trigger: "change",
}
],
@@ -594,18 +704,6 @@ export default {
};
},
methods: {
// 获取本地静态数据
getData() {
let script = document.createElement('script')
script.src = '.'
document.body.appendChild(script)
axios({ url: './cdn/echartsData/echartsData.json', method: 'get' }).then(res => {
this.data = []
if (res.data.caseCenter) {
//这样就可以取到里面的数据了
}
})
},
updateDialogForm(form){
console.log(this.adapayCorpMember,'this.adapayCorpMember')
this.adapayCorpMember.merchantId = this.merchantId
@@ -633,7 +731,7 @@ export default {
},
handleExceed(files, fileList) {
this.$message.warning(
`当前限制选择 3 张图片，本次选择了 ${
`当前限制选择 4 张图片，本次选择了 ${
files.length
} 张，共选择了 ${files.length + fileList.length} 张`
);
@@ -661,8 +759,18 @@ export default {
this.dialogImageUrl = file.url;
console.log(this.dialogImageUrl);
},
provCode(code){
let arr = this.options.find(item => item.value == code)
if (arr ==null){
return '一'
} else{
this.areaList = arr.cities
return arr.title
}
},
areaCode(area){
let arr = this.options.find(item => item.cities[0].value == area)
let arr = this.areaList.find(item => item.value ==area)
console.log('区地址编码',area,this.options)
if (arr ==null){
return '一'
} else{
@@ -670,20 +778,11 @@ export default {
}
},
provCode(code){
let arr = this.options.find(item => item.value == code)
if (arr ==null){
return '一'
} else{
return arr.title
}
},
enterpriseChange(value) {
this.dialogForm.provCode = value[0]
this.dialogForm.areaCode = value[1]
},
submitDialogForm(dialogForm){
console.log(this.dialogForm);
this.$refs[dialogForm].validate((valid) =>{
if (valid) {
@@ -757,6 +856,23 @@ export default {
::v-deep .el-input .el-input--medium{
width: 43% !important;
}
.status-card{
display: flex;background-color: #f6f7f8;padding: 15px;
}
.status-i{
color: #409eff;
font-size: 40px;
margin-right: 10px;
}
.status-txt{
flex: 1;
}
.font-w{
font-weight: bolder;
}
.font-13{
font-size: 13px;
}
.txt{
padding: 10px;
margin: 10px 0;