mirror of
https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git
synced 2026-05-06 02:50:13 +08:00
update
This commit is contained in:
JS-LM
@@ -31,7 +31,7 @@
|
||||
|
||||
<el-card class="box-card" shadow="hover">
|
||||
<div style="margin: 12px 0">汇付结算账户</div>
|
||||
<div style="margin: 12px 0" v-if="ruleForm.nickname !== ''">
|
||||
<div style="margin: 12px 0" v-if="ruleForm.bankAcctType == null">
|
||||
没有查询到汇付结算账户配置，请点击按钮创建汇付结算账户
|
||||
<!-- 刷新按钮 -->
|
||||
<el-button
|
||||
@@ -50,65 +50,65 @@
|
||||
class="demo-ruleForm"
|
||||
v-else
|
||||
>
|
||||
<el-form-item label="银行账户类型" prop="bank_acct_type">
|
||||
<el-radio-group v-model="ruleForm.bank_acct_type">
|
||||
<el-form-item label="银行账户类型" prop="bankAcctType">
|
||||
<el-radio-group v-model="ruleForm.bankAcctType">
|
||||
<el-radio label="1">对公</el-radio>
|
||||
<el-radio label="2">对私</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="银行卡号" prop="card_id">
|
||||
<el-input v-model="ruleForm.card_id"></el-input>
|
||||
<el-form-item label="银行卡号" prop="cardId">
|
||||
<el-input v-model="ruleForm.cardId"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="银行卡对应的户名" prop="card_name">
|
||||
<el-input v-model="ruleForm.card_name"></el-input>
|
||||
<el-form-item label="银行卡对应的户名" prop="cardName">
|
||||
<el-input v-model="ruleForm.cardName"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="证件号"
|
||||
prop="cert_id"
|
||||
prop="certId"
|
||||
:rules="
|
||||
ruleForm.bank_acct_type === '2'
|
||||
? rules.cert_id
|
||||
ruleForm.bankAcctType === '2'
|
||||
? rules.certId
|
||||
: [{ required: false }]
|
||||
"
|
||||
>
|
||||
<el-input v-model="ruleForm.cert_id"></el-input>
|
||||
<el-input v-model="ruleForm.certId"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item
|
||||
label="证件类型"
|
||||
prop="cert_type"
|
||||
prop="certType"
|
||||
:rules="
|
||||
ruleForm.bank_acct_type === '2'
|
||||
? rules.cert_type
|
||||
ruleForm.bankAcctType === '2'
|
||||
? rules.certType
|
||||
: [{ required: false }]
|
||||
"
|
||||
>
|
||||
<el-input v-model="ruleForm.cert_type"></el-input>
|
||||
<el-input v-model="ruleForm.certType"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="tel_no">
|
||||
<el-input v-model="ruleForm.tel_no"></el-input>
|
||||
<el-form-item label="手机号" prop="telNo">
|
||||
<el-input v-model="ruleForm.telNo"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="银行编码"
|
||||
prop="bank_code"
|
||||
prop="bankCode"
|
||||
:rules="
|
||||
ruleForm.bank_acct_type === '1'
|
||||
? rules.bank_code
|
||||
ruleForm.bankAcctType === '1'
|
||||
? rules.bankCode
|
||||
: [{ required: false }]
|
||||
"
|
||||
>
|
||||
<el-input v-model="ruleForm.bank_code"></el-input>
|
||||
<el-input v-model="ruleForm.bankCode"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="开户银行名称" prop="bank_name">
|
||||
<el-input v-model="ruleForm.bank_name"></el-input>
|
||||
<el-form-item label="开户银行名称" prop="bankName">
|
||||
<el-input v-model="ruleForm.bankName"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="银行账户开户银行所在省份编码"
|
||||
prop="prov_code"
|
||||
prop="provCode"
|
||||
:rules="
|
||||
ruleForm.bank_acct_type === '1'
|
||||
? rules.prov_code
|
||||
ruleForm.bankAcctType === '1'
|
||||
? rules.provCode
|
||||
: [{ required: false }]
|
||||
"
|
||||
>
|
||||
@@ -118,18 +118,18 @@
|
||||
@change="handleChange"
|
||||
:props="cateProps"
|
||||
></el-cascader>
|
||||
<!-- <el-input v-model="ruleForm.prov_code"></el-input> -->
|
||||
<!-- <el-input v-model="ruleForm.provCode"></el-input> -->
|
||||
</el-form-item>
|
||||
<!-- <el-form-item
|
||||
label="银行账户开户银行所在地区编码"
|
||||
prop="area_code"
|
||||
prop="areaCode"
|
||||
:rules="
|
||||
ruleForm.bank_acct_type === '1'
|
||||
? rules.area_code
|
||||
ruleForm.bankAcctType === '1'
|
||||
? rules.areaCode
|
||||
: [{ required: false }]
|
||||
"
|
||||
>
|
||||
<el-input v-model="ruleForm.area_code"></el-input>
|
||||
<el-input v-model="ruleForm.areaCode"></el-input>
|
||||
</el-form-item> -->
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submitForm('ruleForm')"
|
||||
@@ -190,81 +190,87 @@
|
||||
label-width="250px"
|
||||
class="demo-ruleForm"
|
||||
>
|
||||
<el-form-item label="银行账户类型" prop="bank_acct_type">
|
||||
<el-radio-group v-model="ruleForm.bank_acct_type">
|
||||
<el-form-item label="银行账户类型" prop="bankAcctType">
|
||||
<el-radio-group v-model="ruleForm.bankAcctType">
|
||||
<el-radio label="1">对公</el-radio>
|
||||
<el-radio label="2">对私</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="银行卡号" prop="card_id">
|
||||
<el-input v-model="ruleForm.card_id"></el-input>
|
||||
<el-form-item label="银行卡号" prop="cardId">
|
||||
<el-input v-model="ruleForm.cardId"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="银行卡对应的户名" prop="card_name">
|
||||
<el-input v-model="ruleForm.card_name"></el-input>
|
||||
<el-form-item label="银行卡对应的户名" prop="cardName">
|
||||
<el-input v-model="ruleForm.cardName"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="证件号"
|
||||
prop="cert_id"
|
||||
prop="certId"
|
||||
:rules="
|
||||
ruleForm.bank_acct_type === '2'
|
||||
? rules.cert_id
|
||||
ruleForm.bankAcctType === '2'
|
||||
? rules.certId
|
||||
: [{ required: false }]
|
||||
"
|
||||
>
|
||||
<el-input v-model="ruleForm.cert_id"></el-input>
|
||||
<el-input v-model="ruleForm.certId"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item
|
||||
label="证件类型"
|
||||
prop="cert_type"
|
||||
prop="certType"
|
||||
:rules="
|
||||
ruleForm.bank_acct_type === '2'
|
||||
? rules.cert_type
|
||||
ruleForm.bankAcctType === '2'
|
||||
? rules.certType
|
||||
: [{ required: false }]
|
||||
"
|
||||
>
|
||||
<el-input v-model="ruleForm.cert_type"></el-input>
|
||||
<el-input v-model="ruleForm.certType"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="tel_no">
|
||||
<el-input v-model="ruleForm.tel_no"></el-input>
|
||||
<el-form-item label="手机号" prop="telNo">
|
||||
<el-input v-model="ruleForm.telNo"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="银行编码"
|
||||
prop="bank_code"
|
||||
prop="bankCode"
|
||||
:rules="
|
||||
ruleForm.bank_acct_type === '1'
|
||||
? rules.bank_code
|
||||
ruleForm.bankAcctType === '1'
|
||||
? rules.bankCode
|
||||
: [{ required: false }]
|
||||
"
|
||||
>
|
||||
<el-input v-model="ruleForm.bank_code"></el-input>
|
||||
<el-input v-model="ruleForm.bankCode"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="开户银行名称" prop="bank_name">
|
||||
<el-input v-model="ruleForm.bank_name"></el-input>
|
||||
<el-form-item label="开户银行名称" prop="bankName">
|
||||
<el-input v-model="ruleForm.bankName"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="银行账户开户银行所在城市编码"
|
||||
prop="prov_code"
|
||||
label="银行账户开户银行所在省份编码"
|
||||
prop="provCode"
|
||||
:rules="
|
||||
ruleForm.bank_acct_type === '1'
|
||||
? rules.prov_code
|
||||
ruleForm.bankAcctType === '1'
|
||||
? rules.provCode
|
||||
: [{ required: false }]
|
||||
"
|
||||
>
|
||||
<el-input v-model="ruleForm.prov_code"></el-input>
|
||||
<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
|
||||
<!-- <el-form-item
|
||||
label="银行账户开户银行所在地区编码"
|
||||
prop="area_code"
|
||||
prop="areaCode"
|
||||
:rules="
|
||||
ruleForm.bank_acct_type === '1'
|
||||
? rules.area_code
|
||||
ruleForm.bankAcctType === '1'
|
||||
? rules.areaCode
|
||||
: [{ required: false }]
|
||||
"
|
||||
>
|
||||
<el-input v-model="ruleForm.area_code"></el-input>
|
||||
</el-form-item>
|
||||
<el-input v-model="ruleForm.areaCode"></el-input>
|
||||
</el-form-item> -->
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submitForm('ruleForm')"
|
||||
>提交</el-button
|
||||
@@ -278,7 +284,7 @@
|
||||
<script>
|
||||
import {
|
||||
selectAdapayMember,
|
||||
createAdapayMember,
|
||||
createAdapayMember,selectSettleAccount
|
||||
} from "@/api/adapayMember/adapayMember";
|
||||
export default {
|
||||
props: ["merchantId"],
|
||||
@@ -295,16 +301,16 @@ export default {
|
||||
email: "",
|
||||
gender: "",
|
||||
location: "",
|
||||
card_id: "",
|
||||
card_name: "",
|
||||
cert_id: "",
|
||||
cert_type: "",
|
||||
tel_no: "",
|
||||
bank_code: "",
|
||||
bank_name: "",
|
||||
bank_acct_type: "",
|
||||
prov_code: "",
|
||||
area_code: "",
|
||||
cardId: "",
|
||||
cardName: "",
|
||||
certId: "",
|
||||
certType: "",
|
||||
telNo: "",
|
||||
bankCode: "",
|
||||
bankName: "",
|
||||
bankAcctType: "",
|
||||
provCode: "",
|
||||
areaCode: "",
|
||||
merchantId: this.merchantId,
|
||||
},
|
||||
rules: {
|
||||
@@ -341,7 +347,7 @@ export default {
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
card_id: [
|
||||
cardId: [
|
||||
{
|
||||
required: true,
|
||||
message: "请填写银行卡号",
|
||||
@@ -353,14 +359,14 @@ export default {
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
card_name: [
|
||||
cardName: [
|
||||
{
|
||||
required: true,
|
||||
message: "请填写银行卡号对应的户名",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
tel_no: [
|
||||
telNo: [
|
||||
{
|
||||
required: true,
|
||||
message: "请填写手机号",
|
||||
@@ -372,42 +378,42 @@ export default {
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
bank_acct_type: [
|
||||
bankAcctType: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择银行账户类型",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
area_code: [
|
||||
areaCode: [
|
||||
{
|
||||
required: true,
|
||||
message: "银行账户开户银行所在地区编码",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
prov_code: [
|
||||
provCode: [
|
||||
{
|
||||
required: true,
|
||||
message: "请填写银行账户开户银行所在省份编码",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
cert_id: [
|
||||
certId: [
|
||||
{
|
||||
required: true,
|
||||
message: "请填写证件号",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
cert_type: [
|
||||
certType: [
|
||||
{
|
||||
required: true,
|
||||
message: "请填写证件类型",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
bank_code: [
|
||||
bankCode: [
|
||||
{
|
||||
required: true,
|
||||
message: "请填写银行编码",
|
||||
@@ -423,21 +429,27 @@ export default {
|
||||
},
|
||||
value: [],
|
||||
options: [],
|
||||
settleAccount:{}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
handleChange(value) {
|
||||
console.log(value);
|
||||
this.ruleForm.provCode = value[0]
|
||||
this.ruleForm.areaCode = value[1]
|
||||
},
|
||||
// 创建汇付会员
|
||||
submitForm(formName) {
|
||||
console.log('省 市',this.ruleForm.provCode,this.ruleForm.areaCode)
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
console.log("valid", this.ruleForm);
|
||||
createAdapayMember(this.ruleForm).then((response) => {
|
||||
console.log("新增", response);
|
||||
this.openCreateAdapayMember = false;
|
||||
this.openCreateAdapaySettleAccount = false
|
||||
this.selectAdapayMember();
|
||||
this.selectSettleAccount()
|
||||
});
|
||||
} else {
|
||||
console.log("提交表格失败");
|
||||
@@ -463,7 +475,15 @@ export default {
|
||||
});
|
||||
},
|
||||
// 查询汇付结算账户
|
||||
selectSettleAccount() {},
|
||||
selectSettleAccount() {
|
||||
let param = {
|
||||
merchantId: this.merchantId,
|
||||
};
|
||||
selectSettleAccount(param).then(response =>{
|
||||
console.log('查询汇付结算账号 response',response)
|
||||
this.ruleForm = response.data
|
||||
})
|
||||
},
|
||||
jsonHttp() {
|
||||
var that = this;
|
||||
//(1).实例化ajax对象
|
||||
@@ -480,8 +500,6 @@ export default {
|
||||
xhr.onload = function () {
|
||||
// console.log(xhr.responseText,'responseText')
|
||||
that.options = JSON.parse(xhr.responseText);
|
||||
// console.log('检测类型',Object.prototype.toString.call(that.options));
|
||||
// console.log("option的值", that.options);
|
||||
};
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user