|
@@ -1,5 +1,5 @@
|
|
<template>
|
|
<template>
|
|
- <div class="com-wrapper" ref="listWrapper" @scroll="listScroll">
|
|
+ <div class="com-wrapper" ref="listWrapper" @scroll="listScroll">
|
|
<!-- <div class="com-nav-bar">
|
|
<!-- <div class="com-nav-bar">
|
|
<img
|
|
<img
|
|
:src="require('@/assets/svg/icon-bar-arrow-left.svg')"
|
|
:src="require('@/assets/svg/icon-bar-arrow-left.svg')"
|
|
@@ -9,14 +9,13 @@
|
|
Transactions
|
|
Transactions
|
|
</div> -->
|
|
</div> -->
|
|
|
|
|
|
- <template v-if="!dataList.length">
|
|
+ <template v-if="!dataList.length">
|
|
- <img class="icon-empty" :src="require('@/assets/svg/icon-empty-list.svg')" />
|
|
+ <img class="icon-empty" :src="require('@/assets/svg/icon-empty-list.svg')" />
|
|
- </template>
|
|
+ </template>
|
|
<div class="list-wrapper" ref="listContent">
|
|
<div class="list-wrapper" ref="listContent">
|
|
<div>
|
|
<div>
|
|
<div class="cell" v-for="(item, index) in dataList" :key="index">
|
|
<div class="cell" v-for="(item, index) in dataList" :key="index">
|
|
- <red-dot class="red-dots"
|
|
+ <red-dot class="red-dots" v-if="item.unReadMsgCount > 0 && isReadMsg"></red-dot>
|
|
- v-if="item.unReadMsgCount > 0 && isReadMsg"></red-dot>
|
|
|
|
<div class="img-wrapper">
|
|
<div class="img-wrapper">
|
|
<!-- 收入- 任务红包领取 -->
|
|
<!-- 收入- 任务红包领取 -->
|
|
<template v-if="item.bizType == 1 || item.bizType == 5">
|
|
<template v-if="item.bizType == 1 || item.bizType == 5">
|
|
@@ -45,14 +44,18 @@
|
|
</template>
|
|
</template>
|
|
<!-- 收入 - 盲盒 -->
|
|
<!-- 收入 - 盲盒 -->
|
|
<template v-else-if="item.bizType == 7">
|
|
<template v-else-if="item.bizType == 7">
|
|
- <img class="icon-avatar" style="margin-left:-4px" :src="item.bizData.imagePath" v-if="item.bizData && item.bizData.imagePath" />
|
|
+ <img class="icon-avatar" style="margin-left:-4px" :src="item.bizData.imagePath"
|
|
- <img class="icon-avatar" style="margin-left:-4px" :src="require('@/assets/svg/icon-wallter-list-blind-box.svg')" v-else />
|
|
+ v-if="item.bizData && item.bizData.imagePath" />
|
|
|
|
+ <img class="icon-avatar" style="margin-left:-4px"
|
|
|
|
+ :src="require('@/assets/svg/icon-wallter-list-blind-box.svg')" v-else />
|
|
<img class="icon-give" :src="require('@/assets/svg/icon-list-withdraw-s.svg')" />
|
|
<img class="icon-give" :src="require('@/assets/svg/icon-list-withdraw-s.svg')" />
|
|
</template>
|
|
</template>
|
|
<!-- 收入 - 盲盒 -->
|
|
<!-- 收入 - 盲盒 -->
|
|
<template v-else-if="item.bizType == 8">
|
|
<template v-else-if="item.bizType == 8">
|
|
- <img class="icon-avatar" style="margin-left:-4px" :src="item.bizData.imagePath" v-if="item.bizData && item.bizData.imagePath" />
|
|
+ <img class="icon-avatar" style="margin-left:-4px" :src="item.bizData.imagePath"
|
|
- <img class="icon-avatar" style="margin-left:-4px" :src="require('@/assets/svg/icon-wallter-list-blind-box.svg')" v-else />
|
|
+ v-if="item.bizData && item.bizData.imagePath" />
|
|
|
|
+ <img class="icon-avatar" style="margin-left:-4px"
|
|
|
|
+ :src="require('@/assets/svg/icon-wallter-list-blind-box.svg')" v-else />
|
|
<img class="icon-give" :src="require('@/assets/svg/icon-get-giveaways-s.svg')" />
|
|
<img class="icon-give" :src="require('@/assets/svg/icon-get-giveaways-s.svg')" />
|
|
</template>
|
|
</template>
|
|
<!-- 支出 - 提现 -->
|
|
<!-- 支出 - 提现 -->
|
|
@@ -64,18 +67,18 @@
|
|
<!-- 支出-任务红包余额支付 -->
|
|
<!-- 支出-任务红包余额支付 -->
|
|
<template v-else-if="item.bizType == -2">
|
|
<template v-else-if="item.bizType == -2">
|
|
<img style="margin-left:-4px" :src="
|
|
<img style="margin-left:-4px" :src="
|
|
- require('@/assets/svg/icon-big-give.svg')
|
|
+ require('@/assets/svg/icon-big-give.svg')
|
|
" />
|
|
" />
|
|
</template>
|
|
</template>
|
|
<!-- 支出-买盲盒 -->
|
|
<!-- 支出-买盲盒 -->
|
|
<template v-else-if="item.bizType == -3">
|
|
<template v-else-if="item.bizType == -3">
|
|
<img style="margin-left:-4px" :src="
|
|
<img style="margin-left:-4px" :src="
|
|
- require('@/assets/svg/icon-wallter-list-blind-box.svg')
|
|
+ require('@/assets/svg/icon-wallter-list-blind-box.svg')
|
|
" />
|
|
" />
|
|
</template>
|
|
</template>
|
|
<template v-else-if="item.bizType == -4">
|
|
<template v-else-if="item.bizType == -4">
|
|
<img class="icon-avatar" style="margin-left:-4px" :src="
|
|
<img class="icon-avatar" style="margin-left:-4px" :src="
|
|
- require('@/assets/svg/icon-big-give.svg')
|
|
+ require('@/assets/svg/icon-big-give.svg')
|
|
" />
|
|
" />
|
|
<img class="icon-give" :src="
|
|
<img class="icon-give" :src="
|
|
require('@/assets/svg/icon-list-withdraw-s.svg')
|
|
require('@/assets/svg/icon-list-withdraw-s.svg')
|
|
@@ -83,8 +86,10 @@
|
|
</template>
|
|
</template>
|
|
<!-- 交易链手续费 -->
|
|
<!-- 交易链手续费 -->
|
|
<template v-else-if="item.bizType == -5">
|
|
<template v-else-if="item.bizType == -5">
|
|
- <img class="icon-avatar" style="margin-left:-4px" :src="item.bizData.imagePath" v-if="item.bizData && item.bizData.imagePath" />
|
|
+ <img class="icon-avatar" style="margin-left:-4px" :src="item.bizData.imagePath"
|
|
- <img class="icon-avatar" style="margin-left:-4px" :src="require('@/assets/img/icon-box2.png')" v-else />
|
|
+ v-if="item.bizData && item.bizData.imagePath" />
|
|
|
|
+ <img class="icon-avatar" style="margin-left:-4px"
|
|
|
|
+ :src="require('@/assets/img/icon-box2.png')" v-else />
|
|
<img class="icon-give" :src="require('@/assets/svg/icon-transaction-s.svg')" />
|
|
<img class="icon-give" :src="require('@/assets/svg/icon-transaction-s.svg')" />
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
@@ -110,7 +115,7 @@
|
|
Lottery Refund
|
|
Lottery Refund
|
|
</template>
|
|
</template>
|
|
<template v-else-if="item.bizType == 7">
|
|
<template v-else-if="item.bizType == 7">
|
|
- Sell NFT Mystery box*{{(item.bizData && item.bizData.nftItemCount || '')}}
|
|
+ Sell NFT Mystery box*{{ (item.bizData && item.bizData.nftItemCount || '') }}
|
|
</template>
|
|
</template>
|
|
<template v-else-if="item.bizType == 8">
|
|
<template v-else-if="item.bizType == 8">
|
|
NFT Refund
|
|
NFT Refund
|
|
@@ -122,7 +127,7 @@
|
|
Giveaways
|
|
Giveaways
|
|
</template>
|
|
</template>
|
|
<template v-else-if="item.bizType == -3">
|
|
<template v-else-if="item.bizType == -3">
|
|
- Buy NFT Mystery box*{{(item.bizData && item.bizData.nftItemCount || '')}}
|
|
+ Buy NFT Mystery box*{{ (item.bizData && item.bizData.nftItemCount || '') }}
|
|
</template>
|
|
</template>
|
|
<template v-else-if="item.bizType == -4">
|
|
<template v-else-if="item.bizType == -4">
|
|
Lottery Giveaway
|
|
Lottery Giveaway
|
|
@@ -137,17 +142,19 @@
|
|
<div class="msg">
|
|
<div class="msg">
|
|
<template v-if="item.bizType == -1">
|
|
<template v-if="item.bizType == -1">
|
|
<!-- 提现支出-状态(0:已申请,1:支付中,2:提现成功,3:提现失败) -->
|
|
<!-- 提现支出-状态(0:已申请,1:支付中,2:提现成功,3:提现失败) -->
|
|
- <template v-if="item.bizData.withdrawStatus == 0 || item.bizData.withdrawStatus == 1">
|
|
+ <template
|
|
|
|
+ v-if="item.bizData.withdrawStatus == 0 || item.bizData.withdrawStatus == 1">
|
|
<div>
|
|
<div>
|
|
<div class="balance"
|
|
<div class="balance"
|
|
- :class="{'balance-direction': item.trxAmountCurrencyInfo.tokenSymbol.length + ('' + item.trxAmountValue).length > 12}">
|
|
+ :class="{ 'balance-direction': item.trxAmountCurrencyInfo.tokenSymbol.length + ('' + item.trxAmountValue).length > 12 }">
|
|
<span class="amount">
|
|
<span class="amount">
|
|
- <a-tooltip :title="'-'+item.trxAmountValue">
|
|
+ <a-tooltip :title="'-' + item.trxAmountValue">
|
|
-{{ getBit(item.trxAmountValue) || 0 }}
|
|
-{{ getBit(item.trxAmountValue) || 0 }}
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
</span>
|
|
</span>
|
|
<div class="trx-amount-currency-info">
|
|
<div class="trx-amount-currency-info">
|
|
- <span class="name">{{ item.trxAmountCurrencyInfo.tokenSymbol }}</span>
|
|
+ <span class="name">{{ item.trxAmountCurrencyInfo.tokenSymbol
|
|
|
|
+ }}</span>
|
|
<img :src="item.trxAmountCurrencyInfo.iconPath" alt="">
|
|
<img :src="item.trxAmountCurrencyInfo.iconPath" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -158,9 +165,9 @@
|
|
</template>
|
|
</template>
|
|
<template v-else-if="item.bizData.withdrawStatus == 2">
|
|
<template v-else-if="item.bizData.withdrawStatus == 2">
|
|
<div class="balance"
|
|
<div class="balance"
|
|
- :class="{'balance-direction': item.trxAmountCurrencyInfo.tokenSymbol.length + ('' + item.trxAmountValue).length > 12}">
|
|
+ :class="{ 'balance-direction': item.trxAmountCurrencyInfo.tokenSymbol.length + ('' + item.trxAmountValue).length > 12 }">
|
|
<span class="amount">
|
|
<span class="amount">
|
|
- <a-tooltip :title="'-'+item.trxAmountValue">
|
|
+ <a-tooltip :title="'-' + item.trxAmountValue">
|
|
-{{ getBit(item.trxAmountValue) || 0 }}
|
|
-{{ getBit(item.trxAmountValue) || 0 }}
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
</span>
|
|
</span>
|
|
@@ -173,14 +180,15 @@
|
|
<template v-else-if="item.bizData.withdrawStatus == 3">
|
|
<template v-else-if="item.bizData.withdrawStatus == 3">
|
|
<div>
|
|
<div>
|
|
<div class="balance"
|
|
<div class="balance"
|
|
- :class="{'balance-direction': item.trxAmountCurrencyInfo.tokenSymbol.length + ('' + item.trxAmountValue).length > 12}">
|
|
+ :class="{ 'balance-direction': item.trxAmountCurrencyInfo.tokenSymbol.length + ('' + item.trxAmountValue).length > 12 }">
|
|
- <span class="amount">
|
|
+ <span class="amount">
|
|
- <a-tooltip :title="'-'+item.trxAmountValue">
|
|
+ <a-tooltip :title="'-' + item.trxAmountValue">
|
|
-{{ getBit(item.trxAmountValue) || 0 }}
|
|
-{{ getBit(item.trxAmountValue) || 0 }}
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
</span>
|
|
</span>
|
|
<div class="trx-amount-currency-info">
|
|
<div class="trx-amount-currency-info">
|
|
- <span class="name">{{ item.trxAmountCurrencyInfo.tokenSymbol }}</span>
|
|
+ <span class="name">{{ item.trxAmountCurrencyInfo.tokenSymbol
|
|
|
|
+ }}</span>
|
|
<img :src="item.trxAmountCurrencyInfo.iconPath" alt="">
|
|
<img :src="item.trxAmountCurrencyInfo.iconPath" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -191,9 +199,9 @@
|
|
</template>
|
|
</template>
|
|
<template v-else>
|
|
<template v-else>
|
|
<div class="balance"
|
|
<div class="balance"
|
|
- :class="{'balance-direction': item.trxAmountCurrencyInfo.tokenSymbol.length + ('' + item.trxAmountValue).length > 12}">
|
|
+ :class="{ 'balance-direction': item.trxAmountCurrencyInfo.tokenSymbol.length + ('' + item.trxAmountValue).length > 12 }">
|
|
<span class="amount">
|
|
<span class="amount">
|
|
- <a-tooltip :title="'-'+item.trxAmountValue">
|
|
+ <a-tooltip :title="'-' + item.trxAmountValue">
|
|
-{{ getBit(item.trxAmountValue) || 0 }}
|
|
-{{ getBit(item.trxAmountValue) || 0 }}
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
</span>
|
|
</span>
|
|
@@ -207,17 +215,18 @@
|
|
|
|
|
|
<template v-else>
|
|
<template v-else>
|
|
<div class="balance"
|
|
<div class="balance"
|
|
- :class="{'balance-direction': item.trxAmountCurrencyInfo.tokenSymbol.length + ('' + item.trxAmountValue).length > 12}">
|
|
+ :class="{ 'balance-direction': item.trxAmountCurrencyInfo.tokenSymbol.length + ('' + item.trxAmountValue).length > 12 }">
|
|
|
|
|
|
<!--支出—— -2:零钱余额支付 、-3: NFT盲盒余额支付 -->
|
|
<!--支出—— -2:零钱余额支付 、-3: NFT盲盒余额支付 -->
|
|
- <span class="amount" v-if="item.bizType == -2 || item.bizType == -3 || item.bizType == -4 || item.bizType == -5">
|
|
+ <span class="amount"
|
|
|
|
+ v-if="item.bizType == -2 || item.bizType == -3 || item.bizType == -4 || item.bizType == -5">
|
|
<a-tooltip :title="'-' + item.trxAmountValue">
|
|
<a-tooltip :title="'-' + item.trxAmountValue">
|
|
-{{ getBit(item.trxAmountValue) || 0 }}
|
|
-{{ getBit(item.trxAmountValue) || 0 }}
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
</span>
|
|
</span>
|
|
<!-- 收入—— bizType:1、2、3、4 -->
|
|
<!-- 收入—— bizType:1、2、3、4 -->
|
|
<span class="amount" v-else>
|
|
<span class="amount" v-else>
|
|
- <a-tooltip :title="'+'+item.trxAmountValue">
|
|
+ <a-tooltip :title="'+' + item.trxAmountValue">
|
|
+{{ getBit(item.trxAmountValue) || 0 }}
|
|
+{{ getBit(item.trxAmountValue) || 0 }}
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
</span>
|
|
</span>
|
|
@@ -305,13 +314,15 @@ onMounted(() => {
|
|
});
|
|
});
|
|
|
|
|
|
const setMessageCount = () => {
|
|
const setMessageCount = () => {
|
|
- getAllMessageInfo({params: {
|
|
+ getAllMessageInfo({
|
|
- }}).then(res => {
|
|
+ params: {
|
|
- if(res.code == 0) {
|
|
+ }
|
|
- let {unReadCountTotal = 0 } = res.data;
|
|
+ }).then(res => {
|
|
- if(unReadCountTotal > 0) {
|
|
+ if (res.code == 0) {
|
|
- let text = unReadCountTotal > 99 ? '99+' : unReadCountTotal+'';
|
|
+ let { unReadCountTotal = 0 } = res.data;
|
|
- setBadgeInfo({data: {text}});
|
|
+ if (unReadCountTotal > 0) {
|
|
|
|
+ let text = unReadCountTotal > 99 ? '99+' : unReadCountTotal + '';
|
|
|
|
+ setBadgeInfo({ data: { text } });
|
|
} else {
|
|
} else {
|
|
hideBadge();
|
|
hideBadge();
|
|
}
|
|
}
|
|
@@ -383,8 +394,8 @@ const listScroll = (e) => {
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
.red-dots {
|
|
.red-dots {
|
|
- position: absolute;
|
|
+ position: absolute;
|
|
- right: 4px;
|
|
+ right: 4px;
|
|
top: 4px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
|