fix(walletBindBank): 修复绑定银行卡错误的问题 bug-67 bug-68
This commit is contained in:
parent
c09af127fa
commit
a06830e905
|
|
@ -20,8 +20,8 @@
|
||||||
placeholder="请输入银行卡号"
|
placeholder="请输入银行卡号"
|
||||||
></el-input>
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="银行选择:" prop="bankId">
|
<el-form-item label="银行选择:" prop="pkBank">
|
||||||
<el-select v-model="form.bankId" placeholder="请选择银行名称">
|
<el-select v-model="form.pkBank" placeholder="请选择银行名称">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="(item, index) in bankCardChioceList"
|
v-for="(item, index) in bankCardChioceList"
|
||||||
:key="index"
|
:key="index"
|
||||||
|
|
@ -64,7 +64,7 @@
|
||||||
placeholder="银行卡预留手机号"
|
placeholder="银行卡预留手机号"
|
||||||
></el-input>
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<!-- <el-form-item
|
||||||
v-if="isMainlandChinaUser && needsVerificationCode"
|
v-if="isMainlandChinaUser && needsVerificationCode"
|
||||||
label="验证码:"
|
label="验证码:"
|
||||||
prop="verificationCode"
|
prop="verificationCode"
|
||||||
|
|
@ -82,7 +82,7 @@
|
||||||
>
|
>
|
||||||
{{ verificationCodeButtonText }}
|
{{ verificationCodeButtonText }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item> -->
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
|
|
@ -127,7 +127,7 @@ export default {
|
||||||
accountName: "", // 姓名
|
accountName: "", // 姓名
|
||||||
idCard: "", // 证件号码
|
idCard: "", // 证件号码
|
||||||
phone: "", // 手机号
|
phone: "", // 手机号
|
||||||
bankId: "", // 银行ID (原 pkBank)
|
pkBank: "", // 银行ID (原 pkBank)
|
||||||
verificationCode: "", // 验证码
|
verificationCode: "", // 验证码
|
||||||
subBankName: "", // 开户支行
|
subBankName: "", // 开户支行
|
||||||
idType: "", // 证件类型
|
idType: "", // 证件类型
|
||||||
|
|
@ -168,7 +168,7 @@ export default {
|
||||||
// { min: 11, message: '请输入正确的手机号', trigger: "blur" }, // 合并到 validator
|
// { min: 11, message: '请输入正确的手机号', trigger: "blur" }, // 合并到 validator
|
||||||
{ validator: validatePhoneNumber, trigger: "blur" },
|
{ validator: validatePhoneNumber, trigger: "blur" },
|
||||||
],
|
],
|
||||||
bankId: [
|
pkBank: [
|
||||||
// 原 pkBank
|
// 原 pkBank
|
||||||
{ required: true, message: "请选择银行卡", trigger: "change" },
|
{ required: true, message: "请选择银行卡", trigger: "change" },
|
||||||
],
|
],
|
||||||
|
|
@ -176,7 +176,7 @@ export default {
|
||||||
isBankCardVerified: false, // 银行卡是否已验证通过 (原 ifpass)
|
isBankCardVerified: false, // 银行卡是否已验证通过 (原 ifpass)
|
||||||
bankCardChioceList: [], // 可选银行列表
|
bankCardChioceList: [], // 可选银行列表
|
||||||
// pkCountry: "", // 由 isMainlandChinaUser 计算属性替代
|
// pkCountry: "", // 由 isMainlandChinaUser 计算属性替代
|
||||||
needsVerificationCode: true, // 是否需要验证码 (原 cancode)
|
needsVerificationCode: false, // 是否需要验证码 (原 cancode)
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
|
|
@ -286,17 +286,17 @@ export default {
|
||||||
// 实际执行绑卡操作
|
// 实际执行绑卡操作
|
||||||
performBindBank() {
|
performBindBank() {
|
||||||
// 对于非中国大陆用户,或不需要验证码的情况,直接标记为已验证
|
// 对于非中国大陆用户,或不需要验证码的情况,直接标记为已验证
|
||||||
if (!this.isMainlandChinaUser || !this.needsVerificationCode) {
|
// if (!this.isMainlandChinaUser || !this.needsVerificationCode) {
|
||||||
this.isBankCardVerified = true;
|
// this.isBankCardVerified = true;
|
||||||
}
|
// }
|
||||||
|
|
||||||
if (!this.isBankCardVerified) {
|
// if (!this.isBankCardVerified) {
|
||||||
this.$message({
|
// this.$message({
|
||||||
message: "请先完成银行卡验证", // 或 '银行卡验证不一致'
|
// message: "请先完成银行卡验证", // 或 '银行卡验证不一致'
|
||||||
type: "warning",
|
// type: "warning",
|
||||||
});
|
// });
|
||||||
return;
|
// return;
|
||||||
}
|
// }
|
||||||
|
|
||||||
// let that = this; // 不再需要
|
// let that = this; // 不再需要
|
||||||
|
|
||||||
|
|
@ -328,31 +328,32 @@ export default {
|
||||||
this.$refs[formName].validate((valid) => {
|
this.$refs[formName].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
// 如果是中国大陆用户且需要验证码
|
// 如果是中国大陆用户且需要验证码
|
||||||
if (this.isMainlandChinaUser && this.needsVerificationCode) {
|
// if (this.isMainlandChinaUser && this.needsVerificationCode) {
|
||||||
walletApi
|
// walletApi
|
||||||
.verifyBankCard(this.form)
|
// .verifyBankCard(this.form)
|
||||||
.then(() => {
|
// .then(() => {
|
||||||
// 验证成功,标记状态并执行绑卡
|
// // 验证成功,标记状态并执行绑卡
|
||||||
this.isBankCardVerified = true;
|
// this.isBankCardVerified = true;
|
||||||
this.performBindBank();
|
// this.performBindBank();
|
||||||
})
|
// })
|
||||||
.catch((_err) => {
|
// .catch((_err) => {
|
||||||
// 使用 _err 表示未使用
|
// // 使用 _err 表示未使用
|
||||||
// 验证失败
|
// // 验证失败
|
||||||
this.isBankCardVerified = false;
|
// this.isBankCardVerified = false;
|
||||||
// 提示后端返回的错误信息,或通用错误信息
|
// // 提示后端返回的错误信息,或通用错误信息
|
||||||
this.$message({
|
// this.$message({
|
||||||
message: _err?.msg || "银行卡验证失败", // 优先使用后端消息
|
// message: _err?.msg || "银行卡验证失败", // 优先使用后端消息
|
||||||
type: "warning",
|
// type: "warning",
|
||||||
});
|
// });
|
||||||
// this.countdownSeconds = 0; // 不应在此重置倒计时,应在 clearCountdown 中处理
|
// // this.countdownSeconds = 0; // 不应在此重置倒计时,应在 clearCountdown 中处理
|
||||||
this.clearCountdown(); // 验证失败时也应该能重新获取验证码
|
// this.clearCountdown(); // 验证失败时也应该能重新获取验证码
|
||||||
});
|
// });
|
||||||
} else {
|
// } else {
|
||||||
// 非中国大陆用户或不需要验证码,直接尝试绑卡
|
// // 非中国大陆用户或不需要验证码,直接尝试绑卡
|
||||||
// isBankCardVerified 在 performBindBank 开始时会设置为 true
|
// // isBankCardVerified 在 performBindBank 开始时会设置为 true
|
||||||
this.performBindBank();
|
// this.performBindBank();
|
||||||
}
|
// }
|
||||||
|
this.performBindBank();
|
||||||
} else {
|
} else {
|
||||||
console.log("表单验证失败!");
|
console.log("表单验证失败!");
|
||||||
return false;
|
return false;
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
<el-empty description="暂无公告" />
|
<el-empty description="暂无公告" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<InSiteMessage />
|
<!-- <InSiteMessage /> -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -32,11 +32,11 @@
|
||||||
import * as sid from "@/api/sidebaruserinfo.js";
|
import * as sid from "@/api/sidebaruserinfo.js";
|
||||||
import { mapGetters } from "vuex";
|
import { mapGetters } from "vuex";
|
||||||
import "swiper/dist/css/swiper.css";
|
import "swiper/dist/css/swiper.css";
|
||||||
import InSiteMessage from "./in-site-message.vue";
|
// import InSiteMessage from "./in-site-message.vue";
|
||||||
export default {
|
export default {
|
||||||
name: "sidebarUserInfo",
|
name: "sidebarUserInfo",
|
||||||
components: {
|
components: {
|
||||||
InSiteMessage,
|
// InSiteMessage,
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(["userInfo"]),
|
...mapGetters(["userInfo"]),
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue