1

zzzz

2024-04-24 2007ac8b95033bccbc7bc1e048e896757611e8f7

 src/page/user/recharge-sure.vue

@@ -3,76 +3,72 @@
    <van-nav-bar
      :placeholder="true"
      :safe-area-inset-top="true"
      title="提款"
      :title="$t('提款')"
      left-arrow
      @click-left="onClickLeft"
    />
    >
      <template #right>
        <van-icon
          @click="$router.push('/cashlist')"
          name="orders-o"
          size="20"
        />
      </template>
    </van-nav-bar>
    <main>
      <div class="main-title">請選擇提款账户</div>
      <div class="main-title">{{ $t("請選擇提款账户") }}</div>
      <van-cell
        is-link
        :title="rechargeAccountData.name || '請選擇'"
        :title="rechargeAccountData.name || $t('請選擇')"
        @click="rechargeAccountShow = true"
      />
      <van-action-sheet
        v-model="rechargeAccountShow"
        :actions="rechargeAccountActions"
        cancel-text="取消"
        :cancel-text="$t('hj106')"
        close-on-click-action
        @select="rechargeAccountSelect"
      />

      <div class="main-title">支持得提款渠道</div>
      <div class="main-title">{{ $t("支持得提款渠道") }}</div>
      <van-cell
        is-link
        :title="rechargeSelect.name || '請選擇'"
        :title="rechargeSelect.name || $t('請選擇')"
        @click="show = true"
      />
      <van-action-sheet
        v-model="show"
        :actions="actions"
        cancel-text="取消"
        :cancel-text="$t('hj106')"
        close-on-click-action
        @select="select"
      />
      <div v-if="rechargeSelect.key !== undefined">
        <div class="main-title">請選擇銀行卡</div>
        <van-cell is-link :title="bankCard.bankNo || '請選擇'" />
        <!-- @click="show = true" -->
        <!-- <van-action-sheet
          v-model="show"
          :actions="actions"
          cancel-text="取消"
          close-on-click-action
          @select="select"
        /> -->
        <div class="main-title">{{ $t("請選擇銀行卡") }}</div>
        <van-cell is-link :title="bankCard.bankNo || $t('請選擇')" />
      </div>
      <div class="main-title">請選擇充值金額</div>
      <div class="main-title">{{ $t("請選擇充值金額") }}</div>
      <div class="white-input">
        <input type="number" :value="value" @input="inputValue" />
        <span class="myr" @click="value = availableBalanceUSD">最大</span>
        <span class="myr" @click="value = availableBalanceUSD">{{
          $t("最大")
        }}</span>
      </div>
      <div>
        <div class="dz-title" v-if="rechargeAccountData.key !== undefined">
          <div>餘額</div>
          <div class="balance-text">{{ availableBalanceUSD }} USD</div>
          <div>{{ $t("可用餘額") }}</div>
          <div class="balance-text">
            {{ availableBalanceUSD | _toLocaleString }} {{ symbolCode }}
            <!-- {{ symbolCode }} -->
          </div>
        </div>

        <!-- <div class="dz-title">
          <div>實際到帳</div>
          <div class="balance-text">0.0000</div>
        </div> -->
        <!-- <div class="dz-title" v-if="rechargeAccountData.key !== undefined">
          <div>最小提款金額</div>
          <div class="balance-text">0.0000</div>
        </div> -->
      </div>
      <van-button
        class="but"
        type="primary"
        style="margin-top: 1.04rem; margin-bottom: 1.04rem"
        @click="setOutMoney"
        >提款</van-button
        >{{ $t("提款") }}</van-button
      >
    </main>
  </div>
@@ -89,13 +85,13 @@
    return {
      value: 0,

      paymentSelectData: "US",
      paymentSelectData: "IN",

      show: false,

      // 提款聚到
      rechargeSelect: {},
      actions: [{ name: "銀行卡充值", key: "YHK" }],
      actions: [{ name: this.$t("hj215"), key: "YHK" }],
      paymentShow: false,

      rechargeAccountShow: false,
@@ -103,22 +99,24 @@
      rechargeAccountData: {},
      rechargeAccountActions: [
        {
          name: "美股賬戶",
          key: "US",
        },
        {
          name: "印股帳戶",
          name: this.$t("IN"),
          key: "IN",
        },
        {
          name: "馬股賬戶",
          key: "MAS",
        },
        // {
        //   name: this.$t("MAS"),
        //   key: "MAS",
        // },
        // {
        //   name: this.$t("HK"),
        //   key: "HK",
        // },
      ],

      bankCard: {},
      availableBalanceUSD: "0.0000",
      getMoneyList: [],
      assetsType: "",
      symbolCode: "",
    };
  },
  mounted() {
@@ -127,15 +125,14 @@
  },
  methods: {
    async setOutMoney() {
      console.log(this.assetsType);
      const res = await outMoney({
        amt: this.value,
        assetsType: this.accectType,
      });
      if (res.status === 0) {
        Notify({ type: "success", message: "提款成功,等待审核" });
        Notify({ type: "success", message: this.$t("hj182") });
        setTimeout(() => {
          this.onClickLeft();
          this.$router.push("/cashlist");
        }, 500);
      } else {
        Notify(res.msg);
@@ -157,8 +154,8 @@
        this.getMoneyList = res.data;
        res.data.map((item) => {
          if (item.accectType === this.rechargeAccountData.key) {
            console.log(item.accectType, "assetsType1");
            this.availableBalanceUSD = item.availableBalanceUSD;
            this.availableBalanceUSD = item.availableBalance;
            this.symbolCode = item.symbolCode;
            this.accectType = item.accectType;
          }
        });
@@ -191,8 +188,8 @@
      this.rechargeAccountData = e;
      (this.getMoneyList || []).map((item) => {
        if (item.accectType === this.rechargeAccountData.key) {
          console.log(item.accectType, "accectType2", item);
          this.availableBalanceUSD = item.availableBalanceUSD;
          this.availableBalanceUSD = item.availableBalance;
          this.symbolCode = item.symbolCode;
          this.accectType = item.accectType;
        }
      });
@@ -345,4 +342,4 @@
    color: #4f5257;
  }
}
</style>
</style>