1

PC-20250623MANY\Administrator

2025-08-09 7043590a8a1d24a4c86472051c103a8e4dc2ddb4

 src/page/user/recharge-sure.vue

@@ -45,20 +45,34 @@
      />
      <div v-if="rechargeSelect.key !== undefined">
        <div class="main-title">{{ $t("請選擇銀行卡") }}</div>
        <van-cell is-link :title="bankCard.bankNo || $t('請選擇')" />
        <!-- <van-cell is-link :title="bankCard.bankName || $t('請選擇')" /> -->
        <van-cell
          is-link
          :title="yhkrechargeSelect.bankName || $t('請選擇')"
          @click="yhkshow = true"
        />
        <van-action-sheet
          v-model="yhkshow"
          :actions="yhkactions"
          :cancel-text="$t('hj106')"
          close-on-click-action
          @select="yhkselect"
        />
      </div>
      <div class="main-title">{{ $t("請選擇充值金額") }}</div>
      <div class="main-title">{{ $t("请选择提现金额") }}</div>
      <div class="white-input">
        <input type="number" :value="value" @input="inputValue" />
        <span class="myr" @click="value = availableBalanceUSD">{{
          $t("最大")
        }}</span>
        <span
          class="myr"
          @click="value = Math.floor(availableBalanceUSD * 100) / 100"
          >{{ $t("最大") }}</span
        >
      </div>
      <div>
        <div class="dz-title" v-if="rechargeAccountData.key !== undefined">
          <div>{{ $t("可用餘額") }}</div>
          <div class="balance-text">
            {{ availableBalanceUSD | _toString }} {{ symbolCode }}
            {{ availableBalanceUSD | _toLocaleString }} {{ symbolCode }}
            <!-- {{ symbolCode }} -->
          </div>
        </div>
@@ -68,6 +82,7 @@
        type="primary"
        style="margin-top: 1.04rem; margin-bottom: 1.04rem"
        @click="setOutMoney"
        :disabled="isclick"
        >{{ $t("提款") }}</van-button
      >
    </main>
@@ -77,6 +92,7 @@
<script>
import { ActionSheet, Notify } from "vant";
import ClipboardJS from "clipboard";
import _ from "lodash";
import { getBankCard, getMoney, outMoney } from "../../axios/api";

export default {
@@ -86,22 +102,28 @@
      value: 0,

      paymentSelectData: "IN",

      isclick: false,
      show: false,

      yhkshow: false,
      // 提款聚到
      rechargeSelect: {},
      yhkrechargeSelect: {},
      actions: [{ name: this.$t("hj215"), key: "YHK" }],
      yhkactions: [],
      paymentShow: false,

      rechargeAccountShow: false,
      //  请选择提款账户
      rechargeAccountData: {},
      rechargeAccountActions: [
        // {
        //   name: this.$t("IN"),
        //   key: "IN",
        // },
        {
          name: this.$t("IN"),
          key: "IN",
        },
          name: "MEX",
          key: "MEX"
        }
        // {
        //   name: this.$t("MAS"),
        //   key: "MAS",
@@ -112,11 +134,12 @@
        // },
      ],

      bankCard: {},
      bankCard: [],
      availableBalanceUSD: "0.0000",
      getMoneyList: [],
      assetsType: "",
      symbolCode: "",
      yhkid: ""
    };
  },
  mounted() {
@@ -125,15 +148,19 @@
  },
  methods: {
    async setOutMoney() {
      if (this.isclick) return;
      console.log("11111");
      const res = await outMoney({
        amt: this.value,
        assetsType: this.accectType,
        bankId: this.yhkid
      });
      this.isclick = false;
      if (res.status === 0) {
        Notify({ type: "success", message: this.$t("hj182") });
        setTimeout(() => {
          this.$router.push("/cashlist");
        }, 500);
        // setTimeout(() => {
        this.$router.push("/cashlist");
        // }, 500);
      } else {
        Notify(res.msg);
      }
@@ -146,13 +173,17 @@
      const res = await getBankCard();
      if (res.status === 0) {
        this.bankCard = res.data;
        this.yhkactions = res.data;
        for (var i = 0; i < this.yhkactions.length; i++) {
          this.yhkactions[i].name = this.yhkactions[i].bankName;
        }
      }
    },
    async getMoneys() {
      const res = await getMoney();
      if (res.status === 0) {
        this.getMoneyList = res.data;
        res.data.map((item) => {
        res.data.map(item => {
          if (item.accectType === this.rechargeAccountData.key) {
            this.availableBalanceUSD = item.availableBalance;
            this.symbolCode = item.symbolCode;
@@ -167,7 +198,7 @@
    },
    copyText(e, data) {
      var clipboard = new ClipboardJS(".copy-button", {
        text: () => data,
        text: () => data
      });

      clipboard.on("success", () => {
@@ -178,7 +209,12 @@
      clipboard.onClick(e);
    },
    onClickLeft() {
      this.$router.push("/user");
      this.$router.push("/account");
    },
    yhkselect(e) {
      this.yhkrechargeSelect = e;
      this.yhkid = e.id;
      console.log(e);
    },
    select(e) {
      this.rechargeSelect = e;
@@ -186,7 +222,7 @@
    },
    rechargeAccountSelect(e) {
      this.rechargeAccountData = e;
      (this.getMoneyList || []).map((item) => {
      (this.getMoneyList || []).map(item => {
        if (item.accectType === this.rechargeAccountData.key) {
          this.availableBalanceUSD = item.availableBalance;
          this.symbolCode = item.symbolCode;
@@ -197,16 +233,18 @@
    paymentSelect(e) {
      this.paymentSelectData = e.name;
      console.log(e);
    },
  },
    }
  }
};
</script>

<style lang="less" scoped>
@green: #c4d600;
.but {
  width: 100%;
  color: #ffffff;
  background-color: #1989fa;
  background-color: @green;
  border: none;
  border-radius: 8px;
  height: 66px;
  font-size: 22px;
@@ -322,7 +360,7 @@
  cursor: pointer;
}
.myr {
  color: rgb(5, 106, 239);
  color: @green;
  cursor: pointer;
}
.dz-title {