zhixinlian
/
fontend-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

法币钱包充值功能修改

Browse Source
master
钟海欣 5 years ago
parent 44768496f4
commit 780759cf9a
1 changed files with 214 additions and 79 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 285
      src/components/balances/bibi-balances/bibi-balances-table.vue

285
src/components/balances/bibi-balances/bibi-balances-table.vue
Unescape View File

@ -8,17 +8,27 @@
<div class="total_inner"> <div class="total_inner">
<!-- 总资产 --> <!-- 总资产 -->
<span>{{ $t('balances.table.taotal') }}</span> <span>{{ $t('balances.table.taotal') }}</span>
<span class="total_inner-many">{{tatolPrice | formatV}} USDT</span> <span class="total_inner-many"
>{{ tatolPrice | formatV }} USDT</span
>
<!-- <span>USDT</span> --> <!-- <span>USDT</span> -->
<span class="total_secondary-text"> <span class="total_secondary-text">
<span class="total_symbol">≈</span> <span class="total_symbol">≈</span>
<!-- 切换汇率 --> <!-- 切换汇率 -->
<!-- <span>{{tatolPrice * usdAmount | formatV}} USD</span> --> <!-- <span>{{tatolPrice * usdAmount | formatV}} USD</span> -->
<span v-if="!currentrate">{{tatolPrice * usdAmount | formatV}} USD</span> <span v-if="!currentrate"
<span v-else-if="currentrate == 'HKD'">{{tatolPrice * hkdAmount | formatV}} HKD</span> >{{ (tatolPrice * usdAmount) | formatV }} USD</span
<span v-else-if="currentrate == 'USD'">{{tatolPrice * usdAmount | formatV}} USD</span> >
<span v-else-if="currentrate == 'CNY'">{{tatolPrice * cnyAmount | formatV}} CNY</span> <span v-else-if="currentrate == 'HKD'"
<span v-else>{{tatolPrice * eurAmount | formatV}} EUR</span> >{{ (tatolPrice * hkdAmount) | formatV }} HKD</span
>
<span v-else-if="currentrate == 'USD'"
>{{ (tatolPrice * usdAmount) | formatV }} USD</span
>
<span v-else-if="currentrate == 'CNY'"
>{{ (tatolPrice * cnyAmount) | formatV }} CNY</span
>
<span v-else>{{ (tatolPrice * eurAmount) | formatV }} EUR</span>
</span> </span>
</div> </div>
</div> </div>
@ -35,7 +45,11 @@
</el-row> </el-row>
<!-- 内容 --> <!-- 内容 -->
<el-row class="cec-table gundong" stripe v-if="btcMoney!='' || ethMoney!=''||eosMoney!=''"> <el-row
class="cec-table gundong"
stripe
v-if="btcMoney != '' || ethMoney != '' || eosMoney != ''"
>
<!-- btc钱包内容 --> <!-- btc钱包内容 -->
<el-col <el-col
class="cec-title" class="cec-title"
@ -44,43 +58,63 @@
> >
<!-- 币种 --> <!-- 币种 -->
<div> <div>
<span type="text" style="cursor: default;">{{ itembtc.tokenSymbol }}</span> <span type="text" style="cursor: default;">{{
itembtc.tokenSymbol
}}</span>
</div> </div>
<!-- 可用 --> <!-- 可用 -->
<div> <div>
<span type="text" class="white size">{{ itembtc.freeBalance | formatV }}</span> <span type="text" class="white size">{{
itembtc.freeBalance | formatV
}}</span>
</div> </div>
<!-- 冻结 --> <!-- 冻结 -->
<div> <div>
<span type="text" class="white size">{{ itembtc.freezeBalance | formatV }}</span> <span type="text" class="white size">{{
itembtc.freezeBalance | formatV
}}</span>
</div> </div>
<div> <div>
<!-- 充值 --> <!-- 充值 -->
<span <span
class="blue" class="blue"
@click="handleTableActionClick('deposit', itembtc )" @click="handleTableActionClick('deposit', itembtc)"
type="text" type="text"
>{{ $t('balances.table.header_last_recharge') }}</span> >{{ $t('balances.table.header_last_recharge') }}</span
>
<!-- 提币 --> <!-- 提币 -->
<!-- <span <span
@click="handleTableActionClick('withdrawal',itembtc)" @click="handleTableActionClick('withdrawal', itembtc)"
type="text" type="text"
>{{ $t('balances.table.header_last_mention') }}</span>--> >{{ $t('balances.table.header_last_mention') }}</span
>
<!-- 划转 --> <!-- 划转 -->
<span <!-- <span
@click="handleTableActionClick('transfer',itembtc)" @click="handleTableActionClick('transfer', itembtc)"
type="text" type="text"
>{{ $t('balances.table.header_last_hua') }}</span> >{{ $t('balances.table.header_last_hua') }}</span
> -->
<!-- 交易 --> <!-- 交易 -->
<a href="./exchange"> <a href="./exchange">
<span type="text">{{ $t('balances.table.header_last_deal') }}</span> <span type="text">{{
$t('balances.table.header_last_deal')
}}</span>
</a> </a>
<!-- 财务记录 --> <!-- 财务记录 -->
<a <a
:href="'./balancesRecord/otcRecord?id=' + itembtc.tokenSymbol +'&addr='+ itembtc.addr + '&tokenId=' +itembtc.tokenId" :href="
'./balancesRecord/otcRecord?id=' +
itembtc.tokenSymbol +
'&addr=' +
itembtc.addr +
'&tokenId=' +
itembtc.tokenId
"
> >
<span type="text">{{ $t('balances.table.header_last_financial') }}</span> <span type="text">{{
$t('balances.table.header_last_financial')
}}</span>
</a> </a>
</div> </div>
</el-col> </el-col>
@ -89,93 +123,136 @@
<!-- <el-col class="cec-title" :data="ethMoney"> --> <!-- <el-col class="cec-title" :data="ethMoney"> -->
<el-col <el-col
class="cec-title" class="cec-title"
v-for="(itemOtcETH ,indexOTCeth) in ethMoney" v-for="(itemOtcETH, indexOTCeth) in ethMoney"
:key="'info3-'+indexOTCeth" :key="'info3-' + indexOTCeth"
> >
<!-- 币种 --> <!-- 币种 -->
<div> <div>
<span type="text" style="cursor: default;">{{ itemOtcETH.tokenSymbol }}</span> <span type="text" style="cursor: default;">{{
itemOtcETH.tokenSymbol
}}</span>
</div> </div>
<!-- 可用 --> <!-- 可用 -->
<div> <div>
<span type="text" class="white size">{{ itemOtcETH.freeBalance | formatV }}</span> <span type="text" class="white size">{{
itemOtcETH.freeBalance | formatV
}}</span>
</div> </div>
<!-- 冻结 --> <!-- 冻结 -->
<div> <div>
<span type="text" class="white size">{{ itemOtcETH.freezeBalance | formatV }}</span> <span type="text" class="white size">{{
itemOtcETH.freezeBalance | formatV
}}</span>
</div> </div>
<div> <div>
<!-- 充值 --> <!-- 充值 -->
<span <span
@click="handleTableActionClick('deposit',itemOtcETH)" @click="handleTableActionClick('deposit', itemOtcETH)"
type="text" type="text"
>{{ $t('balances.table.header_last_recharge') }}</span> >{{ $t('balances.table.header_last_recharge') }}</span
>
<!-- 提币 --> <!-- 提币 -->
<!-- <span <span
@click="handleTableActionClick('withdrawal',itemOtcETH)" @click="handleTableActionClick('withdrawal', itemOtcETH)"
type="text" type="text"
>{{ $t('balances.table.header_last_mention') }}</span>--> >{{ $t('balances.table.header_last_mention') }}</span
>
<!-- 划转 --> <!-- 划转 -->
<span <!-- <span
@click="handleTableActionClick('transfer',itemOtcETH)" @click="handleTableActionClick('transfer',itemOtcETH)"
type="text" type="text"
>{{ $t('balances.table.header_last_hua') }}</span> >{{ $t('balances.table.header_last_hua') }}</span> -->
<!-- 交易 --> <!-- 交易 -->
<a href="./exchange"> <a href="./exchange">
<span type="text">{{ $t('balances.table.header_last_deal') }}</span> <span type="text">{{
$t('balances.table.header_last_deal')
}}</span>
</a> </a>
<!-- 财务记录 --> <!-- 财务记录 -->
<a <a
:href="'./balancesRecord/otcRecord?id=' + itemOtcETH.tokenSymbol +'&addr='+itemOtcETH.addr+'&tokenAddrOtc='+itemOtcETH.tokenAddr" :href="
'./balancesRecord/otcRecord?id=' +
itemOtcETH.tokenSymbol +
'&addr=' +
itemOtcETH.addr +
'&tokenAddrOtc=' +
itemOtcETH.tokenAddr
"
> >
<span type="text">{{ $t('balances.table.header_last_financial') }}</span> <span type="text">{{
$t('balances.table.header_last_financial')
}}</span>
</a> </a>
</div> </div>
</el-col> </el-col>
<!-- eos钱包内容 --> <!-- eos钱包内容 -->
<el-col class="cec-title" v-for="(item, indexEos) in eosMoney" :key="indexEos"> <el-col
class="cec-title"
v-for="(item, indexEos) in eosMoney"
:key="indexEos"
>
<!-- 币种 --> <!-- 币种 -->
<div> <div>
<span type="text" style="cursor: default;">{{ item.tokenSymbol }}</span> <span type="text" style="cursor: default;">{{
item.tokenSymbol
}}</span>
</div> </div>
<!-- 可用 --> <!-- 可用 -->
<div> <div>
<span type="text" class="white size">{{ item.freeBalance | formatV }}</span> <span type="text" class="white size">{{
item.freeBalance | formatV
}}</span>
</div> </div>
<!-- 冻结 --> <!-- 冻结 -->
<div> <div>
<span type="text" class="white size">{{ item.freezeBalance | formatV }}</span> <span type="text" class="white size">{{
item.freezeBalance | formatV
}}</span>
</div> </div>
<div> <div>
<!-- 充值 --> <!-- 充值 -->
<span <span
@click="handleTableActionClick('deposit',item)" @click="handleTableActionClick('deposit', item)"
type="text" type="text"
>{{ $t('balances.table.header_last_recharge') }}</span> >{{ $t('balances.table.header_last_recharge') }}</span
>
<!-- 提币 --> <!-- 提币 -->
<!-- <span <span
@click="handleTableActionClick('withdrawal',item)" @click="handleTableActionClick('withdrawal', item)"
type="text" type="text"
>{{ $t('balances.table.header_last_mention') }}</span>--> >{{ $t('balances.table.header_last_mention') }}</span
>
<!-- 划转 --> <!-- 划转 -->
<span <!-- <span
@click="handleTableActionClick('transfer',item)" @click="handleTableActionClick('transfer', item)"
type="text" type="text"
>{{ $t('balances.table.header_last_hua') }}</span> >{{ $t('balances.table.header_last_hua') }}</span
> -->
<!-- 交易 --> <!-- 交易 -->
<a href="./exchange"> <a href="./exchange">
<span type="text">{{ $t('balances.table.header_last_deal') }}</span> <span type="text">{{
$t('balances.table.header_last_deal')
}}</span>
</a> </a>
<!-- 财务记录 --> <!-- 财务记录 -->
<a <a
:href="'./balancesRecord/otcRecord?id=' + item.tokenSymbol :href="
'./balancesRecord/otcRecord?id=' +
+'&addr='+item.userOpenId +'&addrId='+item.id+'&tokenName='+item.tokenName" item.tokenSymbol +
'&addr=' +
item.userOpenId +
'&addrId=' +
item.id +
'&tokenName=' +
item.tokenName
"
> >
<span type="text">{{ $t('balances.table.header_last_financial') }}</span> <span type="text">{{
$t('balances.table.header_last_financial')
}}</span>
</a> </a>
</div> </div>
</el-col> </el-col>
@ -186,7 +263,7 @@
<div> <div>
<img src="../../../assets/home/ic_shuju.png" alt /> <img src="../../../assets/home/ic_shuju.png" alt />
</div> </div>
<div>{{$t('balances.table.header_nodata')}}</div> <div>{{ $t('balances.table.header_nodata') }}</div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -203,42 +280,45 @@
</el-dialog> </el-dialog>
<!-- 提币 --> <!-- 提币 -->
<!-- <el-dialog <el-dialog
:title="$t('balances.table.header_last_mention')" :title="$t('balances.table.header_last_mention')"
width="745px" width="745px"
:visible.sync="ctrl.withdrawalDialogVisible" :visible.sync="ctrl.withdrawalDialogVisible"
v-if="ctrl.withdrawalDialogVisible" v-if="ctrl.withdrawalDialogVisible"
> >
<BibiBalancesWithdrawal :tiInfo="titoo"></BibiBalancesWithdrawal> <BibiBalancesWithdrawal :tiInfo="titoo"></BibiBalancesWithdrawal>
</el-dialog>--> </el-dialog>
<!-- 划转 --> <!-- 划转 -->
<el-dialog <!-- <el-dialog
:title="$t('balances.table.header_between')" :title="$t('balances.table.header_between')"
width="745px" width="745px"
:visible.sync="ctrl.transferDialogVisible" :visible.sync="ctrl.transferDialogVisible"
@close="closeTrans" @close="closeTrans"
> >
<div> <div>
<p>{{$t("balances.table.header_betweenBibi")}}</p> <p>{{ $t('balances.table.header_betweenBibi') }}</p>
<div class="transfer-form"> <div class="transfer-form">
<el-form :model="form" label-position="top"> <el-form :model="form" label-position="top"> -->
<!-- 币种 --> <!-- 币种 -->
<el-form-item :label="$t('balances.table.header_pair')"> <!-- <el-form-item :label="$t('balances.table.header_pair')">
<el-input v-model="form.bi" :disabled="true"></el-input> <el-input v-model="form.bi" :disabled="true"></el-input>
</el-form-item> </el-form-item> -->
<!-- 从 --> <!-- 从 -->
<el-form-item :label="$t('balances.table.header_cong')"> <!-- <el-form-item :label="$t('balances.table.header_cong')">
<el-input v-model="form.get" :disabled="true"></el-input> <el-input v-model="form.get" :disabled="true"></el-input>
</el-form-item> </el-form-item> -->
<!-- 转至 --> <!-- 转至 -->
<el-form-item :label="$t('balances.table.header_zhuan')"> <!-- <el-form-item :label="$t('balances.table.header_zhuan')">
<el-input v-model="form.out" :disabled="true"></el-input> <el-input v-model="form.out" :disabled="true"></el-input>
</el-form-item> </el-form-item> -->
<!-- 金额 --> <!-- 金额 -->
<el-form-item :label="$t('balances.table.header_many')"> <!-- <el-form-item :label="$t('balances.table.header_many')">
<el-input v-model="form.amount" :change="check_amount()"></el-input> <el-input
v-model="form.amount"
:change="check_amount()"
></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -248,16 +328,17 @@
class="btn-widget" class="btn-widget"
@click="handletransfer()" @click="handletransfer()"
:loading="loading" :loading="loading"
>{{$t('balances.table.header_liji')}}</el-button> >{{ $t('balances.table.header_liji') }}</el-button
>
<el-button <el-button
@click="ctrl.transferDialogVisible = false" @click="ctrl.transferDialogVisible = false"
class="btn-widgetq" class="btn-widgetq"
>{{$t('balances.table.header_dele')}}</el-button> >{{ $t('balances.table.header_dele') }}</el-button
>
</div> </div>
</div> </div>
</div> </div>
<!-- <BanlancesTransfer></BanlancesTransfer> --> </el-dialog> -->
</el-dialog>
</div> </div>
</template> </template>
@ -277,11 +358,18 @@ import {
chargeOTCBtc, chargeOTCBtc,
chargeOTCUsdt, chargeOTCUsdt,
transferBtc, transferBtc,
addBtc,
} from '@/api/btc.js'; } from '@/api/btc.js';
import {getOTCEth, chargeOTCEth, transferEth} from '@/api/eth.js'; import {getOTCEth, chargeOTCEth, transferEth, addEth} from '@/api/eth.js';
import {getOTCEos, upOTCEosAddr, chargeOTCEos, transferEos} from '@/api/eos.js'; import {
getOTCEos,
upOTCEosAddr,
chargeOTCEos,
transferEos,
addEos,
} from '@/api/eos.js';
import {getLeftPrice} from '@/api/currency.js'; import {getLeftPrice} from '@/api/currency.js';
@ -385,9 +473,56 @@ export default {
// return; // return;
// } // }
// 充值弹窗 // 充值弹窗
this.ctrl.depositDialogVisible = true; // this.ctrl.depositDialogVisible = true;
this.tatoo = name; this.tatoo = name;
// console.log(this.tatoo); if (name.tokenSymbol == 'EOS') {
addEos({
addr: name.addr,
tokenId: name.tokenSymbol,
walletType: 'OTC',
}).then(res => {
console.log(name.tokenSymbol);
console.log(name.addr);
if (res.data.code === 200) {
// 充值成功！
this.$message.success(this.$t('balances.table.add'));
// location.reload(); //成功刷新页面
} else {
this.$message.error(res.data.msg);
}
});
} else if (name.tokenSymbol == 'BTC' || name.tokenSymbol == 'USDT') {
addBtc({
addr: name.addr,
tokenId: name.tokenSymbol,
walletType: 'OTC',
}).then(res => {
console.log(name.tokenSymbol);
console.log(name.addr);
if (res.data.code === 200) {
this.$message.success(this.$t('balances.table.add'));
// location.reload(); //成功刷新页面
} else {
this.$message.error(res.data.msg);
}
});
} else {
addEth({
addr: name.addr,
tokenId: name.tokenSymbol,
walletType: 'OTC',
}).then(res => {
console.log(name.tokenSymbol);
console.log(name.addr);
if (res.data.code === 200) {
this.$message.success(this.$t('balances.table.add'));
// location.reload(); //成功刷新页面
} else {
this.$message.error(res.data.msg);
}
});
}
break; break;
case 'withdrawal': case 'withdrawal':

Write Preview
Loading…
Cancel
Save