jhzh
2024-08-28 4c8a466f75bf9eca29e9b5c9ad15db5757e5035d
src/page/bankCard/index.vue
@@ -1,22 +1,14 @@
<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>
@@ -54,13 +46,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">
@@ -79,24 +71,6 @@
               <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>
@@ -138,8 +112,6 @@
            bankNo: "", // 印象卡号
            banif: "",
            bankun: "",
        bankEmail:"",
        bankCardholderName:"",
            array: [],
            index:0,
            addBank: false,
@@ -194,8 +166,7 @@
                  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) {
@@ -209,7 +180,7 @@
         async getCardDetail() {
            // 获取银行卡信息
            let data = await api.getBankCard()
            if (data.status == 0) {
            if (data.status === 0) {
               const {
                  bankAddress,
                  bankName,
@@ -220,8 +191,7 @@
               this.bankName = bankName;
               this.bankun = bankImg;
               this.bankNo = bankNo;
               // this.addBank = false;
          this.addBank = true;
               this.addBank = false;
            } else {
               this.addBank = true;
            }
@@ -318,19 +288,4 @@
         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>