From 61944978f51ca99a001162ac1ff3d32dcd5315ed Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Wed, 16 Jul 2025 14:54:58 +0800
Subject: [PATCH] 1
---
src/page/user/account.vue | 93 ++++++++++++++++++++++++++++++++++++----------
1 files changed, 73 insertions(+), 20 deletions(-)
diff --git a/src/page/user/account.vue b/src/page/user/account.vue
index b140d42..c241500 100644
--- a/src/page/user/account.vue
+++ b/src/page/user/account.vue
@@ -19,8 +19,8 @@
</div>
<div class="wallet_price flex-between">
- <span>MX$ 16,407,946.28</span>
- <span>MX$ 3,247,918.14</span>
+ <span>{{ moneyData.symbol }} {{ moneyData.totalMoney }}</span>
+ <span>{{ moneyData.symbol }} {{ moneyData.availableBalance }}</span>
</div>
<div class="wallet_price_name flex-between">
@@ -28,22 +28,22 @@
<span>{{ $t("hj48") }}</span>
</div>
- <div class="wallet_record flex-center">
+ <div class="wallet_record flex-center" @click="toPage('/Record')">
<span>{{ $t("账户变动记录") }}</span>
<van-icon name="play" size=".5em" />
</div>
</div>
<div class="account_tabs flex-between">
- <div class="tab flex-center ">
+ <div class="tab flex-center" @click="toPage('/recharge')">
<img src="@/assets/img/cz.png" alt="" />
<span>{{ $t("hj172") }}</span>
</div>
- <div class="tab flex-center ">
+ <div class="tab flex-center" @click="toPage('/RechargeSure')">
<img src="@/assets/img/tx.png" alt="" />
<span>{{ $t("subdka") }}</span>
</div>
- <div class="tab flex-center ">
+ <div class="tab flex-center" @click="toPage('/rechargelist')">
<img src="@/assets/img/jl.png" alt="" />
<span>{{ $t("jl") }}</span>
</div>
@@ -51,12 +51,12 @@
<div class="account_card">
<div class="held_head flex-between">
- <div class="flex-center head_left">
+ <div class="flex-center head_left" @click="toPage('/tradeNew')">
<span>{{ $t("hj2") }}</span>
<img src="@/assets/img/cc_ss.png" alt="" />
</div>
- <div class="flex-center head_right">
- <span>{{ $t("jl") }}</span>
+ <div class="flex-center head_right" @click="toPage('/stockRecord')">
+ <span>{{ $t("hj121") }}</span>
<img src="@/assets/img/cc_jl.png" alt="" />
</div>
</div>
@@ -67,7 +67,7 @@
<p>{{ $t("Worth") }}</p>
</div>
<div class="item_right flex-end">
- 3,010 MXN
+ {{ positionData.mxMarketValue }} MXN
</div>
</div>
@@ -76,9 +76,24 @@
<span class="held_icon">MEX</span>
<p>{{ $t("持仓收益") }}</p>
</div>
- <div class="item_right flex-end" :class="'rise'">
- <img src="@/assets/img/rise.png" alt="" />
- 2,010 (201%)
+ <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>
@@ -88,7 +103,7 @@
<p>{{ $t("Worth") }}</p>
</div>
<div class="item_right flex-end">
- 685,059.11 USD
+ {{ positionData.usMarketValue }} USD
</div>
</div>
@@ -97,9 +112,24 @@
<span class="held_icon2">US</span>
<p>{{ $t("持仓收益") }}</p>
</div>
- <div class="item_right flex-end" :class="'descend'">
- <img src="@/assets/img/descend.png" alt="" />
- 191,980.42 (38.94%)
+ <div
+ class="item_right flex-end"
+ :class="{
+ descend: positionData.usPositionEarnings < 0,
+ rise: positionData.usPositionEarnings > 0
+ }"
+ >
+ <img
+ src="@/assets/img/rise.png"
+ v-if="positionData.usPositionEarnings > 0"
+ />
+ <img
+ src="@/assets/img/descend.png"
+ alt=""
+ v-else-if="positionData.usPositionEarnings < 0"
+ />
+ {{ positionData.usPositionEarnings }}
+ ({{ positionData.usPositionEarningsParent }})
</div>
</div>
</div>
@@ -116,12 +146,28 @@
},
data() {
return {
- userInfo: {}
+ userInfo: {}, // 用户信息
+ moneyData: {}, // 账户金额
+ positionData: {} // 账户持仓数据
};
},
methods: {
+ // 获取账户金额
+ async getMoney() {
+ let data = await api.getMoney();
+ if (data.status === 0) {
+ this.moneyData = data.data[0];
+ }
+ },
+ // 获取账户持仓数据
+ async getMyPositionProfitAndLose() {
+ let data = await api.getMyPositionProfitAndLose();
+ if (data.status === 0) {
+ this.positionData = data.data;
+ }
+ },
+ // 获取用户信息
async getUserInfo() {
- // 获取用户信息
let data = await api.getUserInfodata();
if (data.status === 0) {
// 判断是否登录
@@ -131,10 +177,17 @@
} else {
this.$store.commit("dialogVisible", true);
}
+ },
+ // 跳转
+ toPage(url) {
+ if (!url) return;
+ this.$router.push(url);
}
},
created() {
this.getUserInfo();
+ this.getMoney();
+ this.getMyPositionProfitAndLose();
}
};
</script>
@@ -146,7 +199,7 @@
@dark_green: #07c160;
.account {
width: 100%;
- height: 100%;
+ min-height: 100vh;
background: #fff;
font-size: 10vw;
padding-top: 0.2em;
--
Gitblit v1.9.3