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

update

Browse Source
This commit is contained in:
JS-LM
2023-06-15 09:38:12 +08:00
parent c2c238fb81
commit 8c4d104ff2
1 changed files with 46 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,19 +1,21 @@
<template> <template>
<div> <div>
<el-card class="box-card" shadow="hover" style="margin-bottom: 10px"> <el-card class="box-card" shadow="hover" style="margin-bottom: 10px">
<div style="margin: 12px 0">汇付会员</div> <!-- <div style="margin: 12px 0">汇付会员</div> -->
<div style="margin: 12px 0" v-if="ruleForm.nickname == ''"> <h2>汇付会员</h2>
没有查询到汇付会员配置，请点击按钮创建汇付会员 <hr>
<div style="margin: 12px 0" v-if="ruleForm.adapayMemberId == null">
没有查询到汇付会员配置，请点击按钮创建汇付会员，汇付结算账号
<!-- 刷新按钮 --> <!-- 刷新按钮 -->
<el-button <el-button
size="medium" size="medium"
type="primary" type="primary"
@click="openCreateAdapayMember = true" @click="openCreateAdapaySettleAccount = true"
> >
创建汇付会员 创建汇付会员与结算账号
</el-button> </el-button>
</div> </div>
<el-descriptions v-else :column="2"> <el-descriptions :column="2" v-else>
<el-descriptions-item label="会员昵称">{{ <el-descriptions-item label="会员昵称">{{
ruleForm.nickname ruleForm.nickname
}}</el-descriptions-item> }}</el-descriptions-item>
@@ -29,119 +31,37 @@
</el-descriptions> </el-descriptions>
</el-card> </el-card>
<el-card class="box-card" shadow="hover"> <el-card class="box-card" shadow="hover" style="margin-top:20px" v-if="ruleForm.adapayMemberId !== null">
<div style="margin: 12px 0">汇付结算账户</div> <!-- <div style="margin: 12px 0">汇付结算账户</div> -->
<div style="margin: 12px 0" v-if="ruleForm.bankAcctType == null"> <h2>汇付结算账户</h2>
没有查询到汇付结算账户配置，请点击按钮创建汇付结算账户 <hr>
<!-- 刷新按钮 --> <el-descriptions :column="2">
<el-button <el-descriptions-item label="银行账户类型">{{
size="medium" ruleForm.nickname
type="primary" }}</el-descriptions-item>
@click="openCreateAdapaySettleAccount = true" <el-descriptions-item label="银行卡号">{{
> ruleForm.email
创建汇付结算账户 }}</el-descriptions-item>
</el-button> <el-descriptions-item label="银行卡对应的户名">{{
</div> ruleForm.gender === "FEMALE" ? "女" : "男"
<el-form }}</el-descriptions-item>
:model="ruleForm" <el-descriptions-item label="手机号">{{
:rules="rules" ruleForm.location
ref="ruleForm" }}</el-descriptions-item>
label-width="250px" <el-descriptions-item label="银行编码">{{
class="demo-ruleForm" ruleForm.location
v-else }}</el-descriptions-item>
> <el-descriptions-item label="开户银行名称">{{
<el-form-item label="银行账户类型" prop="bankAcctType"> ruleForm.location
<el-radio-group v-model="ruleForm.bankAcctType"> }}</el-descriptions-item>
<el-radio label="1">对公</el-radio> <el-descriptions-item label="银行账户开户银行所在省份编码">{{
<el-radio label="2">对私</el-radio> ruleForm.location
</el-radio-group> }}</el-descriptions-item>
</el-form-item> </el-descriptions>
<el-form-item label="银行卡号" prop="cardId">
<el-input v-model="ruleForm.cardId"></el-input>
</el-form-item>
<el-form-item label="银行卡对应的户名" prop="cardName">
<el-input v-model="ruleForm.cardName"></el-input>
</el-form-item>
<el-form-item
label="证件号"
prop="certId"
:rules="
ruleForm.bankAcctType === '2'
? rules.certId
: [{ required: false }]
"
>
<el-input v-model="ruleForm.certId"></el-input>
</el-form-item>
<el-form-item
label="证件类型"
prop="certType"
:rules="
ruleForm.bankAcctType === '2'
? rules.certType
: [{ required: false }]
"
>
<el-input v-model="ruleForm.certType"></el-input>
</el-form-item>
<el-form-item label="手机号" prop="telNo">
<el-input v-model="ruleForm.telNo"></el-input>
</el-form-item>
<el-form-item
label="银行编码"
prop="bankCode"
:rules="
ruleForm.bankAcctType === '1'
? rules.bankCode
: [{ required: false }]
"
>
<el-input v-model="ruleForm.bankCode"></el-input>
</el-form-item>
<el-form-item label="开户银行名称" prop="bankName">
<el-input v-model="ruleForm.bankName"></el-input>
</el-form-item>
<el-form-item
label="银行账户开户银行所在省份编码"
prop="provCode"
:rules="
ruleForm.bankAcctType === '1'
? rules.provCode
: [{ required: false }]
"
>
<el-cascader
v-model="value"
:options="options"
@change="handleChange"
:props="cateProps"
></el-cascader>
<!-- <el-input v-model="ruleForm.provCode"></el-input> -->
</el-form-item>
<!-- <el-form-item
label="银行账户开户银行所在地区编码"
prop="areaCode"
:rules="
ruleForm.bankAcctType === '1'
? rules.areaCode
: [{ required: false }]
"
>
<el-input v-model="ruleForm.areaCode"></el-input>
</el-form-item> -->
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')"
>提交</el-button
>
</el-form-item>
</el-form>
</el-card> </el-card>
<el-dialog <el-dialog
title="创建汇付会员" title="创建汇付会员与结算账户"
:visible.sync="openCreateAdapayMember" :visible.sync="openCreateAdapaySettleAccount"
width="150" width="150"
append-to-body append-to-body
> >
@@ -152,7 +72,7 @@
label-width="250px" label-width="250px"
class="demo-ruleForm" class="demo-ruleForm"
> >
<el-form-item label="会员昵称" prop="nickname"> <el-form-item label="会员昵称" prop="nickname">
<el-input v-model="ruleForm.nickname"></el-input> <el-input v-model="ruleForm.nickname"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="会员邮箱" prop="email"> <el-form-item label="会员邮箱" prop="email">
@@ -168,28 +88,6 @@
<!-- type="textarea" --> <!-- type="textarea" -->
<el-input v-model="ruleForm.location"></el-input> <el-input v-model="ruleForm.location"></el-input>
</el-form-item> </el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')"
>提交</el-button
>
</el-form-item>
</el-form>
</el-dialog>
<el-dialog
title="创建汇付结算账户"
:visible.sync="openCreateAdapaySettleAccount"
width="150"
append-to-body
>
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="250px"
class="demo-ruleForm"
>
<el-form-item label="银行账户类型" prop="bankAcctType"> <el-form-item label="银行账户类型" prop="bankAcctType">
<el-radio-group v-model="ruleForm.bankAcctType"> <el-radio-group v-model="ruleForm.bankAcctType">
<el-radio label="1">对公</el-radio> <el-radio label="1">对公</el-radio>
@@ -215,17 +113,6 @@
<el-input v-model="ruleForm.certId"></el-input> <el-input v-model="ruleForm.certId"></el-input>
</el-form-item> </el-form-item>
<el-form-item
label="证件类型"
prop="certType"
:rules="
ruleForm.bankAcctType === '2'
? rules.certType
: [{ required: false }]
"
>
<el-input v-model="ruleForm.certType"></el-input>
</el-form-item>
<el-form-item label="手机号" prop="telNo"> <el-form-item label="手机号" prop="telNo">
<el-input v-model="ruleForm.telNo"></el-input> <el-input v-model="ruleForm.telNo"></el-input>
</el-form-item> </el-form-item>
@@ -284,7 +171,7 @@
<script> <script>
import { import {
selectAdapayMember, selectAdapayMember,
createAdapayMember,selectSettleAccount createAdapayMember
} from "@/api/adapayMember/adapayMember"; } from "@/api/adapayMember/adapayMember";
export default { export default {
props: ["merchantId"], props: ["merchantId"],
@@ -297,6 +184,7 @@ export default {
adapaySettleAccount: null, adapaySettleAccount: null,
openCreateAdapaySettleAccount: false, openCreateAdapaySettleAccount: false,
ruleForm: { ruleForm: {
adapayMemberId:null,
nickname: "", nickname: "",
email: "", email: "",
gender: "", gender: "",
@@ -304,7 +192,6 @@ export default {
cardId: "", cardId: "",
cardName: "", cardName: "",
certId: "", certId: "",
certType: "",
telNo: "", telNo: "",
bankCode: "", bankCode: "",
bankName: "", bankName: "",
@@ -406,19 +293,17 @@ export default {
trigger: "blur", trigger: "blur",
}, },
], ],
certType: [
{
required: true,
message: "请填写证件类型",
trigger: "blur",
},
],
bankCode: [ bankCode: [
{ {
required: true, required: true,
message: "请填写银行编码", message: "请填写银行编码",
trigger: "blur", trigger: "blur",
}, },
{
pattern: /^(?:(?:\+|00)86)?1\d{10}$/,
message: "手机号格式有误",
trigger: "change",
},
], ],
}, },
cateProps: { cateProps: {
@@ -446,10 +331,8 @@ export default {
console.log("valid", this.ruleForm); console.log("valid", this.ruleForm);
createAdapayMember(this.ruleForm).then((response) => { createAdapayMember(this.ruleForm).then((response) => {
console.log("新增", response); console.log("新增", response);
this.openCreateAdapayMember = false;
this.openCreateAdapaySettleAccount = false this.openCreateAdapaySettleAccount = false
this.selectAdapayMember(); this.selectAdapayMember();
this.selectSettleAccount()
}); });
} else { } else {
console.log("提交表格失败"); console.log("提交表格失败");
@@ -467,23 +350,13 @@ export default {
merchantId: this.merchantId, merchantId: this.merchantId,
}; };
selectAdapayMember(param).then((response) => { selectAdapayMember(param).then((response) => {
// console.log("查询 response", response); console.log("查询 response", response);
if (response.data != null) { if (response.data != null) {
this.ruleForm = response.data; this.ruleForm = response.data;
this.adapayMember = response.data; this.adapayMember = response.data;
} }
}); });
}, },
// 查询汇付结算账户
selectSettleAccount() {
let param = {
merchantId: this.merchantId,
};
selectSettleAccount(param).then(response =>{
console.log('查询汇付结算账号 response',response)
this.ruleForm = response.data
})
},
jsonHttp() { jsonHttp() {
var that = this; var that = this;
//(1).实例化ajax对象 //(1).实例化ajax对象
@@ -505,7 +378,6 @@ export default {
}, },
created() { created() {
this.selectAdapayMember(); this.selectAdapayMember();
this.selectSettleAccount();
this.jsonHttp(); this.jsonHttp();
}, },
}; };