From cbc0c07421dea612d811825c8d6c61f75667b2f0 Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Tue, 16 Jul 2024 10:20:25 +0800
Subject: [PATCH] 123
---
src/page/bankCard/index.vue | 67 ++++++++++++++++++++++++++++-----
1 files changed, 56 insertions(+), 11 deletions(-)
diff --git a/src/page/bankCard/index.vue b/src/page/bankCard/index.vue
index 8813294..8c50f43 100644
--- a/src/page/bankCard/index.vue
+++ b/src/page/bankCard/index.vue
@@ -1,14 +1,22 @@
<template>
<div class="bank_card_page">
+ <van-nav-bar
+ :placeholder="true"
+ :safe-area-inset-top="true"
+ :title=" addBank ? $t('hj211') : $t('hj212')"
+ left-arrow
+ @click-left="$router.go(-1)"
+ >
+ </van-nav-bar>
<div class="content">
- <div class="top_back">
+ <!-- <div class="top_back">
<div class="left_back_icon" @click="$router.go(-1)">
<img src="../../assets/img/zuojiantou.png" alt />
</div>
- </div>
- <div class="titles">
- <span>{{ addBank ? $t('hj211') : $t('hj212') }}</span>
- </div>
+ </div> -->
+<!-- <div class="titles">
+ <span>{{ }}</span>
+ </div> -->
<div class="bank_name" v-if="addBank==false&&bankName">
<div class="lefts">
<span>{{ $t('hj213') }}</span>
@@ -46,13 +54,13 @@
<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">
@@ -71,6 +79,24 @@
<input type="text" :placeholder="$t('hj308')" v-model="banif" :disabled="!addBank" />
</div>
</div>
+
+ <div class="bank_name" v-if="addBank==true">
+ <div class="lefts">
+ <span>{{$t('银行卡户主名称')}}</span>
+ </div>
+ <div class="rights">
+ <input type="text" :placeholder="$t('请输入银行卡户主名称')" v-model="bankCardholderName" :disabled="!addBank" />
+ </div>
+ </div>
+
+ <div class="bank_name" v-if="addBank==true">
+ <div class="lefts">
+ <span>{{$t('hj16')}}</span>
+ </div>
+ <div class="rights">
+ <input type="text" :placeholder="$t('请输入电子邮箱')" v-model="bankEmail" :disabled="!addBank" />
+ </div>
+ </div>
<!-- <div class="bank_name" v-if="addBank==false">
<div class="lefts">
<span>{{ $t('hj304') }}123</span>
@@ -112,6 +138,8 @@
bankNo: "", // 印象卡号
banif: "",
bankun: "",
+ bankEmail:"",
+ bankCardholderName:"",
array: [],
index:0,
addBank: false,
@@ -166,7 +194,8 @@
bankNo: this.bankNo,
bankAddress: this.banif,
bankImg: this.code,
-
+ bankEmail:this.bankEmail,
+ bankCardholderName:this.bankCardholderName
};
let data = await api.addBankCard(opts);
if (data.status === 0) {
@@ -180,7 +209,7 @@
async getCardDetail() {
// 获取银行卡信息
let data = await api.getBankCard()
- if (data.status === 0) {
+ if (data.status == 0) {
const {
bankAddress,
bankName,
@@ -191,7 +220,8 @@
this.bankName = bankName;
this.bankun = bankImg;
this.bankNo = bankNo;
- this.addBank = false;
+ // this.addBank = false;
+ this.addBank = true;
} else {
this.addBank = true;
}
@@ -288,4 +318,19 @@
font-weight: 600;
}
}
-</style>
\ No newline at end of file
+ /deep/ .van-nav-bar__content {
+ height: 65px;
+ }
+ /deep/ .van-nav-bar__title {
+ font-family: "DINPro";
+ width: 100%;
+ height: 1.17333rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 0.48rem;
+ color: #14181f;
+ }
+</style>
--
Gitblit v1.9.3