0430号修改

lxf

2025-04-30 b4c4556a5eddf6708ec55b07e3edc15b2217842e

 src/page/bankCard/index.vue

@@ -19,26 +19,41 @@
         </div> -->
         <div class="bank_name" v-if="addBank==false&&bankName">
            <div class="lefts">
               <span>{{ $t('hj213') }}</span>
          <span>{{ $t("hj213") }}</span>
            </div>
            <div class="rights">
               <input type="text" :placeholder="$t('hj306')" v-model="bankName" :disabled="!addBank" />
          <input
            type="text"
            :placeholder="$t('hj306')"
            v-model="bankName"
            :disabled="!addBank"
          />
            </div>
         </div>
         <div class="bank_name" v-if="addBank==false&&bankNo">
            <div class="lefts">
               <span>{{ $t('hj215') }}</span>
          <span>{{ $t("hj215") }}</span>
            </div>
            <div class="rights">
               <input type="text" :placeholder="$t('hj307')" 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>
          <span>{{ $t("hj303") }}</span>
            </div>
            <div class="rights">
               <input type="text" :placeholder="$t('hj308')" v-model="banif" :disabled="!addBank" />
          <input
            type="text"
            :placeholder="$t('hj308')"
            v-model="banif"
            :disabled="!addBank"
          />
            </div>
         </div>
      <!--    <div class="bank_name" v-if="addBank==false&&bankun">
@@ -50,51 +65,77 @@
            </div>
         </div> -->

         <div class="bank_name" @click.stop="gotodaka" v-if="addBank==true">
      <!-- <div class="bank_name" @click.stop="gotodaka" v-if="addBank==true"> -->
      <div class="bank_name" v-if="addBank == true">
            <div class="lefts">
               <span>{{ $t('hj213') }}</span>
          <span>{{ $t("hj213") }}</span>
            </div>

            <div class="rights" style="justify-content: none;">{{name}}
          <!-- <input type="text" :placeholder="$t('hj306')" v-model="bankName" :disabled="!addBank" /> -->
        <div class="rights" style="justify-content: none;">
          <!-- {{ name }} -->
          <input
            type="text"
            :placeholder="$t('hj306')"
            v-model="name"
            :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>
          <span>{{ $t("hj215") }}</span>
            </div>
            <div class="rights">
               <input type="text" :placeholder="$t('hj307')" 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==true">
            <div class="lefts">
               <span>{{ $t('hj303') }}</span>
          <span>{{ $t("hj303") }}</span>
            </div>
            <div class="rights">
               <input type="text" :placeholder="$t('hj308')" v-model="banif" :disabled="!addBank" />
          <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>
          <span>{{ $t("银行卡户主名称") }}</span>
         </div>
         <div class="rights">
            <input type="text" :placeholder="$t('请输入银行卡户主名称')" v-model="bankCardholderName" :disabled="!addBank" />
          <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>
          <span>{{ $t("hj16") }}</span>
         </div>
         <div class="rights">
            <input type="text" :placeholder="$t('请输入电子邮箱')" v-model="bankEmail" :disabled="!addBank" />
          <input
            type="text"
            :placeholder="$t('请输入电子邮箱')"
            v-model="bankEmail"
            :disabled="!addBank"
          />
         </div>
      </div>
         <!-- <div class="bank_name" v-if="addBank==false">
@@ -106,12 +147,20 @@
            </div>
         </div> -->
         <div class="bank_name bind" @click="toSure" v-if="addBank">
            <span>{{ $t('hj216') }}</span>
        <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-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>
@@ -119,14 +168,8 @@

<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",
@@ -143,38 +186,39 @@
            array: [],
            index:0,
            addBank: false,
            id:'',
            code:'',
            name:'',
      id: "",
      code: "",
      name: ""
         };
      },
      created() {
         this.getCardDetail();
         this.getbanklist()
    this.getbanklist();
      },
      methods: {
         quxiao(){
            this.showPicker = false
      this.showPicker = false;
         },
         gotodaka(){
            this.showPicker = true
      this.showPicker = true;
         },
         onConfirm(item) {
             console.log(item)
            this.id =  item.id
            this.code =  item.code
            this.name =  item.name
             this.showPicker = !this.showPicker
      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()
      let data = await api.getbank();
            if (data.status === 0) {
               console.log(data);
               this.array = data.data
        this.array = data.data;
               console.log(this.array);
            } else {}
      } else {
      }
         },
         async toSure() {
            // 添加银行卡
@@ -208,14 +252,9 @@
         },
         async getCardDetail() {
            // 获取银行卡信息
            let data = await api.getBankCard()
      let data = await api.getBankCard();
            if (data.status == 0) {
               const {
                  bankAddress,
                  bankName,
                  bankNo,
                  bankImg
               } = data.data;
        const { bankAddress, bankName, bankNo, bankImg } = data.data;
               this.banif = bankAddress;
               this.bankName = bankName;
               this.bankun = bankImg;
@@ -225,7 +264,7 @@
            } else {
               this.addBank = true;
            }
         },
    }
      }
   };
</script>
@@ -310,7 +349,7 @@
      display: flex;
      align-items: center;
      justify-content: center;
      background: #1B79F5;
  background: #1b79f5;
      font-size: 0.4103rem;
      color: #fff;