From 16cfa24c67682909a1e810e206ee8a6655e859ed Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Mon, 11 Aug 2025 18:08:14 +0800
Subject: [PATCH] 1
---
src/page/user/account.vue | 164 ++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 120 insertions(+), 44 deletions(-)
diff --git a/src/page/user/account.vue b/src/page/user/account.vue
index 7f62e45..cecfdc6 100644
--- a/src/page/user/account.vue
+++ b/src/page/user/account.vue
@@ -18,9 +18,9 @@
<span>{{ $t("hj244") }}</span>
</div>
- <div class="wallet_price flex-between">
- <span>{{ moneyData.symbol }} {{ moneyData.totalMoney }}</span>
- <span>{{ moneyData.symbol }} {{ moneyData.availableBalance }}</span>
+ <div class="wallet_price flex-between" v-for="i in moneyData" :key="i.id">
+ <span>{{ i.symbol }} {{ i.totalMoney }}</span>
+ <span>{{ i.symbol }} {{ i.availableBalance }}</span>
</div>
<div class="wallet_price_name flex-between">
@@ -47,12 +47,16 @@
<img src="@/assets/img/jl.png" alt="" />
<span>{{ $t("jl") }}</span>
</div>
+ <div class="tab flex-center" @click="toPage('/transferNew')">
+ <img src="@/assets/img/jl.png" alt="" />
+ <span>{{ $t("划转") }}</span>
+ </div>
</div>
<div class="account_loan flex-between" @click="toPage('/loan')">
<div class="loan_left">
<p class="loan_left_title">{{ $t("待还款金额") }}</p>
- <p>MX$ {{ userInfo.refundAmount || 0 }}</p>
+ <p>$ {{ userInfo.refundAmount || 0 }}</p>
</div>
<div class="flex-end loan_right">
{{ $t("我的贷款") }}
@@ -74,43 +78,7 @@
<div class="held_item flex-between">
<div class="item_left flex-start">
- <span class="held_icon">MEX</span>
- <p>{{ $t("Worth") }}</p>
- </div>
- <div class="item_right flex-end">
- {{ positionData.mxMarketValue }} MXN
- </div>
- </div>
-
- <div class="held_item flex-between">
- <div class="item_left flex-start">
- <span class="held_icon">MEX</span>
- <p>{{ $t("持仓收益") }}</p>
- </div>
- <div
- class="item_right flex-end"
- :class="{
- descend: positionData.mxPositionEarnings < 0,
- rise: positionData.mxPositionEarnings > 0
- }"
- >
- <img
- src="@/assets/img/rise.png"
- v-if="positionData.mxPositionEarnings > 0"
- />
- <img
- src="@/assets/img/descend.png"
- alt=""
- v-else-if="positionData.mxPositionEarnings < 0"
- />
- {{ positionData.mxPositionEarnings }}
- ({{ positionData.mxPositionEarningsParent }})
- </div>
- </div>
-
- <div class="held_item flex-between">
- <div class="item_left flex-start">
- <span class="held_icon2">US</span>
+ <span class="held_icon">US</span>
<p>{{ $t("Worth") }}</p>
</div>
<div class="item_right flex-end">
@@ -120,7 +88,7 @@
<div class="held_item flex-between">
<div class="item_left flex-start">
- <span class="held_icon2">US</span>
+ <span class="held_icon">US</span>
<p>{{ $t("持仓收益") }}</p>
</div>
<div
@@ -143,6 +111,114 @@
({{ positionData.usPositionEarningsParent }})
</div>
</div>
+
+ <div class="held_item flex-between">
+ <div class="item_left flex-start">
+ <span class="held_icon2">HK</span>
+ <p>{{ $t("Worth") }}</p>
+ </div>
+ <div class="item_right flex-end">
+ {{ positionData.hkMarketValue }} HKD
+ </div>
+ </div>
+
+ <div class="held_item flex-between">
+ <div class="item_left flex-start">
+ <span class="held_icon2">HK</span>
+ <p>{{ $t("持仓收益") }}</p>
+ </div>
+ <div
+ class="item_right flex-end"
+ :class="{
+ descend: positionData.hkPositionEarnings < 0,
+ rise: positionData.hkPositionEarnings > 0
+ }"
+ >
+ <img
+ src="@/assets/img/rise.png"
+ v-if="positionData.hkPositionEarnings > 0"
+ />
+ <img
+ src="@/assets/img/descend.png"
+ alt=""
+ v-else-if="positionData.hkPositionEarnings < 0"
+ />
+ {{ positionData.hkPositionEarnings }}
+ ({{ positionData.hkPositionEarningsParent }})
+ </div>
+ </div>
+
+ <div class="held_item flex-between">
+ <div class="item_left flex-start">
+ <span class="held_icon2">IN</span>
+ <p>{{ $t("Worth") }}</p>
+ </div>
+ <div class="item_right flex-end">
+ {{ positionData.inMarketValue }} INR
+ </div>
+ </div>
+
+ <div class="held_item flex-between">
+ <div class="item_left flex-start">
+ <span class="held_icon2">IN</span>
+ <p>{{ $t("持仓收益") }}</p>
+ </div>
+ <div
+ class="item_right flex-end"
+ :class="{
+ descend: positionData.inPositionEarnings < 0,
+ rise: positionData.inPositionEarnings > 0
+ }"
+ >
+ <img
+ src="@/assets/img/rise.png"
+ v-if="positionData.inPositionEarnings > 0"
+ />
+ <img
+ src="@/assets/img/descend.png"
+ alt=""
+ v-else-if="positionData.inPositionEarnings < 0"
+ />
+ {{ positionData.inPositionEarnings }}
+ ({{ positionData.inPositionEarningsParent }})
+ </div>
+ </div>
+
+ <div class="held_item flex-between">
+ <div class="item_left flex-start">
+ <span class="held_icon2">TW</span>
+ <p>{{ $t("Worth") }}</p>
+ </div>
+ <div class="item_right flex-end">
+ {{ positionData.twMarketValue }} TWD
+ </div>
+ </div>
+
+ <div class="held_item flex-between">
+ <div class="item_left flex-start">
+ <span class="held_icon2">TW</span>
+ <p>{{ $t("持仓收益") }}</p>
+ </div>
+ <div
+ class="item_right flex-end"
+ :class="{
+ descend: positionData.twPositionEarnings < 0,
+ rise: positionData.twPositionEarnings > 0
+ }"
+ >
+ <img
+ src="@/assets/img/rise.png"
+ v-if="positionData.twPositionEarnings > 0"
+ />
+ <img
+ src="@/assets/img/descend.png"
+ alt=""
+ v-else-if="positionData.twPositionEarnings < 0"
+ />
+ {{ positionData.twPositionEarnings }}
+ ({{ positionData.twPositionEarningsParent }})
+ </div>
+ </div>
</div>
</div>
</template>
@@ -158,7 +234,7 @@
data() {
return {
userInfo: {}, // 用户信息
- moneyData: {}, // 账户金额
+ moneyData: [], // 账户金额, 包含可用余额数组
positionData: {} // 账户持仓数据
};
},
@@ -167,7 +243,7 @@
async getMoney() {
let data = await api.getMoney();
if (data.status === 0) {
- this.moneyData = data.data[0];
+ this.moneyData = data.data;
}
},
// 获取账户持仓数据
--
Gitblit v1.9.3