|
|
@@ -4,168 +4,242 @@
|
|
|
<view class="topO">
|
|
|
{{$t('userinfo.u6')}}
|
|
|
</view>
|
|
|
- <view class="topT">
|
|
|
+ <view class="topT flex-start padding-b-30">
|
|
|
<view class="TT">USDT-TRC20</view>
|
|
|
</view>
|
|
|
- <view class="topS">
|
|
|
+ <view class="topO">
|
|
|
{{$t('userinfo.u7')}}
|
|
|
</view>
|
|
|
- <view class="topF">
|
|
|
- <input class="FF" type="text" v-model="withdrawal" placeholder="请输入提现地址" placeholder-class="placeholder" />
|
|
|
+ <view class="topF margin-b-30">
|
|
|
+ <input class="FF" type="text" placeholder="请输入提币地址" v-model="address"
|
|
|
+ placeholder-class="placeholder-input" />
|
|
|
+ </view>
|
|
|
+ <view class="topO ">
|
|
|
+ {{$t('userinfo.u8')}} <text class="font-color-gray font-size-sm">(余额：{{userWallet}})</text>
|
|
|
</view>
|
|
|
- <view class="topS">
|
|
|
- {{$t('userinfo.u8')}}
|
|
|
+ <view class="topF flex margin-b-30">
|
|
|
+ <input class="FF" type="number" v-model="withdrawal" placeholder="请输入提现数量"
|
|
|
+ placeholder-class="placeholder-input" />
|
|
|
+ <view class="btn" @click="withdrawal=userWallet">USDT 全部</view>
|
|
|
</view>
|
|
|
- <view class="topF">
|
|
|
- <input class="FF" type="text" v-model="withdrawal" placeholder="请输入提现数量" placeholder-class="placeholder" />
|
|
|
- <view class="btn">全部</view>
|
|
|
+ <view class="topO ">
|
|
|
+ 手续费
|
|
|
+ </view>
|
|
|
+ <view class="topF flex">
|
|
|
+ <text v-if="type==1">{{charge}}</text>
|
|
|
+ <text v-else>{{num}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="center">
|
|
|
+ <view class="center margin-t-30">
|
|
|
<view class="tx">{{$t('userinfo.u9')}}</view>
|
|
|
- <view class="buzhou">
|
|
|
+ <view class="buzhou margin-t-20">
|
|
|
<view class="">1.{{$t('userinfo.u10')}} </view>
|
|
|
<view class="">① {{$t('userinfo.u11')}}</view>
|
|
|
- <view class="">② {{$t('userinfo.u12')}} </view>
|
|
|
- <view class="">2.{{$t('userinfo.u13')}}</view>
|
|
|
- <view class="">3.{{$t('userinfo.u14')}}</view>
|
|
|
- <view class="">4.{{$t('userinfo.u15')}}</view>
|
|
|
+ <view class="">② {{$t('userinfo.u12')}} </view>
|
|
|
+ <view class="">2.{{$t('userinfo.u13')}}</view>
|
|
|
+ <view class="">3.{{$t('userinfo.u14')}}</view>
|
|
|
+ <view class="">4.{{$t('userinfo.u15')}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="last">
|
|
|
- <view class="la">{{$t('userinfo.u16')}}</view>
|
|
|
+ <view class="last margin-t-30" @click="openPayPassword">
|
|
|
+ <view class="la" :class="{action:loding}">{{$t('userinfo.u16')}}</view>
|
|
|
</view>
|
|
|
+ <uni-popup type="bottom" ref="popup">
|
|
|
+ <inputPassword @commit='KeyInfo'></inputPassword>
|
|
|
+ </uni-popup>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import {
|
|
|
+ gameWallet
|
|
|
+ } from "@/api/game.js";
|
|
|
+ import {
|
|
|
+ extractCash
|
|
|
+ } from "@/api/wallet.js";
|
|
|
+ import inputPassword from "@/components/input-password/input-password.vue";
|
|
|
export default {
|
|
|
+ components: {
|
|
|
+ inputPassword
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
- withdrawal: '', //提现地址
|
|
|
+ address: '', //提现地址
|
|
|
+ withdrawal: '', //提现金额
|
|
|
+ userWallet: '',
|
|
|
+ loding: false,
|
|
|
+ password: '',
|
|
|
+ // 手续费信息
|
|
|
+ type: 0,
|
|
|
+ num: 0
|
|
|
};
|
|
|
},
|
|
|
+ computed: {
|
|
|
+ charge() {
|
|
|
+ return Number( (this.withdrawal*this.num/100).toFixed(8))
|
|
|
+ }
|
|
|
+ },
|
|
|
onLoad() {
|
|
|
uni.setNavigationBarTitle({
|
|
|
title: this.$t("tab.a8"),
|
|
|
});
|
|
|
+ this.gameWallet();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 支付弹窗
|
|
|
+ openPayPassword() {
|
|
|
+ if (this.userWallet < this.withdrawal) {
|
|
|
+ uni.showToast({
|
|
|
+ title: '余额不足！',
|
|
|
+ icon: 'error'
|
|
|
+ });
|
|
|
+ return
|
|
|
+ };
|
|
|
+ this.$refs.popup.open();
|
|
|
+ },
|
|
|
+ // 关闭支付弹窗
|
|
|
+ colsePayPassword() {
|
|
|
+ this.$refs.popup.close();
|
|
|
+ },
|
|
|
+ // 密码输入完成
|
|
|
+ KeyInfo(val) {
|
|
|
+ this.password = val;
|
|
|
+ this.colsePayPassword();
|
|
|
+ this.submit();
|
|
|
+ },
|
|
|
+ // 获取用户信息
|
|
|
+ gameWallet() {
|
|
|
+ const that = this;
|
|
|
+ gameWallet().then((res) => {
|
|
|
+ that.userWallet = +res.data.back.USDT.money.money;
|
|
|
+ that.type = +res.data.back.USDT.cash_commission_count_type;
|
|
|
+ that.num = +res.data.back.USDT.cash_commission_ratio;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 提交
|
|
|
+ submit() {
|
|
|
+ const that = this;
|
|
|
+ uni.showLoading({
|
|
|
+ title: '提交中。。。',
|
|
|
+ mask: true
|
|
|
+ });
|
|
|
+ that.loding = true;
|
|
|
+ extractCash({
|
|
|
+ money: that.withdrawal,
|
|
|
+ money_type: "USDT",
|
|
|
+ address: that.address,
|
|
|
+ trade_password: that.password,
|
|
|
+ }).then((res) => {
|
|
|
+ that.loding = false;
|
|
|
+ uni.hideLoading()
|
|
|
+ uni.showToast({
|
|
|
+ title: '申请提币成功!'
|
|
|
+ });
|
|
|
+ this.address = '';
|
|
|
+ this.withdrawal = ''; //提现金额
|
|
|
+ this.password = '';
|
|
|
+ }).catch((res) => {
|
|
|
+ uni.showToast({
|
|
|
+ title: '申请提币失败!，请联系客服',
|
|
|
+ icon: 'error'
|
|
|
+ });
|
|
|
+ that.loding = false;
|
|
|
+ uni.hideLoading()
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss">
|
|
|
-.all {
|
|
|
- width: 750rpx;
|
|
|
- height: 1334rpx;
|
|
|
-}
|
|
|
-.top {
|
|
|
- width: 690rpx;
|
|
|
- height: 560rpx;
|
|
|
- background: #191A1F;
|
|
|
- border-radius: 20rpx;
|
|
|
- margin-left: 30rpx;
|
|
|
-}
|
|
|
-.topO {
|
|
|
- height: 31rpx;
|
|
|
- font-size: 32rpx;
|
|
|
- color: #FFFFFF;
|
|
|
- margin-left: 21rpx;
|
|
|
- padding-top: 37rpx;
|
|
|
-}
|
|
|
-.topT {
|
|
|
- width: 222rpx;
|
|
|
- height: 68rpx;
|
|
|
- border: 2px solid #DDBA82;
|
|
|
- border-radius: 10rpx;
|
|
|
- margin-left: 20rpx;
|
|
|
- margin-top: 60rpx;
|
|
|
-}
|
|
|
-.TT {
|
|
|
- width: 168rpx;
|
|
|
- height: 20rpx;
|
|
|
- font-size: 26rpx;
|
|
|
- color: #FEB041;
|
|
|
- margin-left: 23rpx;
|
|
|
- margin-top: 20rpx;
|
|
|
-}
|
|
|
-.topS {
|
|
|
- margin-top: 29rpx;
|
|
|
- margin-left: 20rpx;
|
|
|
- height: 31rpx;
|
|
|
- font-size: 32rpx;
|
|
|
- color: #FFFFFF;
|
|
|
-}
|
|
|
-.topF {
|
|
|
- width: 648rpx;
|
|
|
- height: 73rpx;
|
|
|
- background-color: #FEB041;
|
|
|
- opacity: 0.09;
|
|
|
- border-radius: 20rpx;
|
|
|
- margin-left: 20rpx;
|
|
|
- margin-top: 39rpx;
|
|
|
- .FF {
|
|
|
- height: 25rpx;
|
|
|
- font-size: 32rpx;
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .all {
|
|
|
color: #FFFFFF;
|
|
|
- padding: 35rpx;
|
|
|
+ padding: 0 30rpx;
|
|
|
+ line-height: 1;
|
|
|
+ padding-bottom: 150rpx;
|
|
|
}
|
|
|
- .btn {
|
|
|
- font-size: 30rpx;
|
|
|
- color: #FFFFFF;
|
|
|
+
|
|
|
+ .placeholder-input {
|
|
|
+ color: $font-color-light;
|
|
|
+ }
|
|
|
+
|
|
|
+ .top {
|
|
|
+ background: #191A1F;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ padding: 40rpx 30rpx;
|
|
|
+
|
|
|
+ .topO {
|
|
|
+ font-size: $font-lg;
|
|
|
+ padding-bottom: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topT {
|
|
|
+ .TT {
|
|
|
+ border: 2px solid #DDBA82;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #FEB041;
|
|
|
+ padding: 20rpx 24rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .topF {
|
|
|
+ background-color: rgba(254, 176, 65, 0.09);
|
|
|
+ border-radius: 20rpx;
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
+
|
|
|
+ .FF {
|
|
|
+ font-size: $font-base;
|
|
|
+ flex-grow: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn {
|
|
|
+ font-size: $font-base;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .center {
|
|
|
+ background: #191A1F;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ padding: 30rpx;
|
|
|
+
|
|
|
+ .tx {
|
|
|
+ font-size: 29rpx;
|
|
|
+ line-height: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .buzhou {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #999999;
|
|
|
+ line-height: 40rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .last {
|
|
|
+ background: #feb041;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 30rpx;
|
|
|
+ left: 30rpx;
|
|
|
+ right:30rpx;
|
|
|
+ .la {
|
|
|
+ font-size: $font-lg;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #040404;
|
|
|
+ text-align: center;
|
|
|
+ padding: 30rpx;
|
|
|
+
|
|
|
+ &.action {
|
|
|
+ color: #FFF;
|
|
|
+ background-color: $font-color-light;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-.center {
|
|
|
- width: 690rpx;
|
|
|
- // height: 460rpx;
|
|
|
- background: #191A1F;
|
|
|
- border-radius: 20rpx;
|
|
|
- margin-top: 20rpx;
|
|
|
- margin-left: 30rpx;
|
|
|
- padding-bottom: 12rpx;
|
|
|
-}
|
|
|
-.tx {
|
|
|
- height: 27rpx;
|
|
|
- font-size: 29rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 30rpx;
|
|
|
- margin-left: 34rpx;
|
|
|
- padding-top: 36rpx;
|
|
|
-}
|
|
|
-.buzhou {
|
|
|
- width: 624rpx;
|
|
|
- // height: 280rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #999999;
|
|
|
- line-height: 41rpx;
|
|
|
- margin-left: 33rpx;
|
|
|
- margin-top: 50rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.last {
|
|
|
- width: 690rpx;
|
|
|
- height: 90rpx;
|
|
|
- background: #feb041;
|
|
|
- border-radius: 10rpx;
|
|
|
- margin-left: 30rpx;
|
|
|
- margin-top: 30rpx;
|
|
|
-}
|
|
|
-.la {
|
|
|
- // width: 126rpx;
|
|
|
- height: 31rpx;
|
|
|
- font-size: 32rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: bold;
|
|
|
- color: #040404;
|
|
|
- line-height: 55rpx;
|
|
|
- margin-left: 282rpx;
|
|
|
- padding-top: 20rpx;
|
|
|
-}
|
|
|
-</style>
|
|
|
+</style>
|
