@ -7,12 +7,18 @@
<!-- < span class = "color-theme-1" > { { coin } } < / span > -- > <!-- < span class = "color-theme-1" > { { coin } } < / span > -- >
< / view > < / view >
< / template > < / template >
< template # right >
< v -link :to ="'/pages/assets/records?type='+type" >
< van -icon class = "fn-20 m-t-xs" name = "todo-list-o" / >
< / v - l i n k >
< / template >
< / v - h e a d e r > < / v - h e a d e r >
< view class = "layout-main" > < view class = "layout-main" >
< view class = "coin border-b p-x-lg p-md d-flex justify-between m-t-md" @click ="coinListShow=true" > < view class = "coin border-b p-x-lg p-md d-flex justify-between m-t-md" @click ="coinListShow=true" >
< view class = "fn-25 color-light" > { { coin } } < / view > < view class = "fn-25 color-light" > { { coin } } < / view >
< view class = "d-flex align-center" > < view class = "d-flex align-center" >
{ { $t ( 'recharge.a0' ) } } < van -icon name = "arrow" / > { { $t ( 'recharge.a0' ) } }
< van -icon name = "arrow" / >
< / view > < / view >
< / view > < / view >
< view class = "bg-panel-3" style = "min-height: 100%; padding-bottom: 220rpx;" > < view class = "bg-panel-3" style = "min-height: 100%; padding-bottom: 220rpx;" >
@ -32,19 +38,22 @@
size = "mini" size = "mini"
@ click = "changeRechargeType(2)" @ click = "changeRechargeType(2)"
: class = "rechargeType==2?'bor-active':'bg-panel-3 border'" : class = "rechargeType==2?'bor-active':'bg-panel-3 border'"
> ERC20 < / view > > ERC20
< / view >
< view class = "rounded-xs p-x-lg p-y-ms m-r-md" < view class = "rounded-xs p-x-lg p-y-ms m-r-md"
size = "mini" size = "mini"
@ click = "changeRechargeType(3)" @ click = "changeRechargeType(3)"
: class = "rechargeType==3?'bor-active':'bg-panel-3 border'" : class = "rechargeType==3?'bor-active':'bg-panel-3 border'"
> TRC20 < / view > > TRC20
< / view >
< / view > < / view >
< / view > < / view >
< view class = "p-x-lg d-flex justify-between flex-wrap align-center p-y-xs" > < view class = "p-x-lg d-flex justify-between flex-wrap align-center p-y-xs" >
< view class = "color-light d-block w-max m-y-ms color-light fn-15" > { { $t ( "assets.b8" ) } } < / view > < view class = "color-light d-block w-max m-y-ms color-light fn-15" > { { $t ( "assets.b8" ) } } < / view >
< v -input v-model ="form.address" class="bg-form-panel-3 p-sm color-light w-max fn-13 rounded-xs" :placeholder="$t('assets.b9')" > < v -input v -model = " form.address " class = "bg-form-panel-3 p-sm color-light w-max fn-13 rounded-xs"
: placeholder = "$t('assets.b9')" >
<!-- < template # right > -- > <!-- < template # right > -- >
<!-- & lt ; ! & ndash ; # ifdef H5 & ndash ; & gt ; -- > <!-- & lt ; ! & ndash ; # ifdef H5 & ndash ; & gt ; -- >
<!-- < v -link tag = "span" : to = " { path : ' / pages / assets / address -list ' , query : { - - > <!-- < v -link tag = "span" : to = " { path : ' / pages / assets / address -list ' , query : { - - >
@ -70,10 +79,14 @@
{ { coin } } < / span > { { coin } } < / span >
< / view > < / view >
< view class = "d-flex align-end p-y-xs justify-between bg-form-panel-3 rounded-xs p-sm p-x-ms" > < view class = "d-flex align-end p-y-xs justify-between bg-form-panel-3 rounded-xs p-sm p-x-ms" >
< v -input type = "number" v-model ="form.amount" :min="withdrawFee.withdrawal_min" :max="withdrawFee.withdrawal_max" class=" w-8/12 color-light fn-13" :placeholder="$t('assets.c2')" > < / v-input > < v -input type = "number" v -model = " form.amount " :min ="withdrawFee.withdrawal_min"
: max = "withdrawFee.withdrawal_max" class = " w-8/12 color-light fn-13"
: placeholder = "$t('assets.c2')" > < / v - i n p u t >
< view class = "d-flex align-end" > < view class = "d-flex align-end" >
< span class = "unit fn-16 flex-shrink" > { { coin } } < / span > < span class = "unit fn-16 flex-shrink" > { { coin } } < / span >
< view class = "all color-theme-1 m-l-md flex-shrink" @ click = "form.amount = withdrawFee.usable_balance" > { { $t ( "assets.c3" ) } } < / view > < view class = "all color-theme-1 m-l-md flex-shrink" @ click = "form.amount = withdrawFee.usable_balance" >
{ { $t ( "assets.c3" ) } }
< / view >
< / view > < / view >
< / view > < / view >
< view class = "d-flex align-center p-y-xs justify-between fn-13" > < view class = "d-flex align-center p-y-xs justify-between fn-13" >
@ -86,7 +99,8 @@
< / view > < / view >
< view class = "d-flex align-end p-y-xs justify-between bg-form-panel-3 rounded-xs p-y-sm" > < view class = "d-flex align-end p-y-xs justify-between bg-form-panel-3 rounded-xs p-y-sm" >
< v -input v-model ="coin=='USDT'&&rechargeType==3?withdrawFee.trc20:withdrawFee.withdrawal_fee" disabled class="p-x-ms color-light w-max fn-13 rounded-xs" :placeholder="$t('assets.b9')" > < v -input v -model = " coin = = ' USDT ' & & rechargeType = = 3 ? withdrawFee.trc20 : withdrawFee.withdrawal_fee " disabled
class = "p-x-ms color-light w-max fn-13 rounded-xs" : placeholder = "$t('assets.b9')" >
< template # right > < template # right >
{ { coin } } { { coin } }
< / template > < / template >
@ -100,6 +114,16 @@
< v -input type = "password" v-model ="form.password" class="p-x-ms color-light w-max fn-13 rounded-xs" :placeholder="$t('reg.a9')" > < v -input type = "password" v-model ="form.password" class="p-x-ms color-light w-max fn-13 rounded-xs" :placeholder="$t('reg.a9')" >
< / v - i n p u t >
< / view >
< view class = "d-flex align-center p-y-xs m-t-ms justify-between color-light fn-15" >
< span > { { $t ( "reg.a8" ) } } ： < / span >
<!-- < span class = "color-light" > { { withdrawFee . withdrawal_fee } } { { coin } } < / span > -- >
< / view >
< view class = "d-flex align-end p-y-xs justify-between bg-form-panel-3 rounded-xs p-y-sm" >
< v -input type = "password" v-model ="form.password" class="p-x-ms color-light w-max fn-13 rounded-xs" :placeholder="$t('reg.a9')" >
< / v - i n p u t > < / v - i n p u t >
< / view > < / view >
< / view > < / view >
@ -110,7 +134,7 @@
< li > · { { $t ( "assets.c7" ) } } 。 < / li > < li > · { { $t ( "assets.c7" ) } } 。 < / li >
< / ul > < / ul >
< / view > < / view >
< view class = "rounded-md m-b-lg" v-if ="list.length" > <!-- < view class = "rounded-md m-b-lg" v-if ="list.length" style="padding-bottom: 100px !important; " >
< view class = "title d-flex justify-between p-x-md p-y-xs align-center color-light" > < view class = "title d-flex justify-between p-x-md p-y-xs align-center color-light" >
< span class = "fn-lg" > { { $t ( "assets.c8" ) } } < / span > < span class = "fn-lg" > { { $t ( "assets.c8" ) } } < / span >
< / view > < / view >
@ -137,7 +161,9 @@
< span class = "color-default" > ( { { item . coin_name } } ) < / span > < span class = "color-default" > ( { { item . coin_name } } ) < / span >
< / td > < / td >
< td class = "fn-right p-r-md rounded-tr-sm rounded-br-sm" > < td class = "fn-right p-r-md rounded-tr-sm rounded-br-sm" >
< v -button size = "mini" v-if ="item.status==0" type="danger" @click="cancelWithdraw(item)" > {{ $ t ( ' exchange.g4 ' ) }} < / v-button > < v -button size = "mini" v-if ="item.status==0" type="danger" @click="cancelWithdraw(item)" >
{ { $t ( 'exchange.g4' ) } }
< / v - b u t t o n >
< / td > < / td >
< / tr > < / tr >
< tr v-if ="loadMore" > < tr v-if ="loadMore" >
@ -148,21 +174,27 @@
< / tbody > < / tbody >
< / table > < / table >
< / view > < / view >
< / view > < / view > -- >
< view class = "bot w-max bg-panel-3 p-lg box-size" > < view class = "bot w-max bg-panel-3 p-lg box-size" >
< v -button class = "w-max m-y-md rounded-xs" block type = "yellow" @click ="toDraw" ref = "btn" > { { $t ( "assets.b6" ) } } < / v - b u t t o n > < v -button class = "w-max m-y-md rounded-xs" block type = "yellow" @click ="toDraw" ref = "btn" > { {
$t ( "assets.b6" )
} }
< / v - b u t t o n >
< / view > < / view >
< / view > < / view >
< / view > < / view >
< coin -list ref = "coinList" v -model = " coin " @ close = "coinListShow = false" v -show = " coinListShow " / > < coin -list ref = "coinList" v -model = " coin " @ close = "coinListShow = false" v -show = " coinListShow " / >
< van -popup :show ="secondaryShow" @close ="secondaryShow=false" closeable close -on -popstate position = "bottom" custom -style = " height : 40 % " > < van -popup :show ="secondaryShow" @close ="secondaryShow=false" closeable close -on -popstate position = "bottom"
custom - style = "height:40%" >
< van -tabs class = "m-t-lg p-t-lg" v-if ="secondaryShow" :sticky="false" :active="form.code_type" @change="changeTab" > < van -tabs class = "m-t-lg p-t-lg" v-if ="secondaryShow" :sticky="false" :active="form.code_type" @change="changeTab" >
< van -tab title = "Google" v-if ="withdrawFee.google_status==1" :name ="3" > < van -tab title = "Google" v-if ="withdrawFee.google_status==1" :name ="3" >
< v -input class = "border h-40 m-y-md m-x-lg p-x-md" type = "number" :placeholder ="$t('common.code')" v-model ="form.code" > < / v-input > < v -input class = "border h-40 m-y-md m-x-lg p-x-md" type = "number" :placeholder ="$t('common.code')"
v - model = "form.code" > < / v - i n p u t >
< / v a n - t a b > < / v a n - t a b >
< van -tab :title ="$t('login.a8')" v-if ="withdrawFee.phone_status==1" :name ="1" > < van -tab :title ="$t('login.a8')" v-if ="withdrawFee.phone_status==1" :name ="1" >
< v -input class = "border h-40 m-y-md m-x-lg p-x-md" type = "number" :placeholder ="$t('common.code')" v-model ="form.code" > < v -input class = "border h-40 m-y-md m-x-lg p-x-md" type = "number" :placeholder ="$t('common.code')"
v - model = "form.code" >
< template # right > < template # right >
< v -code type = "green-plain" url = "/user/getCode" :data ="{type:1}" ref = "mobileCode" > < / v - c o d e > < v -code type = "green-plain" url = "/user/getCode" :data ="{type:1}" ref = "mobileCode" > < / v - c o d e >
< / template > < / template >
@ -170,7 +202,8 @@
< / v a n - t a b > < / v a n - t a b >
< van -tab :title ="$t('login.a9')" v-if ="withdrawFee.email_status==1" :name ="2" > < van -tab :title ="$t('login.a9')" v-if ="withdrawFee.email_status==1" :name ="2" >
< v -input class = "border h-40 m-y-md m-x-lg p-x-md" type = "number" :placeholder ="$t('common.code')" v-model ="form.code" > < v -input class = "border h-40 m-y-md m-x-lg p-x-md" type = "number" :placeholder ="$t('common.code')"
v - model = "form.code" >
< template # right > < template # right >
< v -code type = "green-plain" url = "/user/getCode" :data ="{type:2}" ref = "emailCode" > < / v - c o d e > < v -code type = "green-plain" url = "/user/getCode" :data ="{type:2}" ref = "emailCode" > < / v - c o d e >
< / template > < / template >
@ -189,6 +222,7 @@
import coinList from "./coin-list" ; import coinList from "./coin-list" ;
import Wallet from "@/api/wallet" ; import Wallet from "@/api/wallet" ;
import formData from "@/utils/class/date" ; import formData from "@/utils/class/date" ;
export default { export default {
components : { components : {
coinList , coinList ,
@ -201,6 +235,7 @@ export default {
form : { form : {
coin_id : "" , coin_id : "" ,
amount : "" , amount : "" ,
password : "" ,
address : "" , address : "" ,
addressType : "" , addressType : "" ,
code_type : 1 , code_type : 1 ,
@ -211,7 +246,8 @@ export default {
list : [ ] , list : [ ] ,
page : 1 , page : 1 ,
loadMore : true , loadMore : true ,
secondaryShow : false secondaryShow : false ,
type : 'draw'
} ; } ;
} , } ,
computed : { computed : {
@ -311,14 +347,26 @@ export default {
. then ( ( res ) => { . then ( ( res ) => {
this . secondaryShow = false this . secondaryShow = false
this . form . code = '' this . form . code = ''
if ( res . code = 4001 ) { if ( res . code == 4001 ) {
this . $toast ( res . message ) ; this . $toast ( res . message ) ;
} else { } else {
this . $toast . success ( this . $t ( "assets.d5" ) + "！" ) ; this . $toast . success ( this . $t ( "assets.d5" ) + "！" ) ;
this . form . amount = '' this . form . amount = ''
setTimeout ( ( ) => {
uni . navigateTo ( {
url : '/pages/assets/records?type=' + this . type
} )
} , 1500 )
/ / s e t T i m e o u t ( ( ) = > {
/ / t h i s . g e t W i t h d r a w R e c o r d s ( ) ;
/ / } , 2 0 0 0 )
/ / s e t T i m e o u t ( ( ) = > {
/ / t h i s . g e t W i t h d r a w R e c o r d s ( ) ;
/ / } , 3 0 0 0 )
} }
} ) } )
. catch ( ( ) => { } ) ; . catch ( ( ) => {
} ) ;
} , } ,
reset ( ) { reset ( ) {
this . loadMore = true ; this . loadMore = true ;
@ -336,7 +384,10 @@ export default {
} ; } ;
Wallet . withdrawalRecord ( data ) . then ( ( res ) => { Wallet . withdrawalRecord ( data ) . then ( ( res ) => {
if ( res . data . current_page == 1 ) this . list = [ ] ; if ( res . data . current_page == 1 ) this . list = [ ] ;
this . list = [ ... this . list , ... res . data . data ] ; let list = [ ... this . list , ... res . data . data ] ; / / 无 法 响 应
this . list . splice ( 0 , this . list . length , ... list ) ;
/ / t h i s . l i s t . p u s h ( . . . l i s t ) ;
console . log ( 'length---------------' , this . list . length , '页数：' , res . data . current_page ) ;
if ( res . data . data . length < res . data . per_page ) this . loadMore = false ; if ( res . data . data . length < res . data . per_page ) this . loadMore = false ;
} ) ; } ) ;
} , } ,
@ -360,18 +411,21 @@ export default {
. trChange : nth - child ( 2 n - 1 ) { . trChange : nth - child ( 2 n - 1 ) {
box - shadow : $shadow ; box - shadow : $shadow ;
border - radius : $border - radius - xs ; border - radius : $border - radius - xs ;
td { td {
background : $panel - 3 ; background : $panel - 3 ;
padding - top : $padding - sm ; padding - top : $padding - sm ;
padding - bottom : $padding - sm ; padding - bottom : $padding - sm ;
} }
} }
. bor - active { . bor - active {
border : 1 px solid $theme - 1 ; border : 1 px solid $theme - 1 ;
position : relative ; position : relative ;
overflow : hidden ; overflow : hidden ;
color : $theme - 1 ; color : $theme - 1 ;
} }
. bor - active : : before { . bor - active : : before {
content : '' ; content : '' ;
position : absolute ; position : absolute ;
@ -383,6 +437,7 @@ export default {
border - color : transparent $theme - 1 $theme - 1 transparent ; border - color : transparent $theme - 1 $theme - 1 transparent ;
text - align : center ; text - align : center ;
} }
. bor - active : : after { . bor - active : : after {
content : '√' ; content : '√' ;
position : absolute ; position : absolute ;
@ -395,18 +450,23 @@ export default {
text - align : center ; text - align : center ;
color : white ; color : white ;
} }
. border - b { . border - b {
border - bottom : 5 px solid $panel - 3 ; border - bottom : 5 px solid $panel - 3 ;
} }
. autowidth { . autowidth {
margin : 0 auto ; margin : 0 auto ;
} }
. bg - lin { . bg - lin {
background : linear - gradient ( to right , # f6c769 , # f3b644 ) ; background : linear - gradient ( to right , # f6c769 , # f3b644 ) ;
} }
. color - black { . color - black {
color : black ; color : black ;
} }
. bot { . bot {
position : fixed ; position : fixed ;
bottom : 0 ; bottom : 0 ;
