You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
914 lines
34 KiB
914 lines
34 KiB
<template>
|
|
<div class="settings wallet-page d-flex">
|
|
<secondary-nav></secondary-nav>
|
|
<!-- 资产 -->
|
|
<div class="container">
|
|
<div class="w-100 d-flex align-items-center mb-3 mt-4" style="padding: 20px 20px 20px 30px;background-color: #fafafa;">
|
|
<img style="margin-right: 15px;width: 58px;height: 58px;" src="../../assets/img/avatar.svg" />
|
|
<div>
|
|
<div>{{ userInfo.user_auth_level_text || signed.user_auth_level_text }}</div>
|
|
<div>{{ userInfo.account }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="w-100 d-flex justify-content-between align-items-center mb-3 mt-4">
|
|
<router-link v-if="step==0||step==1" to="/profile/certification">{{ $t("xtzcoins3.a99") }}<span style="color: #F7D558!important;">{{ $t("xtzcoins3.b99") }}</span></router-link>
|
|
<div v-else-if="step==2">{{ $t("xtzcoins3.a94") }}</div>
|
|
</div>
|
|
<!-- <div class="w-100 d-flex justify-content-between align-items-center mb-3 mt-4">
|
|
<div class="h3">{{$t('wallet.assets')}}</div>
|
|
<div> -->
|
|
<!-- 24小时提币限额： 0 / 20000 USD -->
|
|
<!-- <span class="icon-Icon-Increase"></span>
|
|
</div>
|
|
</div> -->
|
|
<div class="row" style="border-bottom: 1px solid #f5f5f5;">
|
|
<div class="col-md-7" style="padding-bottom: 20px;">
|
|
<div class="panel-box bg-panel mb-3">
|
|
<div class="heading d-flex justify-content-between align-items-center">
|
|
<div class="h6" style="color:#333;">{{ $t("xtzcoins3.a95") }}</div>
|
|
<!-- <div>币安支持多种入金方式，您可以选择最适合您的方式</div> -->
|
|
</div>
|
|
<div class="content buy-content-a">
|
|
<div class="d-flex buy-flex-a">
|
|
<div>
|
|
<div>{{ $t("xtzcoins3.a96") }}</div>
|
|
<div style="color: #999;font-size: 12px;">{{ $t("xtzcoins3.a97") }}</div>
|
|
</div>
|
|
<router-link to="/exchange" class="buy-btn-a">{{ $t("xtzcoins3.a70") }}</router-link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-box bg-panel">
|
|
<div class="heading d-flex justify-content-between align-items-center">
|
|
<div class="h6" style="color:#333;">{{$t('wallet.allAssets')}}</div>
|
|
<div>
|
|
<div class="custom-control custom-switch">
|
|
<input type="checkbox" v-model="showValue" class="custom-control-input" id="numerical-control" />
|
|
<label class="custom-control-label" for="numerical-control">{{$t('wallet.showNum')}}</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content tab-content">
|
|
<div class="my-1">
|
|
≈
|
|
<span class="num h2 light-grey">
|
|
<template v-if="showValue">{{userAssets.total_assets_btc|omitTo(4)}}</template>
|
|
<template v-else>********</template>
|
|
</span>
|
|
BTC
|
|
</div>
|
|
<div class="my-1">
|
|
≈
|
|
<span class="num h2 light-grey">
|
|
<template v-if="showValue">{{userAssets.total_assets_usd|omitTo(2)}}</template>
|
|
<template v-else>********</template>
|
|
</span>
|
|
USDT
|
|
</div>
|
|
<div class="container">
|
|
<div class="row mt-4">
|
|
<div class="col-6">
|
|
<div class="label">{{$t('wallet.capitalAccount')}}</div>
|
|
<div>
|
|
<span class="num h3 light-grey">
|
|
<template v-if="showValue">{{userAssets.funds_account_usd|omitTo(2)}}</template>
|
|
<template v-else>********</template>
|
|
</span>
|
|
USDT
|
|
</div>
|
|
</div>
|
|
<!-- <div class="col-6">
|
|
<div class="label">{{$t('otc.j1')}}</div>
|
|
<div>
|
|
<span class="num h3 light-purple">
|
|
<template v-if="showValue">{{userAssets.otc_account_usd|omitTo(4)}}</template>
|
|
<template v-else>********</template>
|
|
</span>
|
|
USDT
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
<div class="row mt-4">
|
|
<div class="col-6">
|
|
<div class="label">{{$t('common.contractaccount')}}</div>
|
|
<div>
|
|
<span class="num h3 light-grey">
|
|
<template v-if="showValue">{{userAssets.contract_account_usd|omitTo(2)}}</template>
|
|
<template v-else>********</template>
|
|
</span>
|
|
USDT
|
|
</div>
|
|
</div>
|
|
<div class="col-6" v-if="false">
|
|
<div class="label">{{$t('wallet.financialAccount')}}</div>
|
|
<div>
|
|
<span class="num h3 light-grey">
|
|
<template v-if="showValue">-</template>
|
|
<template v-else>********</template>
|
|
</span>
|
|
BTC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<inner-transfer @change="getUserAssets"></inner-transfer>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12 mt15">
|
|
<div class="markets-pair-list">
|
|
<!-- <ul class="nav nav-pills" id="pills-tab" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" data-toggle="pill" href="#tab1" role="tab" aria-selected="false">现货账户</a>
|
|
</li>
|
|
</ul>-->
|
|
<form class="form-inline search-box" style="border-bottom: 1px solid #f5f5f5;">
|
|
<div class="form-check mb-2 mr-sm-2">
|
|
<input class="form-check-input" type="checkbox" id="hideZero" v-model="isHideZero" />
|
|
<label class="form-check-label" for="hideZero">{{$t('wallet.hide')}} 0 {{$t('wallet.balanceAssets')}}</label>
|
|
</div>
|
|
|
|
<div class="mb-2 mr-sm-2">
|
|
<input type="text" v-model="keyword" class="form-control mb-2 mr-sm-2" :placeholder="$t('wallet.searchCurrency')" />
|
|
|
|
<!-- <router-link to="/wallet/address" class="btn btn-success rounded-pill mb-2">{{$t('wallet.addressManagement')}}</router-link> -->
|
|
<router-link to="/wallet/address" class="btn rounded-pill mb-2" style="background-color: #F7D558;color: #000!important;">{{$t('wallet.addressManagement')}}</router-link>
|
|
</div>
|
|
</form>
|
|
<div class="tab-content">
|
|
<div class="tab-pane fade show active" id="tab1" role="tabpanel" style="border:none;">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>{{$t('wallet.assets')}}</th>
|
|
<!-- <th>{{$t('wallet.totalAssets')}}</th> -->
|
|
<th>{{$t('wallet.availableBalance')}}</th>
|
|
<th>{{$t('wallet.fee')}}</th>
|
|
<th>USD{{$t('wallet.valuation')}}</th>
|
|
<!-- color-gray-6 m-r-xs -->
|
|
<th >{{$t('wallet.operating')}}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="(item, index) in coinAssets" :key="item.id" v-if="seek(item)">
|
|
<td>{{ index + 1}}</td>
|
|
<td>
|
|
<img :src="item.image" alt="eth">
|
|
{{ item.coin_name }}
|
|
</td>
|
|
<!-- <td>{{ item.freeze_balance|add(item.usable_balance) }}</td> -->
|
|
<td>{{item.usable_balance |omitTo(2)}}</td>
|
|
<td>{{item.freeze_balance}}</td>
|
|
<td>{{item.usd_estimate |omitTo(2)}}</td>
|
|
<td>
|
|
<div class="btn-group btn-group-sm" role="group" aria-label="Basic example">
|
|
<!-- data-target="#deposite" -->
|
|
<button type="button" class="btn" :class="item.is_withdraw?'mybtn111':''" style="border:1px solid #F7D558;" data-toggle="modal" @click="enterDeposite(item)" :disabled="!item.is_withdraw">{{$t('wallet.recharge')}}</button>
|
|
<button type="button" class="btn" :class="item.is_withdraw?'mybtn111':''" style="border:1px solid #F7D558;" data-toggle="modal" data-target="#withdraw" @click="enterWithdraw(item)" :disabled="!item.is_withdraw">{{$t('wallet.withdrawal')}}</button>
|
|
<div class="btn-group btn-group-sm" role="group">
|
|
<button id="btnGroupDrop1" type="button" class="btn mybtn111 dropdown-toggle" style="border:1px solid #F7D558;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{$t('wallet.transaction')}}</button>
|
|
|
|
<div class="dropdown-menu" aria-labelledby="btnGroupDrop1" v-for="(symbol,index) in item.symbol" :key="index">
|
|
<router-link :to="`/exchange/${symbol.coin_name.replace(/\//g, '')}`">{{symbol.coin_name.toUpperCase()}}</router-link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 充值 -->
|
|
<div class="modal fade" tabindex="-1" role="dialog" id="deposite" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl modal-dialog-centered">
|
|
<div class="modal-content bg-panel">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" @click="active=0" :class="active==0?'active':''">{{$t('wallet.recharge')}}（{{depositeCoin}}）</h5>
|
|
<!-- <h5 class="ml-5 modal-title" @click="active=1" :class="active==1?'active':''">PayPal</h5> -->
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body" v-if="active==0">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<form action class="deposite-body">
|
|
<template v-if="depositeCoin =='USDT'">
|
|
<!-- <div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" v-model="depositeAdressType" name="deposite—address-type" id="deposite-omni" value="1" />
|
|
<label class="form-check-label" for="deposite-omni">OMNI</label>
|
|
</div> -->
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" v-model="depositeAdressType" name="deposite—address-type" id="deposite-erc20" value="2" />
|
|
<label class="form-check-label" for="deposite-erc20">ERC20</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" v-model="depositeAdressType" name="deposite—address-type" id="deposite-trc20" value="3" />
|
|
<label class="form-check-label" for="deposite-trc20">TRC20</label>
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
|
<div class="form-group mt-2">
|
|
<label for="formGroupExampleInput">
|
|
{{$t('wallet.rechargeAddress')}}
|
|
<template v-if="depositeCoin == 'USDT'">(USDT -
|
|
<span v-show="depositeAdressType==1">OMNI</span>
|
|
<span v-show="depositeAdressType==2">ERC20</span>
|
|
<span v-show="depositeAdressType==3">TRC20</span>
|
|
)</template>
|
|
</label>
|
|
<div class="input-group input-group-sm">
|
|
<!-- <input type="text" v-model="deposite.address" readonly class="form-control" id="deposite-address" required />
|
|
<div class="input-group-append dopsite-control" data-clipboard-target="#deposite-address">
|
|
<span class="my-pop input-group-text" data-toggle="popover" data-placement="bottom" :data-content="$t('wallet.rechargeAddress')+'!'">
|
|
<a href="javascript:void 0" alt="Copy to clipboard">{{$t('wallet.copy')}}</a>
|
|
</span>
|
|
</div> -->
|
|
<template v-if="deposite.address!=''">
|
|
<input type="text" v-model="deposite.address" readonly class="form-control" id="deposite-address" required />
|
|
<div class="input-group-append dopsite-control" data-clipboard-target="#deposite-address">
|
|
<span class="my-pop input-group-text" data-toggle="popover" data-placement="bottom" :data-content="$t('wallet.rechargeAddress')+'!'">
|
|
<a href="javascript:void 0" alt="Copy to clipboard">{{$t('wallet.copy')}}</a>
|
|
</span>
|
|
</div>
|
|
</template>
|
|
<template v-else>
|
|
<el-button type="primary" style="width:100%" @click="getRechargeAdd">{{$t('wallet.obtain')}}</el-button>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
<div class="form-group mt-2" v-if="false">
|
|
<label for="formGroupExampleInput">{{$t('wallet.rechargeQuantity')}}</label>
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" required min="0" step="0.00000001" v-model="deposite.amount" :placeholder="$t('wallet.enterQuantity')" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<vue-qr class="mr-2" v-if="deposite.address" :text="deposite.address" :margin="0" :size="150" />
|
|
<!-- <img src="http://iph.href.lu/150x150" alt /> -->
|
|
</div>
|
|
<div class="col-md-5">
|
|
<p>{{$t('wallet.rechargeInstructions')}}</p>
|
|
<ul>
|
|
<li>1. {{$t('wallet.automaticallyCredited')}}。 {{$t('wallet.tran',{num:10,name:depositeCoin})}}。</li>
|
|
<li>2. {{$t('wallet.only',{name:depositeCoin})}}。</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-body" v-else>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-5">
|
|
<form action class="withdraw-body">
|
|
<label class="d-flex justify-content-between" for="formGroupExampleInput">
|
|
<span>
|
|
Paypal {{$t('otc.d8')}}
|
|
</span>
|
|
</label>
|
|
<div class="input-group input-group-sm">
|
|
<input type="text" v-model="paypal.number" readonly class="form-control" id="deposite-address1" required />
|
|
<div class="input-group-append dopsite-control1" data-clipboard-target="#deposite-address1">
|
|
<span class="my-pop1 input-group-text" data-toggle="popover" data-placement="bottom" :data-content="'Paypal'+$t('otc.d8')+'!'">
|
|
<a href="javascript:void 0" alt="Copy to clipboard">{{$t('wallet.copy')}}</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group mt-2">
|
|
<label class="d-flex justify-content-between" for="formGroupExampleInput">
|
|
<span>
|
|
{{$t('wallet.rechargeQuantity')}}
|
|
</span>
|
|
</label>
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" :placeholder="$t('application.pleaseEnter')+$t('wallet.rechargeQuantity')" v-model="paypal.amount" class="form-control" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-7 text-center">
|
|
<upload-img
|
|
class="mb-3"
|
|
v-model="paypal.images"
|
|
required
|
|
:placeholder="$t('profile.uploadPhoto')"
|
|
>
|
|
<template #text>
|
|
<div class="el-upload__text">
|
|
{{$t('otc.e4')}}-{{$t('profile.dragHere')}}
|
|
<em>{{$t('profile.clickUpload')}}</em>
|
|
</div>
|
|
</template>
|
|
</upload-img>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer" v-if="active==1">
|
|
<button type="button" class="btn" style="background-color: #F7D558;" @click="paypalSbumit">{{$t('common.confirmBtn')}}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 提币 -->
|
|
<div class="modal fade" tabindex="-1" role="dialog" id="withdraw">
|
|
<div class="modal-dialog modal-xl modal-dialog-centered">
|
|
<div class="modal-content bg-panel">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">{{$t('wallet.withdrawal')}}（{{withdrawCoin}}）</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<form action class="withdraw-body">
|
|
<template v-if="withdrawCoin =='USDT'">
|
|
<!-- <div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="withdraw-address-type" id="withdraw-omni" v-model="withdraw.addressType" value="1" />
|
|
<label class="form-check-label" for="withdraw-omni">OMNI</label>
|
|
</div> -->
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="withdraw-address-type" id="withdraw-erc20" v-model="withdraw.addressType" value="2" />
|
|
<label class="form-check-label" for="withdraw-erc20">ERC20</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="withdraw-address-type" id="withdraw-trc20" v-model="withdraw.addressType" value="3" />
|
|
<label class="form-check-label" for="withdraw-trc20">TRC20</label>
|
|
</div>
|
|
|
|
</template>
|
|
<div class="form-group mt-2">
|
|
<label class="d-flex justify-content-between" for="formGroupExampleInput">
|
|
<span>
|
|
{{$t('wallet.drawAddress')}}
|
|
<template v-if="withdrawCoin == 'USDT'">(USDT-
|
|
<span v-show="withdraw.addressType==1">OMNI</span>
|
|
<span v-show="withdraw.addressType==2">ERC20</span>
|
|
<span v-show="withdraw.addressType==3">TRC20</span>)</template>
|
|
</span>
|
|
<span>
|
|
{{$t('wallet.low')}}:{{withdrawFee.withdrawal_min}} {{withdrawCoin}}
|
|
<router-link to="/wallet/address" style="color: #F7D558;">{{$t('wallet.addressList')}}</router-link>
|
|
</span>
|
|
</label>
|
|
<div class="input-group input-group-sm">
|
|
<input type="text" :placeholder="$t('wallet.enterDrawAddress')" :data-message="$t('wallet.invalidWallet')+'！'" v-model="withdraw.address" class="form-control" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group mt-2">
|
|
<label class="d-flex justify-content-between" for="formGroupExampleInput">
|
|
<span>{{$t('wallet.withdrawalsNumber')}}</span>
|
|
<span>
|
|
<input class="form-check-input" type="checkbox" id="allAssets" v-model="allAssets" />
|
|
<label for="allAssets">{{$t('wallet.all')}}</label>
|
|
<span>{{$t('wallet.availableBalance')}}: {{withdrawFee.usable_balance}} {{withdrawCoin}}</span>
|
|
</span>
|
|
</label>
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" v-model="withdraw.amount" step="0.00000001" :placeholder="$t('wallet.enterDrawNum')" class="form-control" />
|
|
</div>
|
|
|
|
<span class="text-right">{{$t('wallet.handlingFee1')}}: {{withdrawCoin=='USDT'&&withdraw.addressType==3?withdrawFee.trc20:withdrawFee.withdrawal_fee }} {{withdrawCoin}}</span>
|
|
<div class="input-group input-group-sm password">
|
|
<input v-model="withdraw.password" required :placeholder="$t('login.password')" class="form-control" />
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<p>{{$t('wallet.withdrawalInstructions')}}</p>
|
|
<ul>
|
|
<li>1. {{$t('wallet.enterAddress')}}。</li>
|
|
<li>2. {{$t('wallet.notSend')}}。</li>
|
|
<li>3. {{$t('wallet.deductionFee')}}。</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn rounded-pill" style="background-color: #F7D558;" @click="toHandleWithdraw">{{$t('common.confirmBtn')}}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<v-box v-model="verShow" :title="$t('setting.ver')">
|
|
<d-code :status="withdrawFee" @complete="codeComplete" />
|
|
</v-box>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import InnerTransfer from "../components/inner-transfer.vue";
|
|
import Wallet from "@/api/wallet";
|
|
import Profile from "@/api/profile";
|
|
import ClipboardJS from "clipboard";
|
|
import getCode from "./getCode";
|
|
import vueQr from "vue-qr";
|
|
export default {
|
|
components: {
|
|
InnerTransfer,
|
|
vueQr,
|
|
dCode: getCode
|
|
},
|
|
data() {
|
|
return {
|
|
// 所有资产列表，需要接口返回
|
|
userAssets: {
|
|
contract_account_btc: 0,
|
|
contract_account_usd: 0,
|
|
funds_account_btc: 0,
|
|
funds_account_usd: 0,
|
|
total_assets_btc: 0,
|
|
total_assets_usd: 0
|
|
},
|
|
userInfo:{},//账户信息
|
|
coinAssets: [], // 币种账户
|
|
|
|
isHideZero: false, // 是否隐藏0余额资产
|
|
keyword: "",
|
|
showValue: true, // 默认隐藏资产数值
|
|
|
|
depositeCoin: null,
|
|
depositeAdressType: 2, // 默认充值类型 1 为 omin 2 为 erc20
|
|
|
|
withdrawCoin: null,
|
|
|
|
// 充值币种
|
|
deposite: {
|
|
coin_id: "",
|
|
amount: "",
|
|
address: ""
|
|
},
|
|
|
|
// 提取币种
|
|
withdraw: {
|
|
coin_id: "",
|
|
amount: "",
|
|
address: "",
|
|
addressType: 2, // 默认提币类型 1 为 omni； 2 为 erc20,
|
|
code_type: 1,
|
|
code: '',
|
|
password:''
|
|
},
|
|
|
|
withdrawFee: {
|
|
usable_balance: "-",
|
|
withdrawal_fee: "-",
|
|
withdrawal_min: "-",
|
|
withdrawal_max: "-"
|
|
}, // 提币手续费和余额
|
|
|
|
// 所有资产提取
|
|
allAssets: false, //
|
|
cacheInputAssets: null,
|
|
verShow: false,
|
|
active:0,
|
|
paypal:{
|
|
number:"",
|
|
amount:"",
|
|
images:""
|
|
},
|
|
step: 0,//实名认证步骤
|
|
};
|
|
},
|
|
|
|
// 保留用户行为
|
|
|
|
watch: {
|
|
// 协议改变时 重新获取地址
|
|
depositeAdressType() {
|
|
this.getDepositeAdress();
|
|
},
|
|
|
|
allAssets(val) {
|
|
if (val) {
|
|
this.cacheInputAssets = this.withdraw.amount;
|
|
this.withdraw.amount = this.withdrawFee.usable_balance;
|
|
} else {
|
|
this.withdraw.amount = this.cacheInputAssets;
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
signed() {
|
|
const userRec = JSON.parse(localStorage.getItem("auth"));
|
|
console.log(userRec);
|
|
let {
|
|
username = "",
|
|
email = null,
|
|
phone = null,
|
|
user_auth_level_text = this.$t("common.notCertified"),
|
|
user_id = "",
|
|
} = userRec;
|
|
|
|
let account;
|
|
if (email) {
|
|
// 先显示邮箱
|
|
const res = /^([\w\-\.]+)@([\w\.\-]+)$/.exec(email);
|
|
account = `${res[1].slice(0, 3)}${"*".repeat(5)}@${res[2]}`;
|
|
} else if (phone) {
|
|
// 再查找手机号
|
|
account = phone.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2");
|
|
}
|
|
|
|
return {
|
|
account,
|
|
username,
|
|
user_auth_level_text,
|
|
user_id,
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
//确认提交贝宝支付
|
|
paypalSbumit(){
|
|
if(!this.paypal.amount){
|
|
this.$message({
|
|
type: "error",
|
|
message: this.$t('application.pleaseEnter')+this.$t('wallet.rechargeQuantity'),
|
|
duration: 1000
|
|
});
|
|
return
|
|
}
|
|
if(!this.paypal.images){
|
|
this.$message({
|
|
type: "error",
|
|
message: this.$t('otc.e6'),
|
|
duration: 1000
|
|
});
|
|
return
|
|
}
|
|
var item={
|
|
account:this.paypal.number,
|
|
amount:this.paypal.amount,
|
|
image:this.paypal.images
|
|
}
|
|
Wallet.rechargeManualPost(item)
|
|
.then(data => {
|
|
this.$message.success(this.$t("wallet.submitSuccess"));
|
|
this.paypal.images=''
|
|
this.paypal.amount=''
|
|
})
|
|
.catch(err => { });
|
|
},
|
|
seek(item) {
|
|
// 搜索关键字
|
|
const reg = new RegExp(this.keyword, "gi");
|
|
let res1 = !this.keyword || item.coin_name.search(reg) >= 0;
|
|
|
|
// 隐藏零余额
|
|
let res2 = !this.isHideZero || item.usable_balance>0;
|
|
|
|
return res1 && res2;
|
|
},
|
|
|
|
// 获取用户资产
|
|
getUserAssets() {
|
|
Wallet.personalAssets()
|
|
.then(data => {
|
|
this.userAssets = data;
|
|
})
|
|
.catch(err => { });
|
|
},
|
|
// 获取paypal账号
|
|
getPaypal() {
|
|
Wallet.paypal()
|
|
.then(data => {
|
|
this.paypal.number = data.paypal_account;
|
|
})
|
|
.catch(err => { });
|
|
},
|
|
|
|
// 获取币种资产
|
|
getCoinAssets() {
|
|
Wallet.fundAccount()
|
|
.then(data => {
|
|
this.coinAssets = data.list;
|
|
console.log(this.coinAssets, 1111)
|
|
})
|
|
.catch(err => { });
|
|
},
|
|
|
|
// 生成充值地址
|
|
getDepositeAdress() {
|
|
Wallet.walletImage({
|
|
coin_id: this.deposite.coin_id,
|
|
address_type: this.depositeAdressType // 充值地址类型
|
|
})
|
|
.then(data => {
|
|
this.deposite.address = data.address;
|
|
})
|
|
.catch(err => { });
|
|
},
|
|
|
|
// 进入充值
|
|
enterDeposite(item) {
|
|
if(this.userInfo.user_auth_level!=0){
|
|
this.depositeCoin = item.coin_name;
|
|
this.deposite.coin_id = item.coin_id;
|
|
// 初始化充值地址
|
|
this.getDepositeAdress();
|
|
$("#deposite").modal("show");
|
|
}else{
|
|
// this.$message.error(this.$t("wallet.auth"))
|
|
this.$router.push("/profile/certification")
|
|
}
|
|
},
|
|
//获取充值地址
|
|
getRechargeAdd(){
|
|
},
|
|
|
|
// 处理充值
|
|
handleDeposite() {
|
|
//
|
|
if (utils.validate(".deposite-body")) {
|
|
Wallet.recharge(this.deposite)
|
|
.then(data => {
|
|
this.$message({
|
|
type: "success",
|
|
message: this.$t("wallet.submitSuccess") + "！",
|
|
duration: 1000
|
|
});
|
|
// 手动关闭模态框
|
|
$("#deposite").modal("hide");
|
|
})
|
|
.catch(err => { });
|
|
}
|
|
},
|
|
|
|
// 进入提币
|
|
enterWithdraw(item) {
|
|
this.withdrawCoin = item.coin_name;
|
|
this.withdraw.coin_id = item.coin_id;
|
|
// 查找余额 手续费等信息
|
|
Wallet.withdrawalBalance({
|
|
coin_name: item.coin_name
|
|
})
|
|
.then(data => {
|
|
this.withdrawFee = data;
|
|
})
|
|
.catch(err => { });
|
|
},
|
|
|
|
// 处理提币
|
|
toHandleWithdraw() {
|
|
let data = this.withdrawFee
|
|
if (utils.validate(".withdraw-body")) {
|
|
if (data.withdraw_switch == 1) {
|
|
$("#withdraw").modal("hide");
|
|
this.verShow = true
|
|
} else {
|
|
this.handleWithdraw()
|
|
|
|
}
|
|
}
|
|
},
|
|
handleWithdraw() {
|
|
|
|
Wallet.withdraw(this.withdraw)
|
|
.then(data => {
|
|
// this.$message(this.$t("wallet.operationComplete") );
|
|
$("#withdraw").modal("hide");
|
|
this.verShow = false
|
|
this.$router.push('/wallet/funding?currentTab=withdrawal')
|
|
})
|
|
.catch(err => { });
|
|
|
|
},
|
|
// 验证码输入完成
|
|
codeComplete(obj) {
|
|
this.withdraw.code_type = obj.code_type
|
|
this.withdraw.code = obj.code
|
|
this.verShow = false
|
|
this.handleWithdraw()
|
|
},
|
|
// 创建充币地址
|
|
createWalletAddress() {
|
|
// 文鹏写的接口
|
|
// Wallet.createWalletAddress();
|
|
},
|
|
// 获取个人信息
|
|
getUserInfo() {
|
|
Profile.getUserInfo({}).then(res => {
|
|
this.userInfo = res;
|
|
});
|
|
},
|
|
// 获取实名信息
|
|
getAuthInfo() {
|
|
Profile.getAuthInfo()
|
|
.then(res => {
|
|
// this.detail = res;
|
|
// 展示页面
|
|
if (res.primary_status == 0) {
|
|
this.step = 0;
|
|
return;
|
|
} else if (res.status == 0) {
|
|
this.step = 1;
|
|
} else {
|
|
this.step = 2;
|
|
}
|
|
})
|
|
.catch(res => {});
|
|
},
|
|
},
|
|
|
|
created() {
|
|
this.getPaypal()
|
|
this.getUserAssets();
|
|
this.getCoinAssets();
|
|
this.createWalletAddress();
|
|
this.getUserInfo();
|
|
this.getAuthInfo();
|
|
},
|
|
|
|
mounted() {
|
|
const clipboard = new ClipboardJS(".dopsite-control");
|
|
const clipboard1 = new ClipboardJS(".dopsite-control1");
|
|
|
|
clipboard.on("success", function (e) {
|
|
$(".my-pop").popover("show");
|
|
setTimeout(function () {
|
|
$("#deposite-address").blur();
|
|
$(".my-pop").popover("hide");
|
|
}, 1000);
|
|
// 清除选取内容
|
|
// e.clearSelection();
|
|
});
|
|
clipboard1.on("success", function (e) {
|
|
$(".my-pop1").popover("show");
|
|
setTimeout(function () {
|
|
$("#deposite-address1").blur();
|
|
$(".my-pop1").popover("hide");
|
|
}, 1000);
|
|
// 清除选取内容
|
|
// e.clearSelection();
|
|
});
|
|
|
|
clipboard.on("error", function (e) {
|
|
// console.error('Action:', e.action);
|
|
// console.error('Trigger:', e.trigger);
|
|
});
|
|
clipboard1.on("error", function (e) {
|
|
// console.error('Action:', e.action);
|
|
// console.error('Trigger:', e.trigger);
|
|
});
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.nav-two {
|
|
.nav-item {
|
|
cursor: pointer;
|
|
position: relative;
|
|
|
|
&::after {
|
|
content: "";
|
|
width: 0;
|
|
height: 2px;
|
|
background: #007bff;
|
|
position: absolute;
|
|
bottom: -13px;
|
|
left: 0;
|
|
@include css3(transition, width 0.2s);
|
|
}
|
|
|
|
&.active,
|
|
&:hover {
|
|
&::after {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.table {
|
|
tr {
|
|
color: #F2F2F2;
|
|
&:nth-of-type(2n-1) {
|
|
background-color: #e9e9e9;
|
|
}
|
|
&:nth-of-type(2n) {
|
|
background-color: #e9e9e9;
|
|
}
|
|
}
|
|
}
|
|
.search-box {
|
|
@include flexible(row, space-between);
|
|
}
|
|
.active{
|
|
border-bottom: 1px solid;
|
|
}
|
|
.upload-demo {
|
|
/deep/ .el-upload-dragger {
|
|
width: 200px;
|
|
height: 150px;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
}
|
|
/deep/{
|
|
.el-step__title.is-process{
|
|
color: white;
|
|
}
|
|
.el-upload-dragger{
|
|
background-color: #1e2834;
|
|
}
|
|
}
|
|
.label{
|
|
font-size: 16px;
|
|
}
|
|
</style>
|
|
<style lang="scss" scoped>
|
|
.wallet-page{
|
|
color: #222;
|
|
background: #fff;
|
|
}
|
|
.light-grey{
|
|
color: #747C8B;
|
|
}
|
|
.bg-panel,
|
|
.wallet-page .panel-box .heading,
|
|
.wallet-page .panel-box .tab-content{
|
|
background: #fafafa;
|
|
}
|
|
.wallet-page .tab-pane .table thead tr,
|
|
.wallet-page .tab-pane .table tbody tr{
|
|
color: #000;
|
|
background: #fff!important;
|
|
}
|
|
.wallet-page .tab-pane .table thead tr th{
|
|
color: #999;
|
|
}
|
|
.wallet-page .tab-pane .table tbody tr td{
|
|
border: none;
|
|
}
|
|
.wallet-page .tab-pane .table tbody tr td:nth-of-type(3){
|
|
color: #BF3F4D;
|
|
}
|
|
.wallet-page .tab-pane .table tbody tr td:nth-of-type(5){
|
|
color: #F7D558;
|
|
}
|
|
/deep/ .form-control{
|
|
color: #999;
|
|
background-color: #f8f8f8;
|
|
border-color: #f8f8f8;
|
|
}
|
|
.dropdown-menu{
|
|
background-color: #fff;
|
|
border-color: #f8f8f8;
|
|
}
|
|
.dropdown-menu::before{
|
|
background: #F7D558;
|
|
}
|
|
.mybtn111:hover{
|
|
background: #F7D558;
|
|
}
|
|
input[type=radio]{
|
|
accent-color: #F7D558;
|
|
border-color: #fff;
|
|
}
|
|
.buy-content-a{
|
|
padding: 14px;
|
|
}
|
|
.buy-flex-a{
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.buy-btn-a{
|
|
width: 80px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: #000!important;
|
|
background-color: #F7D558;
|
|
border-radius: 4px;
|
|
}
|
|
</style>
|