From 289948f53b5e0b00a656d60c08efbff0eb05fa90 Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Thu, 16 May 2024 15:37:05 +0800
Subject: [PATCH] 提款更改
---
src/page/bankCard/index.vue | 189 ++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 160 insertions(+), 29 deletions(-)
diff --git a/src/page/bankCard/index.vue b/src/page/bankCard/index.vue
index 83273cf..146320c 100644
--- a/src/page/bankCard/index.vue
+++ b/src/page/bankCard/index.vue
@@ -3,77 +3,200 @@
<div class="content">
<div class="top_back">
<div class="left_back_icon" @click="$router.go(-1)">
- <img src="../../assets/img/zuojiantou.png" alt />
+ <img src="../../assets/img/zuojiantou.png" alt/>
</div>
</div>
<div class="titles">
<span>{{ addBank ? $t('hj211') : $t('hj212') }}</span>
</div>
- <div class="bank_name">
+ <!-- <div class="bank_name" v-if="addBank==false&&actualName">-->
+ <!-- <div class="lefts">-->
+ <!-- <span>{{$t('hj195')}}</span>-->
+ <!-- </div>-->
+ <!-- <div class="rights">-->
+ <!-- <input type="text" :placeholder="$t('hj207')" v-model="actualName" :disabled="!addBank" />-->
+ <!-- </div>-->
+ <!-- </div>-->
+ <div class="bank_name" v-if="addBank==false&&bankName">
<div class="lefts">
<span>{{ $t('hj213') }}</span>
</div>
<div class="rights">
- <input type="text" v-model="bankName" :disabled="!addBank" />
+ <input type="text" :placeholder="$t('hj306')" v-model="bankName" :disabled="!addBank"/>
</div>
</div>
- <div class="bank_name">
- <div class="lefts">
- <span>{{ $t('hj214') }}</span>
- </div>
- <div class="rights">
- <input type="text" v-model="bankAddress" :disabled="!addBank" />
- </div>
- </div>
- <div class="bank_name">
+ <div class="bank_name" v-if="addBank==false&&bankNo">
<div class="lefts">
<span>{{ $t('hj215') }}</span>
</div>
<div class="rights">
- <input type="text" v-model="bankNo" :disabled="!addBank" />
+ <input type="text" :placeholder="$t('hj307')" v-model="bankNo" :disabled="!addBank"/>
</div>
</div>
+ <div class="bank_name" v-if="addBank==false&&banif">
+ <div class="lefts">
+ <span>{{ $t('hj303') }}</span>
+ </div>
+ <div class="rights">
+ <input type="text" :placeholder="$t('hj308')" v-model="banif" :disabled="!addBank"/>
+ </div>
+ </div>
+ <!-- <div class="bank_name" v-if="addBank==false&&bankun">
+ <div class="lefts">
+ <span>{{ $t('hj304') }}</span>
+ </div>
+ <div class="rights">
+ <input type="text" :placeholder="$t('hj309')" v-model="bankun" :disabled="!addBank" />
+ </div>
+ </div> -->
+
+<!-- <div class="bank_name" v-if="addBank==true">-->
+<!-- <div class="lefts">-->
+<!-- <span>{{ $t('hj195') }}</span>-->
+<!-- </div>-->
+
+<!-- <div class="rights">-->
+<!-- <input type="text" :placeholder="$t('hj207')" v-model="actualName" :disabled="!addBank"/>-->
+<!-- </div>-->
+<!-- <!– <input type="text" :placeholder="$t('hj306')" v-model="bankName" :disabled="!addBank" /> –>-->
+<!-- <!– <picker @change="bindPickerChange" :value="index" :range="array">-->
+<!-- <view >{{array[index].name}}</view>-->
+<!-- </picker> –>-->
+
+<!-- </div>-->
+ <div class="bank_name" @click.stop="gotodaka" v-if="addBank==true">
+ <div class="lefts">
+ <span>{{ $t('hj213') }}</span>
+ </div>
+
+ <div class="rights" style="justify-content: none;">{{ name }}
+ <!-- <input type="text" :placeholder="$t('hj306')" v-model="bankName" :disabled="!addBank" /> -->
+ <!-- <picker @change="bindPickerChange" :value="index" :range="array">
+ <view >{{array[index].name}}</view>
+ </picker> -->
+
+ </div>
+ </div>
+ <div class="bank_name" v-if="addBank==true">
+ <div class="lefts">
+ <span>{{ $t('hj215') }}</span>
+ </div>
+ <div class="rights">
+ <input type="text" :placeholder="$t('hj307')" v-model="bankNo" :disabled="!addBank"/>
+ </div>
+ </div>
+ <div class="bank_name" v-if="addBank==true">
+ <div class="lefts">
+ <span>{{ $t('hj303') }}</span>
+ </div>
+ <div class="rights">
+ <input type="text" :placeholder="$t('hj308')" v-model="banif" :disabled="!addBank"/>
+ </div>
+ </div>
+ <!-- <div class="bank_name" v-if="addBank==false">
+ <div class="lefts">
+ <span>{{ $t('hj304') }}123</span>
+ </div>
+ <div class="rights">
+ <input type="text" :placeholder="$t('hj309')" v-model="bankun" :disabled="!addBank" />
+ </div>
+ </div> -->
<div class="bank_name bind" @click="toSure" v-if="addBank">
<span>{{ $t('hj216') }}</span>
</div>
<div class="bank_hck"></div>
<div class="bank_code"></div>
+ <van-popup v-model="showPicker" round position="bottom">
+ <van-picker :confirm-button-text="$t('hj161')" :cancel-button-text="$t('hj106')" value-key="name"
+ :columns="array"
+ @cancel="quxiao" @confirm="onConfirm" show-toolbar/>
+ </van-popup>
</div>
</div>
</template>
<script>
import * as api from "@/axios/api";
-import { Toast } from "mint-ui";
-import { isNull, bankNoReg, isName } from '@/utils/utils'
+import {
+ Toast
+} from "mint-ui";
+import {
+ isNull,
+ bankNoReg,
+ isName
+} from '@/utils/utils'
export default {
name: "bankCard",
data() {
return {
+ showPicker: false,
+ actualName: '', //真实姓名
bankName: "", //银行名称,
bankAddress: "", //需要精确到分行或者支行,
bankNo: "", // 印象卡号
- addBank: false
+ banif: "",
+ bankun: "",
+ array: [],
+ index: 0,
+ addBank: false,
+ id: '',
+ code: '',
+ name: '',
};
},
created() {
this.getCardDetail();
+ this.getbanklist()
},
methods: {
+ quxiao() {
+ this.showPicker = false
+ },
+ gotodaka() {
+ this.showPicker = true
+ },
+ onConfirm(item) {
+ console.log(item)
+ this.id = item.id
+ this.code = item.code
+ this.name = item.name
+ this.showPicker = !this.showPicker
+ // this.lever = item.value
+ },
+ async getbanklist() {
+ // 获取银行名称
+ let data = await api.getbank()
+ if (data.status === 0) {
+ console.log(data);
+ this.array = data.data
+ console.log(this.array);
+ } else {
+ }
+ },
async toSure() {
// 添加银行卡
- if (isNull(this.bankNo) || !bankNoReg(this.bankNo)) {
+ if (isNull(this.bankNo)) {
Toast(this.$t("hj217"));
- } else if (isNull(this.bankName) || !isName(this.bankName)) {
+ } else if (isNull(this.name)) {
Toast(this.$t("hj218"));
- } else if (isNull(this.bankAddress) || !isName(this.bankAddress)) {
- Toast(this.$t("hj219"));
- } else {
+ } else if (isNull(this.banif)) {
+ Toast(this.$t("hj218a"));
+ }
+ // else if (isNull(this.actualName)) {
+ // Toast(this.$t("hj207"));
+ // }
+ // else if (isNull(this.bankAddress) ) {
+ // Toast(this.$t("hj219"));
+ // }
+ else {
let opts = {
- bankName: this.bankName,
+ bankName: this.name,
+ // actualName: this.actualName,
bankNo: this.bankNo,
- bankAddress: this.bankAddress
+ bankAddress: this.banif,
+ bankImg: this.code,
+
};
let data = await api.addBankCard(opts);
if (data.status === 0) {
@@ -88,9 +211,17 @@
// 获取银行卡信息
let data = await api.getBankCard()
if (data.status === 0) {
- const { bankAddress, bankName, bankNo } = data.data;
- this.bankAddress = bankAddress;
+ const {
+ bankAddress,
+ bankName,
+ // actualName,
+ bankNo,
+ bankImg
+ } = data.data;
+ this.banif = bankAddress;
this.bankName = bankName;
+ // this.actualName = actualName;
+ this.bankun = bankImg;
this.bankNo = bankNo;
this.addBank = false;
} else {
@@ -116,7 +247,7 @@
width: 100%;
height: 2rem;
- >div {
+ > div {
width: 10%;
height: 100%;
display: flex;
@@ -151,7 +282,7 @@
margin-top: 0.3rem;
.lefts {
- width: 25%;
+ width: 38%;
height: 100%;
display: flex;
align-items: center;
@@ -181,7 +312,7 @@
display: flex;
align-items: center;
justify-content: center;
- background: #2d6ae9;
+ background: #1B79F5;
font-size: 0.4103rem;
color: #fff;
@@ -189,4 +320,4 @@
font-weight: 600;
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3