账单暂存
This commit is contained in:
dragon
@@ -1,5 +1,6 @@
|
||||
const ar = {
|
||||
diamondLog: {
|
||||
餘額: "الرصيد",
|
||||
全部: "الكل",
|
||||
公会周期结算会长钻石收入: "إيرادات الماس لرئيس النقابة عند التسوية الدورية",
|
||||
购买房间背景: "شراء خلفية الغرفة",
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
const en = {
|
||||
diamondLog: {
|
||||
全部: "Balance",
|
||||
全部: "All",
|
||||
公会周期结算会长钻石收入: "Guild Leader Diamond Income for Periodic Settlement",
|
||||
购买房间背景: "Purchase Room Background",
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
const zh = {
|
||||
diamondLog: {
|
||||
餘額: "餘額",
|
||||
全部: "全部",
|
||||
公会周期结算会长钻石收入: "公會週期結算會長鑽石收入",
|
||||
购买房间背景: "購買房間背景",
|
||||
|
||||
@@ -24,7 +24,7 @@ const service = axios.create({
|
||||
service.interceptors.request.use(config => {
|
||||
if (router.apps[0]._route.name === 'Login') {
|
||||
config.headers = {}
|
||||
} else if (!checkVersion().app) {//false
|
||||
} else if (false) {//!checkVersion().app
|
||||
if (router.apps[0]._route.name === 'WithDrawInfoBind' && config.url == `/sms/verify` || config.url == `/sms/getCode`) {
|
||||
config.headers = {
|
||||
'h5_token': window.sessionStorage.getItem('ticket'),
|
||||
|
||||
@@ -5,366 +5,63 @@
|
||||
:title="this.$t(`diamondLog.金幣記錄`)"
|
||||
rightTitle
|
||||
></navigation>
|
||||
<div
|
||||
:class="
|
||||
!this.$store.state.isApp ? 'diamond-tab' : 'diamond-tab crystal-top-app'
|
||||
"
|
||||
>
|
||||
<div :class="tab === 0 ? 'active' : ''" @click="cutTab(11)">
|
||||
<span> {{ $t("diamondLog.全部") }}</span>
|
||||
<span :class="tab === 0 ? 'active' : ''"></span>
|
||||
<!-- 处理tab切换 -->
|
||||
<div class="tab">
|
||||
<div @click="cutTab(0)">
|
||||
<b>{{ $t("diamondLog.全部") }}</b>
|
||||
<span v-show="tabAct == ''"></span>
|
||||
</div>
|
||||
<div :class="tab === 11 ? 'active' : ''" @click="cutTab(11)">
|
||||
<span> {{ $t("diamondLog.收入記錄") }}</span>
|
||||
<span :class="tab === 11 ? 'active' : ''"></span>
|
||||
<div @click="cutTab(1)">
|
||||
<b>{{ $t("diamondLog.收入記錄") }}</b>
|
||||
<span v-show="tabAct == 1"></span>
|
||||
</div>
|
||||
<div :class="tab === 12 ? 'active' : ''" @click="cutTab(12)">
|
||||
<span>{{ $t("diamondLog.支出記錄") }}</span>
|
||||
<span :class="tab === 12 ? 'active' : ''"></span>
|
||||
<div @click="cutTab(2)">
|
||||
<b>{{ $t("diamondLog.支出記錄") }}</b>
|
||||
<span v-show="tabAct == 2"></span>
|
||||
</div>
|
||||
<div :class="tab === 1 ? 'active' : ''" @click="cutTab(1)">
|
||||
<span>{{ $t("diamondLog.禮物獲得") }}</span>
|
||||
<span :class="tab === 1 ? 'active' : ''"></span>
|
||||
<div @click="cutTab(4)">
|
||||
<b>{{ $t("diamondLog.禮物獲得") }}</b>
|
||||
<span v-show="tabAct == 4"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 日期选择 -->
|
||||
<div class="dataList">
|
||||
<img src="@/assets/img/dataList.png" alt="" />
|
||||
<span>2024-11-23</span>
|
||||
<span>{{ formatDate(new Date().getTime()) }}</span>
|
||||
</div>
|
||||
<van-index-bar
|
||||
:index-list="indexList"
|
||||
class="diamond-list"
|
||||
:sticky-offset-top="htmlDomXd"
|
||||
>
|
||||
<!-- :sticky-offset-top="!this.$store.state.isApp ? unApp : isApp" -->
|
||||
<!-- v-model="loading" -->
|
||||
<!-- :finished="finished" -->
|
||||
<van-list
|
||||
style="width: 100%"
|
||||
:finished-text="this.$t(`diamondLog.加載中`)"
|
||||
@load="onLoad"
|
||||
<!-- 列表 -->
|
||||
<!-- <ul> -->
|
||||
<div class="box" v-for="(res, i) in list" :key="i">
|
||||
<div :class="i == 0 ? 'titleNum titleNumF' : 'titleNum'">
|
||||
<div class="left">
|
||||
<span>Total income:</span>
|
||||
<b>{{ res.totalAmount }}</b>
|
||||
<img src="@/assets/img/gold.png" alt="" />
|
||||
</div>
|
||||
<div class="right">{{ res.date }}</div>
|
||||
</div>
|
||||
<div
|
||||
class="recordList"
|
||||
v-for="(item, index) in res.recordList"
|
||||
:key="index"
|
||||
>
|
||||
<div v-for="(item, index) in list" :key="index">
|
||||
<van-index-anchor
|
||||
style="background: #f5f5f5 !important"
|
||||
class="in-all"
|
||||
index="1"
|
||||
v-if="thinkTime(index, item)"
|
||||
>
|
||||
<div class="boxs">
|
||||
<div>
|
||||
<span class="time">
|
||||
{{
|
||||
tab === 11
|
||||
? $t("diamondLog.共收入")
|
||||
: tab == 1
|
||||
? $t("diamondLog.共獲得價值")
|
||||
: $t("diamondLog.共支出")
|
||||
}}
|
||||
</span>
|
||||
<span class="total">
|
||||
{{ tab === 1 ? item.totalGiftGoldNumDailySum : item.total }}
|
||||
</span>
|
||||
<img class="img" src="@/assets/img/gold.png" alt="" srcset="" />
|
||||
</div>
|
||||
<div>
|
||||
<span class="time">{{ relDate(item.date) }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</van-index-anchor>
|
||||
|
||||
<div
|
||||
class="in-all-detail"
|
||||
v-for="(item1, index1) in item[item.date]"
|
||||
:key="index1"
|
||||
>
|
||||
<div class="in-all-user">
|
||||
<p v-if="tab === 11 && item1.objType === 43">
|
||||
{{ $t("diamondLog.房間紅包_來自") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 44">
|
||||
{{ $t("diamondLog.全服紅包_來自") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 144">
|
||||
{{ $t("diamondLog.邀请活动") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 41">
|
||||
{{ $t("diamondLog.房間紅包退款_來自") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 42">
|
||||
{{ $t("diamondLog.全服紅包退款_來自") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 13">
|
||||
{{ $t("diamondLog.水晶兌換金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 15">
|
||||
{{ $t("diamondLog.金幣兌換金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 23">
|
||||
{{ $t("diamondLog.活動贈送金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 1">
|
||||
{{ $t("diamondLog.充值") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 59">
|
||||
{{ $t("diamondLog.塔羅佔蔔") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 60">
|
||||
{{ $t("diamondLog.集福氣瓜分金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 71">
|
||||
{{ $t("diamondLog.CP邀請退還") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 89">
|
||||
{{
|
||||
item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}{{ $t("diamondLog.贈送金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 62">
|
||||
{{ $t("diamondLog.首充禮包獲得金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 88">
|
||||
{{ $t("diamondLog.星級廚房獎勵") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 96">
|
||||
{{ $t("diamondLog.幸運塔羅收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 102">
|
||||
{{ $t("diamondLog.中秋活動瓜分金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 122">
|
||||
{{ $t("diamondLog.公會usd兌換給代儲收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 120">
|
||||
{{ $t("diamondLog.公會usd兌換金幣收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 35">
|
||||
{{ $t("diamondLog.官方贈送金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 67">
|
||||
{{ $t("diamondLog.守護星球獲得") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 114">
|
||||
{{ $t("diamondLog.LUDO匹配收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 115">
|
||||
{{ $t("diamondLog.LUDO匹配退還") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 103">
|
||||
{{ $t("diamondLog.邀請好友註冊獎勵") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 104">
|
||||
{{ $t("diamondLog.被邀請註冊獎勵") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 105">
|
||||
{{ $t("diamondLog.直接邀請儲值返點") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 106">
|
||||
{{ $t("diamondLog.間接邀請儲值返點") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 107">
|
||||
{{ $t("diamondLog.超級幸運禮物價值分成") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 108">
|
||||
{{ $t("diamondLog.超級幸運禮物金幣返點") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 109">
|
||||
{{ $t("diamondLog.貴族等級獎勵") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 110">
|
||||
{{ $t("diamondLog.小遊戲收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 132">
|
||||
{{ $t("diamondLog.小遊戲收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 125">
|
||||
{{ $t("diamondLog.SS公会活动奖励") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 134">
|
||||
{{ $t("diamondLog.主播周奖励") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 135">
|
||||
{{ $t("diamondLog.主播周奖励") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 140">
|
||||
{{ $t("diamondLog.自定义房间背景驳回") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 141">
|
||||
{{ $t("diamondLog.公会周期结算会长钻石收入") }}
|
||||
</p>
|
||||
<p v-if="tab === 12 && item1.objType === 40">
|
||||
{{ $t("diamondLog.全服紅包_發生在") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 39">
|
||||
{{ $t("diamondLog.房間紅包_發生在") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 113">
|
||||
{{ $t("diamondLog.LUDO匹配消耗") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 14">
|
||||
{{ $t("diamondLog.鉆石兌換金幣支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 27">
|
||||
{{ $t("diamondLog.活動禮包支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 61">
|
||||
{{ $t("diamondLog.購買門票") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 66">
|
||||
{{ $t("diamondLog.守護星球支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 70">
|
||||
{{ $t("diamondLog.CP邀請支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 74">
|
||||
{{ $t("diamondLog.幸運塔羅支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 79">
|
||||
{{ $t("diamondLog.贈送頭飾支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 78">
|
||||
{{ $t("diamondLog.購買頭飾支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 80">
|
||||
{{ $t("diamondLog.購買銘牌支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 81">
|
||||
{{ $t("diamondLog.贈送銘牌支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 82">
|
||||
{{ $t("diamondLog.購買資料卡支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 83">
|
||||
{{ $t("diamondLog.贈送資料卡支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 84">
|
||||
{{ $t("diamondLog.購買聊天氣泡支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 85">
|
||||
{{ $t("diamondLog.贈送聊天氣泡支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 86">
|
||||
{{ $t("diamondLog.航海冒險禮包支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 31">
|
||||
{{ $t("diamondLog.購買座駕支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 32">
|
||||
{{ $t("diamondLog.贈送座駕支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 111">
|
||||
{{ $t("diamondLog.小遊戲支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 133">
|
||||
{{ $t("diamondLog.小遊戲支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 87">
|
||||
{{ $t("diamondLog.星級廚房抽獎") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 95">
|
||||
{{ $t("diamondLog.新年煙花抽獎") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 98">
|
||||
{{ $t("diamondLog.奪寶精靈禮包購買支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 99">
|
||||
{{ $t("diamondLog.歡樂砸蛋抽獎") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 30">
|
||||
{{ $t("diamondLog.歡樂砸蛋抽獎") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 101">
|
||||
{{ $t("diamondLog.金幣開通貴族") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 112">
|
||||
{{ $t("diamondLog.購買頭條消耗") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 117">
|
||||
{{ $t("diamondLog.遊戲開黑支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 126">
|
||||
{{ $t("diamondLog.解除CP手续费") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 138">
|
||||
{{ $t("diamondLog.购买房间背景") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 139">
|
||||
{{ $t("diamondLog.自定义房间背景") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 90">
|
||||
{{ $t("diamondLog.轉贈金幣給") }}
|
||||
{{
|
||||
item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}
|
||||
{{ item1.sendDiamondAmount }}{{ $t("diamondLog.金幣") }}
|
||||
</p>
|
||||
<!-- <p v-if="tab === 12">{{ item1.srcNick }}</p> -->
|
||||
<p v-else-if="tab === 12 && item1.targetNick">
|
||||
{{ item1.srcNick }} {{ $t("diamondLog.贈送") }}
|
||||
{{
|
||||
item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}
|
||||
</p>
|
||||
<!-- <p>1</p> -->
|
||||
<p v-if="tab === 1 && item1.objType === 4">
|
||||
{{
|
||||
item1.targetNick == item1.srcNick &&
|
||||
item1.targetAvatar == item1.srcAvatar
|
||||
? $t("diamondLog.自己")
|
||||
: item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}{{ $t("diamondLog.贈送") }}{{ item1.giftName
|
||||
}}{{ $t("diamondLog.禮物") }}*{{ item1.giftNum }}
|
||||
</p>
|
||||
<p v-else-if="tab === 1 && item1.objType === 91">
|
||||
{{
|
||||
item1.targetNick == item1.srcNick &&
|
||||
item1.targetAvatar == item1.srcAvatar
|
||||
? $t("diamondLog.自己")
|
||||
: item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}{{ $t("diamondLog.贈送") }}{{ item1.giftName
|
||||
}}{{ $t("diamondLog.禮物") }}*{{ item1.giftNum }}
|
||||
</p>
|
||||
<p v-else-if="tab === 1 && item1.objType === 6">
|
||||
{{
|
||||
item1.targetNick == item1.srcNick &&
|
||||
item1.targetAvatar == item1.srcAvatar
|
||||
? $t("diamondLog.自己")
|
||||
: item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}{{ $t("diamondLog.贈送") }}{{ item1.giftName
|
||||
}}{{ $t("diamondLog.禮物") }}*{{ item1.giftNum }}
|
||||
</p>
|
||||
<!-- <p v-else-if="tab === 1 && item1.objType === 39">房間紅包-發生在{{ item1.roomTitle }}</p> -->
|
||||
<div class="diamond">
|
||||
<span>{{
|
||||
tab == 1 ? item1.giftTotalGoldNum : item1.amount
|
||||
}}</span>
|
||||
<img src="@/assets/img/gold.png" alt />
|
||||
</div>
|
||||
</div>
|
||||
<p class="in-all-price">
|
||||
<span v-if="tab === 11 || tab === 12">Balance:12300->30073</span>
|
||||
<b :style="tab == 1 ? 'text-align: right;width:100%;' : ''">{{
|
||||
relDate(item1.recordTime, 1)
|
||||
}}</b>
|
||||
</p>
|
||||
<div class="t">
|
||||
<div class="l">{{ describeMap[item.objType] }}</div>
|
||||
<div class="r">
|
||||
<b>{{ item.amount }}</b>
|
||||
<img src="@/assets/img/gold.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</van-list>
|
||||
</van-index-bar>
|
||||
<!-- loadingText -->
|
||||
<div v-show="finished" class="loadingText">加载中...</div>
|
||||
<div class="b">
|
||||
<div class="l">
|
||||
{{ $t("diamondLog.餘額") }}{{ item.beforeAmount }}->{{
|
||||
item.afterAmount
|
||||
}}
|
||||
</div>
|
||||
<div class="r">{{ formatDate(item.date, 1) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -376,14 +73,9 @@ import { formatDate } from "@/utils/relDate.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: [], //數據列錶
|
||||
page: 0, //分頁
|
||||
loading: false, //加載中
|
||||
finished: true, //是否加載完
|
||||
indexList: [], //不清楚應該沒啥用
|
||||
//點擊tab類型
|
||||
tab: 11,
|
||||
//底部提示
|
||||
tabAct: 1,
|
||||
describeMap: {},
|
||||
list: [],
|
||||
};
|
||||
},
|
||||
components: { navigation },
|
||||
@@ -393,6 +85,79 @@ export default {
|
||||
created() {
|
||||
this.$i18n.locale = window.sessionStorage.getItem("language");
|
||||
document.title = this.$route.meta.title;
|
||||
this.describeMap = {
|
||||
43: this.$t("diamondLog.房間紅包_來自"),
|
||||
44: this.$t("diamondLog.全服紅包_來自"),
|
||||
41: this.$t("diamondLog.房間紅包退款_來自"),
|
||||
42: this.$t("diamondLog.全服紅包退款_來自"),
|
||||
13: this.$t("diamondLog.水晶兌換金幣"),
|
||||
15: this.$t("diamondLog.金幣兌換金幣"),
|
||||
23: this.$t("diamondLog.活動贈送金幣"),
|
||||
1: this.$t("diamondLog.充值"),
|
||||
59: this.$t("diamondLog.塔羅佔蔔"),
|
||||
60: this.$t("diamondLog.集福氣瓜分金幣"),
|
||||
71: this.$t("diamondLog.CP邀請退還"),
|
||||
89: this.$t("diamondLog.贈送金幣"),
|
||||
62: this.$t("diamondLog.首充禮包獲得金幣"),
|
||||
88: this.$t("diamondLog.星級廚房獎勵"),
|
||||
96: this.$t("diamondLog.幸運塔羅收入"),
|
||||
102: this.$t("diamondLog.中秋活動瓜分金幣"),
|
||||
122: this.$t("diamondLog.公會usd兌換給代儲收入"),
|
||||
120: this.$t("diamondLog.公會usd兌換金幣收入"),
|
||||
35: this.$t("diamondLog.官方贈送金幣"),
|
||||
67: this.$t("diamondLog.守護星球獲得"),
|
||||
114: this.$t("diamondLog.LUDO匹配收入"),
|
||||
115: this.$t("diamondLog.LUDO匹配退還"),
|
||||
103: this.$t("diamondLog.邀請好友註冊獎勵"),
|
||||
104: this.$t("diamondLog.被邀請註冊獎勵"),
|
||||
105: this.$t("diamondLog.直接邀請儲值返點"),
|
||||
106: this.$t("diamondLog.間接邀請儲值返點"),
|
||||
107: this.$t("diamondLog.超級幸運禮物價值分成"),
|
||||
108: this.$t("diamondLog.超級幸運禮物金幣返點"),
|
||||
109: this.$t("diamondLog.貴族等級獎勵"),
|
||||
110: this.$t("diamondLog.小遊戲收入"),
|
||||
132: this.$t("diamondLog.小遊戲收入"),
|
||||
125: this.$t("diamondLog.SS公会活动奖励"),
|
||||
134: this.$t("diamondLog.主播周奖励"),
|
||||
135: this.$t("diamondLog.主播周奖励"),
|
||||
140: this.$t("diamondLog.自定义房间背景驳回"),
|
||||
141: this.$t("diamondLog.公会周期结算会长钻石收入"),
|
||||
40: this.$t("diamondLog.全服紅包_發生在"),
|
||||
39: this.$t("diamondLog.房間紅包_發生在"),
|
||||
113: this.$t("diamondLog.LUDO匹配消耗"),
|
||||
14: this.$t("diamondLog.鉆石兌換金幣支出"),
|
||||
27: this.$t("diamondLog.活動禮包支出"),
|
||||
61: this.$t("diamondLog.購買門票"),
|
||||
66: this.$t("diamondLog.守護星球支出"),
|
||||
70: this.$t("diamondLog.CP邀請支出"),
|
||||
74: this.$t("diamondLog.幸運塔羅支出"),
|
||||
79: this.$t("diamondLog.贈送頭飾支出"),
|
||||
78: this.$t("diamondLog.購買頭飾支出"),
|
||||
80: this.$t("diamondLog.購買銘牌支出"),
|
||||
81: this.$t("diamondLog.贈送銘牌支出"),
|
||||
82: this.$t("diamondLog.購買資料卡支出"),
|
||||
83: this.$t("diamondLog.贈送資料卡支出"),
|
||||
84: this.$t("diamondLog.購買聊天氣泡支出"),
|
||||
85: this.$t("diamondLog.贈送聊天氣泡支出"),
|
||||
86: this.$t("diamondLog.航海冒險禮包支出"),
|
||||
31: this.$t("diamondLog.購買座駕支出"),
|
||||
32: this.$t("diamondLog.贈送座駕支出"),
|
||||
111: this.$t("diamondLog.小遊戲支出"),
|
||||
133: this.$t("diamondLog.小遊戲支出"),
|
||||
87: this.$t("diamondLog.星級廚房抽獎"),
|
||||
95: this.$t("diamondLog.新年煙花抽獎"),
|
||||
98: this.$t("diamondLog.奪寶精靈禮包購買支出"),
|
||||
99: this.$t("diamondLog.歡樂砸蛋抽獎"),
|
||||
30: this.$t("diamondLog.歡樂砸蛋抽獎"),
|
||||
101: this.$t("diamondLog.金幣開通貴族"),
|
||||
112: this.$t("diamondLog.購買頭條消耗"),
|
||||
117: this.$t("diamondLog.遊戲開黑支出"),
|
||||
126: this.$t("diamondLog.解除CP手续费"),
|
||||
138: this.$t("diamondLog.购买房间背景"),
|
||||
139: this.$t("diamondLog.自定义房间背景"),
|
||||
90: this.$t("diamondLog.轉贈金幣給"),
|
||||
};
|
||||
this.getDate();
|
||||
},
|
||||
computed: {
|
||||
isApp() {
|
||||
@@ -409,77 +174,29 @@ export default {
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
cutTab(tab) {
|
||||
this.tab = tab;
|
||||
this.page = 0;
|
||||
this.list = [];
|
||||
this.loading = false;
|
||||
this.finished = true;
|
||||
this.onLoad();
|
||||
formatDate,
|
||||
// tab切换按钮
|
||||
cutTab(type) {
|
||||
console.log(type);
|
||||
this.tabAct = type;
|
||||
this.getDate();
|
||||
},
|
||||
onLoad() {
|
||||
this.page++;
|
||||
// 查询接口
|
||||
getDate() {
|
||||
diamondLog({
|
||||
uid: window.sessionStorage.getItem("uid"),
|
||||
// uid: 935006,
|
||||
type: this.tab,
|
||||
type: this.tabAct,
|
||||
date: new Date().getTime(),
|
||||
pageNo: this.page,
|
||||
pageNo: 1,
|
||||
pageSize: 100,
|
||||
}).then((res) => {
|
||||
if (res.data.code === 200) {
|
||||
if (this.page === 1) {
|
||||
this.list = res.data.data.billList;
|
||||
} else {
|
||||
this.list.push(...res.data.data.billList);
|
||||
}
|
||||
if (res.data.data.billList.length <= 0) {
|
||||
this.finished = false;
|
||||
}
|
||||
this.loading = false;
|
||||
this.list = res.data;
|
||||
} else {
|
||||
Toast(res.data.message);
|
||||
this.finished = false;
|
||||
}
|
||||
});
|
||||
},
|
||||
//這個應該是計算函數裏的一個邏輯
|
||||
filterTotal(total) {
|
||||
let tot = 0;
|
||||
let are = this.list.filter((item, index) => {
|
||||
return item.date === total;
|
||||
});
|
||||
|
||||
are.forEach((item, index) => {
|
||||
tot += Number(item.total);
|
||||
});
|
||||
return tot;
|
||||
},
|
||||
//計算
|
||||
// countTotal(index, item) {
|
||||
// let { list } = this;
|
||||
// if (!index) return item.total;
|
||||
// if (!list[index + 1]) return item.total;
|
||||
// if (list[index].date === list[index + 1].date) {
|
||||
// let total = this.filterTotal(list[index].date);
|
||||
// return total;
|
||||
// } else {
|
||||
// return item.total;
|
||||
// }
|
||||
// },
|
||||
//判斷是否相同時間
|
||||
thinkTime(index, item) {
|
||||
let { list } = this;
|
||||
if (!index) return true;
|
||||
if (list[index].date === list[index - 1].date) {
|
||||
return false;
|
||||
}
|
||||
// return index == 0 ? true : false;
|
||||
},
|
||||
relDate(value, think) {
|
||||
return formatDate(value, think);
|
||||
// return MM + "-" + d + " " + h + ":" + m;
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
let htmlCss = document.getElementsByTagName("html")[0];
|
||||
@@ -489,19 +206,59 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.loadingText{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #AFB1B3;
|
||||
font-size: 14px;
|
||||
margin: 20px auto 20px;
|
||||
}
|
||||
.diamond-list {
|
||||
margin-top: 66px;
|
||||
.tab {
|
||||
width: 375px;
|
||||
height: 38px;
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.3rem;
|
||||
overflow-x: scroll;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
justify-content: space-around;
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
div {
|
||||
margin: 0 15px;
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
text-align: center;
|
||||
color: #afb1b3;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
b {
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
span {
|
||||
width: 13px;
|
||||
height: 4px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: linear-gradient(270deg, #e29030 0%, #fcc074 100%);
|
||||
border-radius: 4px;
|
||||
// display: none;
|
||||
}
|
||||
}
|
||||
.act {
|
||||
b {
|
||||
color: #313131;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dataList {
|
||||
position: fixed;
|
||||
top: 90px;
|
||||
top: 2.3rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
@@ -525,129 +282,186 @@ export default {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.diamond-tab {
|
||||
height: 40px;
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
left: 0;
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
z-index: 9999;
|
||||
overflow-x: scroll;
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
&.crystal-top-app {
|
||||
top: 0px;
|
||||
}
|
||||
div {
|
||||
width: 50%;
|
||||
margin: 0 10px;
|
||||
font-size: 15px;
|
||||
color: #666;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
&.active {
|
||||
color: #1f1a4e;
|
||||
}
|
||||
span {
|
||||
font-weight: bold;
|
||||
&:last-child {
|
||||
width: 16px;
|
||||
height: 3px;
|
||||
background: #fff;
|
||||
margin-top: 5px;
|
||||
border-radius: 3px;
|
||||
&.active {
|
||||
// background: #FFA936;
|
||||
background: linear-gradient(270deg, #e29030 0%, #fcc074 100%);
|
||||
ul {
|
||||
width: 343px;
|
||||
// overflow-y: scroll;
|
||||
margin: 1.7rem auto 0;
|
||||
li {
|
||||
width: 100%;
|
||||
height: 72px;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
border-bottom: 0.5px solid #e4e4e4;
|
||||
.t {
|
||||
width: 100%;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 12px;
|
||||
margin-bottom: 8px;
|
||||
.l {
|
||||
color: #313131;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.r {
|
||||
b {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #ff8c03;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
img {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: -6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.in-all {
|
||||
font-size: 12px;
|
||||
position: sticky;
|
||||
top: 116px; /* 吸顶位置距离顶部 50px */
|
||||
span {
|
||||
&.total {
|
||||
color: #ffa936;
|
||||
font-size: 14px;
|
||||
padding: 0 4px;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.time {
|
||||
// padding-right: 10px;
|
||||
color: #313131;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
.boxs {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.in-all-detail {
|
||||
width: 345px;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
height: 73px;
|
||||
overflow: hidden;
|
||||
.in-all-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 21px;
|
||||
margin-top: 14px;
|
||||
p {
|
||||
font-size: 16px;
|
||||
color: #313131;
|
||||
width: 7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 600;
|
||||
}
|
||||
.diamond {
|
||||
.b {
|
||||
display: flex;
|
||||
line-height: 25px;
|
||||
height: 24px;
|
||||
img {
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
}
|
||||
span {
|
||||
color: #ffa936;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
margin-right: 5px;
|
||||
}
|
||||
justify-content: space-between;
|
||||
color: #7b7b7d;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
.in-all-price {
|
||||
margin-top: 8px;
|
||||
font-size: 13px;
|
||||
color: #7b7b7d;
|
||||
.act {
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
background: #f4f4f4;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
span {
|
||||
box-sizing: border-box;
|
||||
padding: 0 16px;
|
||||
border-bottom: none;
|
||||
.left {
|
||||
height: 100%;
|
||||
line-height: 38px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
span {
|
||||
color: #313131;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
b {
|
||||
color: #ff8c03;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
img {
|
||||
display: inline-block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
vertical-align: middle;
|
||||
margin-top: -6px;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
height: 100%;
|
||||
line-height: 38px;
|
||||
color: #313131;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
.box {
|
||||
width: 343px;
|
||||
// overflow-y: scroll;
|
||||
margin: 0 auto 0;
|
||||
.titleNum {
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
background: #f4f4f4;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
padding: 0 16px;
|
||||
border-bottom: none;
|
||||
margin: 0 auto 0;
|
||||
.left {
|
||||
height: 100%;
|
||||
line-height: 38px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
span {
|
||||
color: #313131;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
b {
|
||||
color: #ff8c03;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
img {
|
||||
display: inline-block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
vertical-align: middle;
|
||||
margin-top: -6px;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
height: 100%;
|
||||
line-height: 38px;
|
||||
color: #313131;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
.titleNumF {
|
||||
margin: 1.72rem auto 0;
|
||||
}
|
||||
.recordList {
|
||||
width: 100%;
|
||||
height: 72px;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
border-bottom: 0.5px solid #e4e4e4;
|
||||
.t {
|
||||
width: 100%;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 12px;
|
||||
margin-bottom: 8px;
|
||||
.l {
|
||||
color: #313131;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.r {
|
||||
b {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #ff8c03;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
img {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: -6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.b {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #7b7b7d;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,650 @@
|
||||
<template>
|
||||
<div>
|
||||
<navigation
|
||||
v-if="!this.$store.state.isApp"
|
||||
:title="this.$t(`diamondLog.金幣記錄`)"
|
||||
rightTitle
|
||||
></navigation>
|
||||
<div
|
||||
:class="
|
||||
!this.$store.state.isApp ? 'diamond-tab' : 'diamond-tab crystal-top-app'
|
||||
"
|
||||
>
|
||||
<div :class="tab === 0 ? 'active' : ''" @click="cutTab(11)">
|
||||
<span> {{ $t("diamondLog.全部") }}</span>
|
||||
<span :class="tab === 0 ? 'active' : ''"></span>
|
||||
</div>
|
||||
<div :class="tab === 11 ? 'active' : ''" @click="cutTab(11)">
|
||||
<span> {{ $t("diamondLog.收入記錄") }}</span>
|
||||
<span :class="tab === 11 ? 'active' : ''"></span>
|
||||
</div>
|
||||
<div :class="tab === 12 ? 'active' : ''" @click="cutTab(12)">
|
||||
<span>{{ $t("diamondLog.支出記錄") }}</span>
|
||||
<span :class="tab === 12 ? 'active' : ''"></span>
|
||||
</div>
|
||||
<div :class="tab === 1 ? 'active' : ''" @click="cutTab(1)">
|
||||
<span>{{ $t("diamondLog.禮物獲得") }}</span>
|
||||
<span :class="tab === 1 ? 'active' : ''"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dataList">
|
||||
<img src="@/assets/img/dataList.png" alt="" />
|
||||
<span>2024-11-23</span>
|
||||
</div>
|
||||
<van-index-bar
|
||||
:index-list="indexList"
|
||||
class="diamond-list"
|
||||
:sticky-offset-top="htmlDomXd"
|
||||
>
|
||||
<!-- :sticky-offset-top="!this.$store.state.isApp ? unApp : isApp" -->
|
||||
<!-- v-model="loading" -->
|
||||
<!-- :finished="finished" -->
|
||||
<van-list
|
||||
style="width: 100%"
|
||||
:finished-text="this.$t(`diamondLog.加載中`)"
|
||||
@load="onLoad"
|
||||
>
|
||||
<div v-for="(item, index) in list" :key="index">
|
||||
<van-index-anchor
|
||||
style="background: #f5f5f5 !important"
|
||||
class="in-all"
|
||||
index="1"
|
||||
v-if="thinkTime(index, item)"
|
||||
>
|
||||
<div class="boxs">
|
||||
<div>
|
||||
<span class="time">
|
||||
{{
|
||||
tab === 11
|
||||
? $t("diamondLog.共收入")
|
||||
: tab == 1
|
||||
? $t("diamondLog.共獲得價值")
|
||||
: $t("diamondLog.共支出")
|
||||
}}
|
||||
</span>
|
||||
<span class="total">
|
||||
{{ tab === 1 ? item.totalGiftGoldNumDailySum : item.total }}
|
||||
</span>
|
||||
<img class="img" src="@/assets/img/gold.png" alt="" srcset="" />
|
||||
</div>
|
||||
<div>
|
||||
<span class="time">{{ relDate(item.date) }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</van-index-anchor>
|
||||
|
||||
<div
|
||||
class="in-all-detail"
|
||||
v-for="(item1, index1) in item[item.date]"
|
||||
:key="index1"
|
||||
>
|
||||
<div class="in-all-user">
|
||||
<p v-if="tab === 11 && item1.objType === 43">
|
||||
{{ $t("diamondLog.房間紅包_來自") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 44">
|
||||
{{ $t("diamondLog.全服紅包_來自") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 41">
|
||||
{{ $t("diamondLog.房間紅包退款_來自") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 42">
|
||||
{{ $t("diamondLog.全服紅包退款_來自") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 13">
|
||||
{{ $t("diamondLog.水晶兌換金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 15">
|
||||
{{ $t("diamondLog.金幣兌換金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 23">
|
||||
{{ $t("diamondLog.活動贈送金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 1">
|
||||
{{ $t("diamondLog.充值") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 59">
|
||||
{{ $t("diamondLog.塔羅佔蔔") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 60">
|
||||
{{ $t("diamondLog.集福氣瓜分金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 71">
|
||||
{{ $t("diamondLog.CP邀請退還") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 89">
|
||||
{{
|
||||
item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}{{ $t("diamondLog.贈送金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 62">
|
||||
{{ $t("diamondLog.首充禮包獲得金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 88">
|
||||
{{ $t("diamondLog.星級廚房獎勵") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 96">
|
||||
{{ $t("diamondLog.幸運塔羅收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 102">
|
||||
{{ $t("diamondLog.中秋活動瓜分金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 122">
|
||||
{{ $t("diamondLog.公會usd兌換給代儲收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 120">
|
||||
{{ $t("diamondLog.公會usd兌換金幣收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 35">
|
||||
{{ $t("diamondLog.官方贈送金幣") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 67">
|
||||
{{ $t("diamondLog.守護星球獲得") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 114">
|
||||
{{ $t("diamondLog.LUDO匹配收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 115">
|
||||
{{ $t("diamondLog.LUDO匹配退還") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 103">
|
||||
{{ $t("diamondLog.邀請好友註冊獎勵") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 104">
|
||||
{{ $t("diamondLog.被邀請註冊獎勵") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 105">
|
||||
{{ $t("diamondLog.直接邀請儲值返點") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 106">
|
||||
{{ $t("diamondLog.間接邀請儲值返點") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 107">
|
||||
{{ $t("diamondLog.超級幸運禮物價值分成") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 108">
|
||||
{{ $t("diamondLog.超級幸運禮物金幣返點") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 109">
|
||||
{{ $t("diamondLog.貴族等級獎勵") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 110">
|
||||
{{ $t("diamondLog.小遊戲收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 132">
|
||||
{{ $t("diamondLog.小遊戲收入") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 125">
|
||||
{{ $t("diamondLog.SS公会活动奖励") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 134">
|
||||
{{ $t("diamondLog.主播周奖励") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 135">
|
||||
{{ $t("diamondLog.主播周奖励") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 140">
|
||||
{{ $t("diamondLog.自定义房间背景驳回") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 141">
|
||||
{{ $t("diamondLog.公会周期结算会长钻石收入") }}
|
||||
</p>
|
||||
<p v-if="tab === 12 && item1.objType === 40">
|
||||
{{ $t("diamondLog.全服紅包_發生在") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 39">
|
||||
{{ $t("diamondLog.房間紅包_發生在") }}{{ item1.roomTitle }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 113">
|
||||
{{ $t("diamondLog.LUDO匹配消耗") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 14">
|
||||
{{ $t("diamondLog.鉆石兌換金幣支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 27">
|
||||
{{ $t("diamondLog.活動禮包支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 61">
|
||||
{{ $t("diamondLog.購買門票") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 66">
|
||||
{{ $t("diamondLog.守護星球支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 70">
|
||||
{{ $t("diamondLog.CP邀請支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 74">
|
||||
{{ $t("diamondLog.幸運塔羅支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 79">
|
||||
{{ $t("diamondLog.贈送頭飾支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 78">
|
||||
{{ $t("diamondLog.購買頭飾支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 80">
|
||||
{{ $t("diamondLog.購買銘牌支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 81">
|
||||
{{ $t("diamondLog.贈送銘牌支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 82">
|
||||
{{ $t("diamondLog.購買資料卡支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 83">
|
||||
{{ $t("diamondLog.贈送資料卡支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 84">
|
||||
{{ $t("diamondLog.購買聊天氣泡支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 85">
|
||||
{{ $t("diamondLog.贈送聊天氣泡支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 86">
|
||||
{{ $t("diamondLog.航海冒險禮包支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 31">
|
||||
{{ $t("diamondLog.購買座駕支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 32">
|
||||
{{ $t("diamondLog.贈送座駕支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 111">
|
||||
{{ $t("diamondLog.小遊戲支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 133">
|
||||
{{ $t("diamondLog.小遊戲支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 87">
|
||||
{{ $t("diamondLog.星級廚房抽獎") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 95">
|
||||
{{ $t("diamondLog.新年煙花抽獎") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 98">
|
||||
{{ $t("diamondLog.奪寶精靈禮包購買支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 99">
|
||||
{{ $t("diamondLog.歡樂砸蛋抽獎") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 30">
|
||||
{{ $t("diamondLog.歡樂砸蛋抽獎") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 101">
|
||||
{{ $t("diamondLog.金幣開通貴族") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 112">
|
||||
{{ $t("diamondLog.購買頭條消耗") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 117">
|
||||
{{ $t("diamondLog.遊戲開黑支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 126">
|
||||
{{ $t("diamondLog.解除CP手续费") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 138">
|
||||
{{ $t("diamondLog.购买房间背景") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 139">
|
||||
{{ $t("diamondLog.自定义房间背景") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 90">
|
||||
{{ $t("diamondLog.轉贈金幣給") }}
|
||||
{{
|
||||
item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}
|
||||
{{ item1.sendDiamondAmount }}{{ $t("diamondLog.金幣") }}
|
||||
</p>
|
||||
<!-- <p v-if="tab === 12">{{ item1.srcNick }}</p> -->
|
||||
<p v-else-if="tab === 12 && item1.targetNick">
|
||||
{{ item1.srcNick }} {{ $t("diamondLog.贈送") }}
|
||||
{{
|
||||
item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}
|
||||
</p>
|
||||
<!-- <p>1</p> -->
|
||||
<p v-if="tab === 1 && item1.objType === 4">
|
||||
{{
|
||||
item1.targetNick == item1.srcNick &&
|
||||
item1.targetAvatar == item1.srcAvatar
|
||||
? $t("diamondLog.自己")
|
||||
: item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}{{ $t("diamondLog.贈送") }}{{ item1.giftName
|
||||
}}{{ $t("diamondLog.禮物") }}*{{ item1.giftNum }}
|
||||
</p>
|
||||
<p v-else-if="tab === 1 && item1.objType === 91">
|
||||
{{
|
||||
item1.targetNick == item1.srcNick &&
|
||||
item1.targetAvatar == item1.srcAvatar
|
||||
? $t("diamondLog.自己")
|
||||
: item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}{{ $t("diamondLog.贈送") }}{{ item1.giftName
|
||||
}}{{ $t("diamondLog.禮物") }}*{{ item1.giftNum }}
|
||||
</p>
|
||||
<p v-else-if="tab === 1 && item1.objType === 6">
|
||||
{{
|
||||
item1.targetNick == item1.srcNick &&
|
||||
item1.targetAvatar == item1.srcAvatar
|
||||
? $t("diamondLog.自己")
|
||||
: item1.targetNick.length > 7
|
||||
? item1.targetNick.slice(0, 7) + "..."
|
||||
: item1.targetNick
|
||||
}}{{ $t("diamondLog.贈送") }}{{ item1.giftName
|
||||
}}{{ $t("diamondLog.禮物") }}*{{ item1.giftNum }}
|
||||
</p>
|
||||
<!-- <p v-else-if="tab === 1 && item1.objType === 39">房間紅包-發生在{{ item1.roomTitle }}</p> -->
|
||||
<div class="diamond">
|
||||
<span>{{
|
||||
tab == 1 ? item1.giftTotalGoldNum : item1.amount
|
||||
}}</span>
|
||||
<img src="@/assets/img/gold.png" alt />
|
||||
</div>
|
||||
</div>
|
||||
<p class="in-all-price">
|
||||
<span v-if="tab === 11 || tab === 12">Balance:12300->30073</span>
|
||||
<b :style="tab == 1 ? 'text-align: right;width:100%;' : ''">{{
|
||||
relDate(item1.recordTime, 1)
|
||||
}}</b>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</van-list>
|
||||
</van-index-bar>
|
||||
<!-- loadingText -->
|
||||
<div v-show="finished" class="loadingText">加载中...</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { diamondLog } from "@/api/myincome.js";
|
||||
import "@/assets/css/vant.css";
|
||||
import navigation from "@/components/navigation.vue";
|
||||
import { formatDate } from "@/utils/relDate.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: [], //數據列錶
|
||||
page: 0, //分頁
|
||||
loading: false, //加載中
|
||||
finished: true, //是否加載完
|
||||
indexList: [], //不清楚應該沒啥用
|
||||
//點擊tab類型
|
||||
tab: 11,
|
||||
//底部提示
|
||||
};
|
||||
},
|
||||
components: { navigation },
|
||||
beforeCreate() {
|
||||
this.$i18n.locale = window.sessionStorage.getItem("language");
|
||||
},
|
||||
created() {
|
||||
this.$i18n.locale = window.sessionStorage.getItem("language");
|
||||
document.title = this.$route.meta.title;
|
||||
},
|
||||
computed: {
|
||||
isApp() {
|
||||
let htmlDom = document.getElementsByTagName("html")[0];
|
||||
return (40 / 37.5) * Number(htmlDom.style.fontSize.slice(0, -2));
|
||||
},
|
||||
unApp() {
|
||||
let htmlDom = document.getElementsByTagName("html")[0];
|
||||
return (90 / 37.5) * Number(htmlDom.style.fontSize.slice(0, -2));
|
||||
},
|
||||
htmlDomXd() {
|
||||
let htmlDom = document.getElementsByTagName("html")[0];
|
||||
return (116 / 37.5) * Number(htmlDom.style.fontSize.slice(0, -2));
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
cutTab(tab) {
|
||||
this.tab = tab;
|
||||
this.page = 0;
|
||||
this.list = [];
|
||||
this.loading = false;
|
||||
this.finished = true;
|
||||
this.onLoad();
|
||||
},
|
||||
onLoad() {
|
||||
this.page++;
|
||||
diamondLog({
|
||||
uid: window.sessionStorage.getItem("uid"),
|
||||
// uid: 935006,
|
||||
type: this.tab,
|
||||
date: new Date().getTime(),
|
||||
pageNo: this.page,
|
||||
pageSize: 100,
|
||||
}).then((res) => {
|
||||
if (res.data.code === 200) {
|
||||
if (this.page === 1) {
|
||||
this.list = res.data.data.billList;
|
||||
} else {
|
||||
this.list.push(...res.data.data.billList);
|
||||
}
|
||||
if (res.data.data.billList.length <= 0) {
|
||||
this.finished = false;
|
||||
}
|
||||
this.loading = false;
|
||||
} else {
|
||||
Toast(res.data.message);
|
||||
this.finished = false;
|
||||
}
|
||||
});
|
||||
},
|
||||
//這個應該是計算函數裏的一個邏輯
|
||||
filterTotal(total) {
|
||||
let tot = 0;
|
||||
let are = this.list.filter((item, index) => {
|
||||
return item.date === total;
|
||||
});
|
||||
|
||||
are.forEach((item, index) => {
|
||||
tot += Number(item.total);
|
||||
});
|
||||
return tot;
|
||||
},
|
||||
//計算
|
||||
// countTotal(index, item) {
|
||||
// let { list } = this;
|
||||
// if (!index) return item.total;
|
||||
// if (!list[index + 1]) return item.total;
|
||||
// if (list[index].date === list[index + 1].date) {
|
||||
// let total = this.filterTotal(list[index].date);
|
||||
// return total;
|
||||
// } else {
|
||||
// return item.total;
|
||||
// }
|
||||
// },
|
||||
//判斷是否相同時間
|
||||
thinkTime(index, item) {
|
||||
let { list } = this;
|
||||
if (!index) return true;
|
||||
if (list[index].date === list[index - 1].date) {
|
||||
return false;
|
||||
}
|
||||
// return index == 0 ? true : false;
|
||||
},
|
||||
relDate(value, think) {
|
||||
return formatDate(value, think);
|
||||
// return MM + "-" + d + " " + h + ":" + m;
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
let htmlCss = document.getElementsByTagName("html")[0];
|
||||
htmlCss.style.background = "#fff";
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.loadingText{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #AFB1B3;
|
||||
font-size: 14px;
|
||||
margin: 20px auto 20px;
|
||||
}
|
||||
.diamond-list {
|
||||
margin-top: 66px;
|
||||
}
|
||||
.dataList {
|
||||
position: fixed;
|
||||
top: 90px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
img {
|
||||
display: inline-block;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #313131;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.diamond-tab {
|
||||
height: 40px;
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
left: 0;
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
z-index: 9999;
|
||||
overflow-x: scroll;
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
&.crystal-top-app {
|
||||
top: 0px;
|
||||
}
|
||||
div {
|
||||
width: 50%;
|
||||
margin: 0 10px;
|
||||
font-size: 15px;
|
||||
color: #666;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
&.active {
|
||||
color: #1f1a4e;
|
||||
}
|
||||
span {
|
||||
font-weight: bold;
|
||||
&:last-child {
|
||||
width: 16px;
|
||||
height: 3px;
|
||||
background: #fff;
|
||||
margin-top: 5px;
|
||||
border-radius: 3px;
|
||||
&.active {
|
||||
// background: #FFA936;
|
||||
background: linear-gradient(270deg, #e29030 0%, #fcc074 100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.in-all {
|
||||
font-size: 12px;
|
||||
position: sticky;
|
||||
top: 116px; /* 吸顶位置距离顶部 50px */
|
||||
span {
|
||||
&.total {
|
||||
color: #ffa936;
|
||||
font-size: 14px;
|
||||
padding: 0 4px;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.time {
|
||||
// padding-right: 10px;
|
||||
color: #313131;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
.boxs {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.in-all-detail {
|
||||
width: 345px;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
height: 73px;
|
||||
overflow: hidden;
|
||||
.in-all-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 21px;
|
||||
margin-top: 14px;
|
||||
p {
|
||||
font-size: 16px;
|
||||
color: #313131;
|
||||
width: 7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 600;
|
||||
}
|
||||
.diamond {
|
||||
display: flex;
|
||||
line-height: 25px;
|
||||
height: 24px;
|
||||
img {
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
}
|
||||
span {
|
||||
color: #ffa936;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.in-all-price {
|
||||
margin-top: 8px;
|
||||
font-size: 13px;
|
||||
color: #7b7b7d;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
span {
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user