| | |
| | | <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>{{ }}</span> |
| | | </div> --> |
| | | </div> |
| | | <div class="titles"> |
| | | <span>{{ addBank ? $t('hj211') : $t('hj212') }}</span> |
| | | </div> |
| | | <div class="bank_name" v-if="addBank==false&&bankName"> |
| | | <div class="lefts"> |
| | | <span>{{ $t('hj213') }}</span> |
| | |
| | | <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"> |
| | |
| | | <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> |
| | |
| | | bankNo: "", // 印象卡号 |
| | | banif: "", |
| | | bankun: "", |
| | | bankEmail:"", |
| | | bankCardholderName:"", |
| | | array: [], |
| | | index:0, |
| | | addBank: false, |
| | |
| | | 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) { |
| | |
| | | async getCardDetail() { |
| | | // 获取银行卡信息 |
| | | let data = await api.getBankCard() |
| | | if (data.status == 0) { |
| | | if (data.status === 0) { |
| | | const { |
| | | bankAddress, |
| | | bankName, |
| | |
| | | this.bankName = bankName; |
| | | this.bankun = bankImg; |
| | | this.bankNo = bankNo; |
| | | // this.addBank = false; |
| | | this.addBank = true; |
| | | this.addBank = false; |
| | | } else { |
| | | this.addBank = true; |
| | | } |
| | |
| | | font-weight: 600; |
| | | } |
| | | } |
| | | /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> |
| | | </style> |