1
This commit is contained in:
@@ -0,0 +1,263 @@
|
||||
<template>
|
||||
<view class="rwa_withdrawal">
|
||||
<Header
|
||||
leftTitle="提现"
|
||||
left-path-type="navigateTo"
|
||||
left-path="/pages/rwa/rwa"
|
||||
rightTitle="记录"
|
||||
rightPath="/pages/rwa_withdrawal_log/rwa_withdrawal_log?back=withdrawal"
|
||||
rightPathType="navigateTo"
|
||||
/>
|
||||
<view class="rwa_withdrawal_content">
|
||||
<view class="_content">
|
||||
<view class="_content_usdt">
|
||||
<view>{{categotyObj.name || 'USDT'}}</view>
|
||||
<view>{{categotyObj.curAmount || 0}}</view>
|
||||
</view>
|
||||
<view class="_content_item">
|
||||
<view class="_content_item_title">提现金额</view>
|
||||
<up-input
|
||||
placeholder="请输入提现金额"
|
||||
border="surround"
|
||||
v-model="form.amount"
|
||||
:customStyle="inputCss"
|
||||
></up-input>
|
||||
<view class="_content_item_msg">当前可提现余额 {{categotyObj.curAmount || 0}} {{categotyObj.name || 'USDT'}}</view>
|
||||
</view>
|
||||
<view class="_content_item" @click="accountShowCheck(true)">
|
||||
<view class="_content_item_title">提现账户</view>
|
||||
<view class="_content_item_account">
|
||||
<view v-if="accountName">{{accountName}}</view>
|
||||
<view v-else style="color: #30313363;">请选择提现账户</view>
|
||||
<up-image src="/static/common/right.png" width="20" height="20" bgColor="#f1f6ff00"/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="_content_item">
|
||||
<view class="_content_item_title">交易密码<text class="_content_item_setting_pwd" @click="jumpSettingPwd">(前往设置交易密码)</text></view>
|
||||
<up-input
|
||||
placeholder="请输入交易密码"
|
||||
border="surround"
|
||||
v-model="form.password"
|
||||
:customStyle="inputCss"
|
||||
></up-input>
|
||||
</view>
|
||||
<view class="_content_item">
|
||||
<view class="_content_item_title">备注</view>
|
||||
<up-input
|
||||
placeholder="请输入备注(可选)"
|
||||
border="surround"
|
||||
v-model="form.remark"
|
||||
:customStyle="inputCss"
|
||||
></up-input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="add_but_css" @click="addWithdrawal">
|
||||
提交
|
||||
</view>
|
||||
</view>
|
||||
<up-picker
|
||||
:show="accountShow"
|
||||
:columns="accountOption"
|
||||
keyName="account"
|
||||
itemHeight="34"
|
||||
@confirm="accountConfirm"
|
||||
:loading="accountLoading"
|
||||
@close="accountShowCheck(false)"
|
||||
@cancel="accountShowCheck(false)"
|
||||
></up-picker>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/components/header.vue';
|
||||
import { getSupportBank } from '@/api/common.js';
|
||||
import { getAcctBalance,exchTransfer,getExchUsers} from '@/api/finance.js';
|
||||
|
||||
export default {
|
||||
components:{Header},
|
||||
data() {
|
||||
return {
|
||||
categotyObj:{},// 可提现金额
|
||||
inputCss:{
|
||||
"height":'80rpx',
|
||||
"background": "#F5F5F5",
|
||||
"border-radius": "20rpx",
|
||||
"border": "0rpx",
|
||||
"padding-left": "16px",
|
||||
},
|
||||
form:{
|
||||
category:"vcoin",
|
||||
amount:'',
|
||||
password:'',
|
||||
acctId:'',
|
||||
remark:'',
|
||||
},
|
||||
accountName:null,
|
||||
accountShow:false,
|
||||
accountOption:[],
|
||||
accountLoading:false,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.getAcctBalance();
|
||||
},
|
||||
methods: {
|
||||
// 查询余额
|
||||
async getAcctBalance(){
|
||||
const resp = await getAcctBalance();
|
||||
let data = {};
|
||||
if(resp && resp.bizcode === 100){
|
||||
if(resp.data){
|
||||
resp.data.map(item=>{
|
||||
// 交易币
|
||||
if(item.categoty === "vcoin"){
|
||||
data = item;
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
this.categotyObj = data;
|
||||
},
|
||||
async addWithdrawal(){
|
||||
const params=this.form;
|
||||
if(!params.amount){
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入提现金额",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if(!params.acctId){
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请选择提现账户",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if(!params.password){
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入交易密码",
|
||||
});
|
||||
return;
|
||||
}
|
||||
console.log("params",params);
|
||||
const resp = await exchTransfer(params);
|
||||
if(resp && resp.bizcode === 100){
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'success',
|
||||
message: "提交成功",
|
||||
});
|
||||
setTimeout(()=>{
|
||||
uni.navigateTo({
|
||||
url:'/pages/rwa/rwa',
|
||||
})
|
||||
},2000)
|
||||
}
|
||||
},
|
||||
// 选择账户的弹框
|
||||
async accountShowCheck(status){
|
||||
if(status){
|
||||
this.accountLoading = true;
|
||||
const params={
|
||||
page:1,
|
||||
pageSize:99,
|
||||
}
|
||||
const resp = await getExchUsers(params);
|
||||
if(resp && resp.bizcode === 100){
|
||||
this.accountOption = [resp.data.entitys] || [];
|
||||
}
|
||||
this.accountLoading = false;
|
||||
}else{
|
||||
this.accountOption = [[]];
|
||||
}
|
||||
this.accountShow = status;
|
||||
},
|
||||
// 提交
|
||||
accountConfirm(e){
|
||||
const {
|
||||
columnIndex,
|
||||
value,
|
||||
values,
|
||||
index,
|
||||
} = e;
|
||||
if(!value || value.length === 0){
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请先选择账户",
|
||||
});
|
||||
return;
|
||||
}
|
||||
const data = value[0];
|
||||
this.form.acctId = data.id;
|
||||
this.accountName = data.account;
|
||||
this.accountShowCheck(false);
|
||||
},
|
||||
// 设置交易密码
|
||||
jumpSettingPwd(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/mine_transaction_password/mine_transaction_password',
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.rwa_withdrawal{
|
||||
background: #F5F5F5;
|
||||
.rwa_withdrawal_content{
|
||||
padding: 20rpx;
|
||||
height: calc(100vh - 198rpx);
|
||||
._content{
|
||||
padding: 30rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx;
|
||||
margin-bottom: 60rpx;
|
||||
._content_usdt{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
border-bottom: 2rpx solid #EEEEEE;
|
||||
padding: 0 0 20rpx;
|
||||
}
|
||||
._content_item{
|
||||
margin-top: 30rpx;
|
||||
._content_item_title{
|
||||
margin-bottom: 20rpx;
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
}
|
||||
._content_item_setting_pwd{
|
||||
color: $app-zt-color;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
font-size: 26rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
._content_item_msg{
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #808080;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
._content_item_account{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #F8F8F8;
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx 20rpx;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user