1

李凌

2025-09-22 517b4a398d9ca06788366f2c4b94d5d8831af5fc

 src/views/cryptos/Withdraw/withdrawPage.vue

@@ -60,9 +60,16 @@
               <span class="font-32 ml-5 text-grey">{{ value }}</span>
            </div>
            <p class="text-grey mt-22 font-28">{{ $t('提现费用') }}：{{ fee || '0.00' }} {{ value }}</p>
            <p class="text-white mt-46 textColor font-28">{{ $t('提币说明') }}：
            <p class="text-grey mt-10 textColor font-28">{{ $t('提币说明') }}：
            </p>
            <div class="text-grey mt-10 font-28" v-html="tip"></div>
            <div class="text-grey mt-20 font-28" v-html="tip"></div>

            <p class="font-35 mt-2 textColor">{{ $t('fundsPassword') }}</p>
            <div class="inputBackground flex items-center justify-between h-96 rounded mt-22">
               <input :placeholder="$t('fundsPasswordContTips')" maxlength="6"
                  class="h-full flex-1 border-none bg-none px-16 font-22 textColor" v-model="safeword" />
            </div>

            <van-button
               class="w-768 h-100 rounded flex justify-center items-center mt-56  text-white btnMain border-none"
               @click="showDetail">
@@ -124,344 +131,352 @@
</template>

<script>
   import {
      Popup,
      ActionSheet,
      showToast
   } from "vant"
   import Axios from "@/service/recharge.js"
   import {
      _withdrawFee,
      _withdrawApply
   } from "@/service/withdraw.api.js"
   import assetsHead from "@/components/Transform/assets-head/index.vue";
   import BarScan from '@/components/Transform/scan/scan.vue';
   import {
      _getAllWallet
   } from "@/service/fund.api";
   export default {
      name: "withdrawPage",
      components: {
         assetsHead,
         [Popup.name]: Popup,
         [ActionSheet.name]: ActionSheet,
         BarScan
import {
   Popup,
   ActionSheet,
   showToast
} from "vant"
import Axios from "@/service/recharge.js"
import {
   _withdrawFee,
   _withdrawApply
} from "@/service/withdraw.api.js"
import assetsHead from "@/components/Transform/assets-head/index.vue";
import BarScan from '@/components/Transform/scan/scan.vue';
import {
   _getAllWallet
} from "@/service/fund.api";
import { throttle } from "@/utils/index.js";
export default {
   name: "withdrawPage",
   components: {
      assetsHead,
      [Popup.name]: Popup,
      [ActionSheet.name]: ActionSheet,
      BarScan
   },
   data() {
      return {
         tip: '',
         value: 'USDT', //选中的币种
         show: false,
         showSymbol: false,
         actions: [{
            name: 'USDT'
         }, {
            name: 'BTC'
         }, {
            name: 'ETH'
         }, {
            name: 'USDC'
         }],
         blockList: [],
         blockchainIndex: "",
         usdtBalance: "", //余额
         amount: "", //提现金额
         fee: "", //手续费
         volume_last: "", //到账金额
         blockName: "", //当前链名称
         address: "", // 二维码扫描结果
         scancode: false, //控制是否使用扫一扫功能
         withdraw_fee_type: '',
         percent: 0,
         numLenth: 3,
         safeword: '' //资金密码
      }
   },
   created() {
      this.getBlock(this.value);
      this.getAvailable(this.actions[0].name);


      Axios.getRechargeTips({
         language: this.$i18n.locale,
         token: this.$store.state.user.userInfo.token,
         content_code: '003',
      }).then(res => {
         this.tip = res.content
      }).catch(err => {
         if (err.code === 'ECONNABORTED') {
            showToast(this.$t('网络超时！'));
         } else if (err.msg !== undefined) {
            showToast(this.$t(err.msg));
         }
      })
      _withdrawFee({
         amount: 1,
         channel: this.value + '_' + this.blockName
      }).then((res) => {
         this.withdraw_fee_type = res.withdraw_fee_type
         if (this.withdraw_fee_type == 'rate') {
            this.percent = res.fee
         } else {
            this.fee = res.fee;
         }
      });
   },
   methods: {
      getwei(value, numLenth) {
         console.log(numLenth)
         let str = value.toString();
         let strIndex = str.indexOf('.');
         if (strIndex === -1) return str;
         str = str.substring(0, strIndex + numLenth);
         console.log(str, numLenth)
         return str;
      },
      data() {
         return {
            tip: '',
            value: 'USDT', //选中的币种
            show: false,
            showSymbol: false,
            actions: [{
               name: 'USDT'
            }, {
               name: 'BTC'
            }, {
               name: 'ETH'
            }, {
               name: 'USDC'
            }],
            blockList: [],
            blockchainIndex: "",
            usdtBalance: "", //余额
            amount: "", //提现金额
            fee: "", //手续费
            volume_last: "", //到账金额
            blockName: "", //当前链名称
            address: "", // 二维码扫描结果
            scancode: false, //控制是否使用扫一扫功能
            withdraw_fee_type: '',
            percent: 0,
            numLenth: 3
      // 打开相机
      clickCode() {
         this.scancode = true;
      },
      //返回扫描结果并关闭摄像头
      getResult(result) {
         this.address = result;
         if (result !== "") {
            this.scancode = false;
         }
      },
      created() {
         this.getBlock(this.value);
         this.getAvailable(this.actions[0].name);


         Axios.getRechargeTips({
            language: this.$i18n.locale,
            token: this.$store.state.user.userInfo.token,
            content_code: '003',
         }).then(res => {
            this.tip = res.content
         }).catch(err => {
            if (err.code === 'ECONNABORTED') {
               showToast(this.$t('网络超时！'));
            } else if (err.msg !== undefined) {
               showToast(this.$t(err.msg));
            }
         })
         _withdrawFee({
            amount: 1,
            channel: this.value + '_' + this.blockName
         }).then((res) => {
            this.withdraw_fee_type = res.withdraw_fee_type
            if (this.withdraw_fee_type == 'rate') {
               this.percent = res.fee
            } else {
               this.fee = res.fee;
      showDetail() {
         if (this.address.length > 63 || this.address.length == 0) {
            showToast(this.$t('提现地址格式错误'))
            return
         }
         if (!this.amount) {
            showToast(this.$t('请输入正确数量'))
            return
         }
         if (this.amount / 1 > this.usdtBalance / 1) {
            showToast(this.$t('金额不足'))
            return
         }
         this.show = true;
      },
      goRouter(params) {
         this.$router.push({
            path: params,
            query: {
               type: '2',
               back: "1"
            }
         });
      },
      methods: {
         getwei(value, numLenth) {
            console.log(numLenth)
            let str = value.toString();
            let strIndex = str.indexOf('.');
            if (strIndex === -1) return str;
            str = str.substring(0, strIndex + numLenth);
            console.log(str, numLenth)
            return str;
         },
         // 打开相机
         clickCode() {
            this.scancode = true;
         },
         //返回扫描结果并关闭摄像头
         getResult(result) {
            this.address = result;
            if (result !== "") {
               this.scancode = false;
            }
         },
         showDetail() {
            if (this.address.length > 63 || this.address.length == 0) {
               showToast(this.$t('提现地址格式错误'))
               return
            }
            if (!this.amount) {
               showToast(this.$t('请输入正确数量'))
               return
            }
            if (this.amount / 1 > this.usdtBalance / 1) {
               showToast(this.$t('金额不足'))
               return
            }
            this.show = true;
         },
         goRouter(params) {
            this.$router.push({
               path: params,
               query: {
                  type: '2',
                  back: "1"
               }
            });
         },
         // onConfirm() {
         //     this.$router.push('/withdraw/withdrawSumbit')
         // },
         //选中币种
         onSelect(item) {
            this.amount = ''
            this.volume_last = ''
            this.fee = ''
            this.showSymbol = false;
            this.value = item.name;
            this.withdraw_fee_type = ''
            this.getBlock(item.name);
            this.getAvailable(item.name)
            if (item.name == 'BTC' || item.name == 'ETH') {
               this.numLenth = 7
               _withdrawFee({
                  amount: 1,
                  channel: this.value + '_' + this.blockName
               }).then((res) => {
                  this.withdraw_fee_type = res.withdraw_fee_type
                  if (this.withdraw_fee_type == 'fixed') {
                     this.fee = res.fee;
                  } else {
                     this.percent = res.fee
                  }
               });
            } else {
               this.numLenth = 3
            }
         },
         //根据币种获取链地址
         getBlock(symbol) {
            Axios.getBlock({
               coin: symbol
      // onConfirm() {
      //     this.$router.push('/withdraw/withdrawSumbit')
      // },
      //选中币种
      onSelect(item) {
         this.amount = ''
         this.volume_last = ''
         this.fee = ''
         this.showSymbol = false;
         this.value = item.name;
         this.withdraw_fee_type = ''
         this.getBlock(item.name);
         this.getAvailable(item.name)
         if (item.name == 'BTC' || item.name == 'ETH') {
            this.numLenth = 7
            _withdrawFee({
               amount: 1,
               channel: this.value + '_' + this.blockName
            }).then((res) => {
               this.blockList = res;
               this.blockName = res[0].blockchain_name;
            });
         },
         //选中链名称
         changeBlockchain(item, index) {
            this.blockchainIndex = index;
            this.blockName = item.blockchain_name;
         },
         //获取钱包余额
         getAvailable(symbol) {
            _getAllWallet().then((res) => {
               let walletList = res.extends;
               let initObj = walletList.find(item => {
                  return item.symbol_data.toLowerCase() == symbol.toLowerCase()
               })
               this.usdtBalance = initObj.volume
            });
         },
         //点全部
         allBtn() {
            this.amount = this.getwei(this.usdtBalance, this.numLenth);
            this.changeInput()
         },
         //输入改变
         changeInput() {
            if (this.amount === '') {
               this.volume_last = '0.00'
               return
            }
            if (this.amount.length > 11) {
               this.amount = this.amount.slice(0, 11)
            }

            if (this.withdraw_fee_type == 'part') {
               _withdrawFee({
                  amount: this.amount,
                  channel: this.value + '_' + this.blockName
               }).then((res) => {
                  console.log(res)
               this.withdraw_fee_type = res.withdraw_fee_type
               if (this.withdraw_fee_type == 'fixed') {
                  this.fee = res.fee;
                  this.volume_last = res.volume_last;
               });
            } else if (this.withdraw_fee_type == 'rate') {
               if (this.amount == '') {
                  this.volume_last = 0
               } else {
                  this.fee = this.getwei(this.percent * this.amount, this.numLenth)
                  this.volume_last = this.getwei(this.amount * 1 - this.percent * this.amount, this.numLenth)
                  this.percent = res.fee
               }
            } else {
               if (this.amount * 1 < this.fee * 1) {
                  console.log('a')
                  this.volume_last = 0
               } else {
                  this.volume_last = this.getwei(this.amount * 1 - this.fee * 1, this.numLenth)
               }
            }

         },
         //提币提交
         onConfirm() {
            if (!this.amount) {
               showToast(this.$t('请输入数量'));
               return;
            }

            let numReg = /^[0-9]+([.]{1}[0-9]+){0,1}$/;
            if (!numReg.test(this.amount)) {
               showToast(this.$t('请输入数字'));
               return;
            }

            if (!this.address) {
               showToast(this.$t('请输入提现地址'));
               return;
            }

            if (this.amount && this.address) {
               // this.$router.push({
               //   path: '/cryptos/withdraw/securityVerification',
               //   query: {
               //     amount: this.amount,
               //     from: this.address,
               //     channel: this.value + '_' + this.blockName
               //   }
               // })
               //       _withdrawApply({
               //         session_token:this.sessionToken,
               //         amount:this.amount,
               //         from:this.address,
               //         channel:this.value+'_'+ this.blockName
               //     }).then((res)=> {
               //         if(res.code==0) {
               //             this.$router.push({
               //                 path:"/withdraw/withdrawSumbit"
               //             });
               //         }else{
               // showToast(this.$t(res.msg));
               //         }
               //     });
               _withdrawApply({
                       session_token:this.sessionToken,
                       amount:this.amount,
                       from:this.address,
                       channel:this.value+'_'+ this.blockName
               }).then((res) => {

                  this.$router.push({
                     path: "/cryptos/withdraw/withdrawSumbit"
                  });

               }).catch(err => {
                  //console.log(err)
                  if (err.code == 105) {
                     showToast(this.$t('当前还需交易%s,才可提币', {
                        'MONEY': err.msg
                     }));
                  } else if (err.code === 'ECONNABORTED') {
                     showToast(this.$t('网络超时！'))
                  } else if (err.msg !== undefined) {
                     showToast(this.$t(err.msg))
                  }
                  // this.getToken()
               })
            } else {
               showToast(this.$t('请输入提币数量'));
            }
         },
         async pastCont() {
            this.address = await navigator.clipboard.readText();
            });
         } else {
            this.numLenth = 3
         }
      },
      //根据币种获取链地址
      getBlock(symbol) {
         Axios.getBlock({
            coin: symbol
         }).then((res) => {
            this.blockList = res;
            this.blockName = res[0].blockchain_name;
         });
      },
      //选中链名称
      changeBlockchain(item, index) {
         this.blockchainIndex = index;
         this.blockName = item.blockchain_name;
      },
      //获取钱包余额
      getAvailable(symbol) {
         _getAllWallet().then((res) => {
            let walletList = res.extends;
            let initObj = walletList.find(item => {
               return item.symbol_data.toLowerCase() == symbol.toLowerCase()
            })
            this.usdtBalance = initObj.volume
         });
      },
      //点全部
      allBtn() {
         this.amount = this.getwei(this.usdtBalance, this.numLenth);
         this.changeInput()
      },
      //输入改变
      changeInput() {
         if (this.amount === '') {
            this.volume_last = '0.00'
            return
         }
         if (this.amount.length > 11) {
            this.amount = this.amount.slice(0, 11)
         }

         if (this.withdraw_fee_type == 'part') {
            _withdrawFee({
               amount: this.amount,
               channel: this.value + '_' + this.blockName
            }).then((res) => {
               console.log(res)
               this.fee = res.fee;
               this.volume_last = res.volume_last;
            });
         } else if (this.withdraw_fee_type == 'rate') {
            if (this.amount == '') {
               this.volume_last = 0
            } else {
               this.fee = this.getwei(this.percent * this.amount, this.numLenth)
               this.volume_last = this.getwei(this.amount * 1 - this.percent * this.amount, this.numLenth)
            }
         } else {
            if (this.amount * 1 < this.fee * 1) {
               console.log('a')
               this.volume_last = 0
            } else {
               this.volume_last = this.getwei(this.amount * 1 - this.fee * 1, this.numLenth)
            }
         }

      },
      //提币提交
      onConfirm: throttle(function () {
         if (!this.amount) {
            showToast(this.$t('请输入数量'));
            return;
         }

         let numReg = /^[0-9]+([.]{1}[0-9]+){0,1}$/;
         if (!numReg.test(this.amount)) {
            showToast(this.$t('请输入数字'));
            return;
         }

         if (!this.address) {
            showToast(this.$t('请输入提现地址'));
            return;
         }

         if (!this.safeword) {
            showToast(this.$t('fundsPasswordContTips'));
            return;
         }

         if (this.amount && this.address) {
            // this.$router.push({
            //   path: '/cryptos/withdraw/securityVerification',
            //   query: {
            //     amount: this.amount,
            //     from: this.address,
            //     channel: this.value + '_' + this.blockName
            //   }
            // })
            //       _withdrawApply({
            //         session_token:this.sessionToken,
            //         amount:this.amount,
            //         from:this.address,
            //         channel:this.value+'_'+ this.blockName
            //     }).then((res)=> {
            //         if(res.code==0) {
            //             this.$router.push({
            //                 path:"/withdraw/withdrawSumbit"
            //             });
            //         }else{
            // showToast(this.$t(res.msg));
            //         }
            //     });
            _withdrawApply({
               session_token: this.sessionToken,
               amount: this.amount,
               safeword: this.safeword,
               from: this.address,
               channel: this.value + '_' + this.blockName
            }).then((res) => {

               this.$router.push({
                  path: "/cryptos/withdraw/withdrawSumbit"
               });

            }).catch(err => {
               //console.log(err)
               if (err.code == 105) {
                  showToast(this.$t('当前还需交易%s,才可提币', {
                     'MONEY': err.msg
                  }));
               } else if (err.code === 'ECONNABORTED') {
                  showToast(this.$t('网络超时！'))
               } else if (err.msg !== undefined) {
                  showToast(this.$t(err.msg))
               }
               // this.getToken()
            })
         } else {
            showToast(this.$t('请输入提币数量'));
         }
      }, 1000),
      async pastCont() {
         this.address = await navigator.clipboard.readText();
      }
   }
}
</script>
<style lang="scss" scoped>
   @import "@/assets/init.scss";
@import "@/assets/init.scss";

   #cryptos {
      .withdrawl-page {
         width: 100%;
         box-sizing: border-box;
         font-size: 26px;
      }
#cryptos {
   .withdrawl-page {
      width: 100%;
      box-sizing: border-box;
      font-size: 26px;
   }

      .van-popup.van-popup--bottom {
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
      }
   .van-popup.van-popup--bottom {
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
   }

      .pop-box {
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
      }
   .pop-box {
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
   }

      .color-blue {
         color: $btn_main;
      }
   .color-blue {
      color: $btn_main;
   }

      .bg-grey-light {
         background: $light-grey;
      }
   .bg-grey-light {
      background: $light-grey;
   }

      li {
         &.active {
            border-color: $color_main;
            color: $color_main;
         }
      }

      .van-button--default {
         color: $text_color;
      }

      .btnMain {
         background: $btn_main;
   li {
      &.active {
         border-color: $color_main;
         color: $color_main;
      }
   }

   .van-button--default {
      color: $text_color;
   }

   .btnMain {
      background: $btn_main;
   }
}
</style>