From f6eb2c4e1b1392576a6592aa4cce19f2efd3a978 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Sun, 24 Aug 2025 14:52:38 +0800
Subject: [PATCH] 1
---
src/views/account/account.vue | 366 ++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 281 insertions(+), 85 deletions(-)
diff --git a/src/views/account/account.vue b/src/views/account/account.vue
index a2c1f4e..66b2f59 100644
--- a/src/views/account/account.vue
+++ b/src/views/account/account.vue
@@ -11,28 +11,17 @@
</div>
<div class="flex-between" style="width: 100%">
- <div class="overview-content">
- <div class="overview-item">
- <div class="item-label">{{ $t("hj49") }}</div>
- <div class="item-value">
- {{ moneyData.symbol }} {{ moneyData.totalMoney }}
- </div>
- </div>
- <div class="overview-item">
- <div class="item-label">{{ $t("hj48") }}</div>
- <div class="item-value">
- {{ moneyData.symbol }} {{ moneyData.availableBalance }}
- </div>
- </div>
- <div class="overview-item">
- <div class="item-label">{{ $t("ff1") }}</div>
- <div class="item-value">
- {{ moneyData.symbol }} {{ moneyData.freezeMoney }}
- </div>
- </div>
- </div>
-
<div class="action-buttons">
+ <el-button
+ type="success"
+ class="deposit-btn"
+ @click="trasferireVisible = true"
+ >
+ <div class="flex-center">
+ <img src="@/assets/images/account_hz.png" alt="Deposit" />
+ {{ $t("劃轉") }}
+ </div>
+ </el-button>
<el-button
type="success"
class="deposit-btn"
@@ -52,11 +41,11 @@
</div>
</div>
- <div class="loan-info flex-between-start">
+ <!-- <div class="loan-info flex-between-start">
<div style="width: 50%" class="flex-center">
<div class="loan-item">
<div class="loan-label">{{ $t("待还款金额") }}</div>
- <div class="loan-value">MX$ {{ userInfo.refundAmount || 0 }}</div>
+ <div class="loan-value">$ {{ userInfo.refundAmount || 0 }}</div>
</div>
<div class="loan-item">
<div class="loan-label">{{ $t("信用分") }}</div>
@@ -64,7 +53,7 @@
</div>
<div class="loan-item">
<div class="loan-label">{{ $t("剩余贷款额度") }}</div>
- <div class="loan-value">MX$ {{ userInfo.loanLimit || 0 }}</div>
+ <div class="loan-value">$ {{ userInfo.loanLimit || 0 }}</div>
</div>
</div>
<div class="loan-buttons flex-end">
@@ -82,78 +71,49 @@
>{{ $t("dkjl") }}</el-button
>
</div>
- </div>
+ </div> -->
</div>
<!-- 市场数据 -->
<div class="market-data page-w a_card">
<div class="market-section sb_b">
<div class="market-header">
- <h3>{{ $t("墨西哥") }}</h3>
- </div>
- <div class="market-content">
- <div class="market-row">
- <div class="market-label">
- <span class="market-tag sc_c">MEX</span>
- <span>{{ $t("mv1") }}</span>
- </div>
- <div class="market-value">{{ positionData.mxMarketValue }} MXN</div>
- </div>
- <div class="market-row">
- <div class="market-label">
- <span class="market-tag sc_c">MEX</span>
- <span>{{ $t("upl1") }}</span>
- </div>
- <div
- class="market-value flex-center"
- :class="`${positionData.mxPositionEarnings < 0 ? 'r_c' : ''} ${
- positionData.mxPositionEarnings > 0 ? 'lc_c' : ''
- }`"
- >
- <img
- src="@/assets/images/up.png"
- alt=""
- v-if="positionData.mxPositionEarnings > 0"
- />
- <img
- src="@/assets/images/down.png"
- alt=""
- v-else-if="positionData.mxPositionEarnings < 0"
- />
- {{ positionData.mxPositionEarnings }}
- ({{ positionData.mxPositionEarningsParent }})
- </div>
- </div>
- <div class="market-footer">
- <div class="position-btn sc_c" @click="positionOpen('MEX')">
- {{ $t("hj2") }}
- </div>
- <div class="trade-log-btn lc_c" @click="tradeLogOpen('MEX')">
- {{ $t("hj121") }}
- </div>
- </div>
- </div>
- </div>
-
- <div class="market-section sb_b">
- <div class="market-header">
<h3>{{ $t("美国") }}</h3>
</div>
+
+ <div
+ class="overview-content"
+ v-for="i in moneyData"
+ :key="i.id"
+ v-show="i.accectType == 'US'"
+ >
+ <div class="overview-item">
+ <div class="item-label">{{ $t("hj49") }}</div>
+ <div class="item-value">{{ i.symbol }} {{ i.totalMoney }}</div>
+ </div>
+ <div class="overview-item">
+ <div class="item-label">{{ $t("hj48") }}</div>
+ <div class="item-value">
+ {{ i.symbol }} {{ i.availableBalance }}
+ </div>
+ </div>
+ <div class="overview-item">
+ <div class="item-label">{{ $t("ff1") }}</div>
+ <div class="item-value">{{ i.symbol }} {{ i.freezeMoney }}</div>
+ </div>
+ </div>
+
<div class="market-content">
<div class="market-row">
<div class="market-label">
- <el-tag type="success" size="small" style="margin-right: 8px">
- US
- </el-tag>
+ <span class="market-tag sc_c">US</span>
<span>{{ $t("mv1") }}</span>
</div>
<div class="market-value">{{ positionData.usMarketValue }} USD</div>
</div>
<div class="market-row">
<div class="market-label">
- <el-tag type="success" size="small" style="margin-right: 8px"
- >US</el-tag
- >
+ <span class="market-tag sc_c">US</span>
<span>{{ $t("upl1") }}</span>
</div>
<div
@@ -181,6 +141,232 @@
{{ $t("hj2") }}
</div>
<div class="trade-log-btn lc_c" @click="tradeLogOpen('US')">
+ {{ $t("hj121") }}
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="market-section sb_b">
+ <div class="market-header">
+ <h3>{{ $t("hk1") }}</h3>
+ </div>
+
+ <div
+ class="overview-content"
+ v-for="i in moneyData"
+ :key="i.id"
+ v-show="i.accectType == 'HK'"
+ >
+ <div class="overview-item">
+ <div class="item-label">{{ $t("hj49") }}</div>
+ <div class="item-value">{{ i.symbol }} {{ i.totalMoney }}</div>
+ </div>
+ <div class="overview-item">
+ <div class="item-label">{{ $t("hj48") }}</div>
+ <div class="item-value">
+ {{ i.symbol }} {{ i.availableBalance }}
+ </div>
+ </div>
+ <div class="overview-item">
+ <div class="item-label">{{ $t("ff1") }}</div>
+ <div class="item-value">{{ i.symbol }} {{ i.freezeMoney }}</div>
+ </div>
+ </div>
+
+ <div class="market-content">
+ <div class="market-row">
+ <div class="market-label">
+ <el-tag type="success" size="small" style="margin-right: 8px">
+ HK
+ </el-tag>
+ <span>{{ $t("mv1") }}</span>
+ </div>
+ <div class="market-value">{{ positionData.hkMarketValue }} HKD</div>
+ </div>
+ <div class="market-row">
+ <div class="market-label">
+ <el-tag type="success" size="small" style="margin-right: 8px"
+ >HK</el-tag
+ >
+ <span>{{ $t("upl1") }}</span>
+ </div>
+ <div
+ class="market-value flex-center"
+ :class="`${positionData.hkPositionEarnings < 0 ? 'r_c' : ''} ${
+ positionData.hkPositionEarnings > 0 ? 'lc_c' : ''
+ }`"
+ >
+ <img
+ src="@/assets/images/up.png"
+ alt=""
+ v-if="positionData.hkPositionEarnings > 0"
+ />
+ <img
+ src="@/assets/images/down.png"
+ alt=""
+ v-else-if="positionData.hkPositionEarnings < 0"
+ />
+ {{ positionData.hkPositionEarnings }}
+ ({{ positionData.hkPositionEarningsParent }})
+ </div>
+ </div>
+ <div class="market-footer">
+ <div class="position-btn sc_c" @click="positionOpen('HK')">
+ {{ $t("hj2") }}
+ </div>
+ <div class="trade-log-btn lc_c" @click="tradeLogOpen('HK')">
+ {{ $t("hj121") }}
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="market-data page-w a_card" style="padding-top: 0">
+ <div class="market-section sb_b">
+ <div class="market-header">
+ <h3>{{ $t("tw") }}</h3>
+ </div>
+
+ <div
+ class="overview-content"
+ v-for="i in moneyData"
+ :key="i.id"
+ v-show="i.accectType == 'TW'"
+ >
+ <div class="overview-item">
+ <div class="item-label">{{ $t("hj49") }}</div>
+ <div class="item-value">{{ i.symbol }} {{ i.totalMoney }}</div>
+ </div>
+ <div class="overview-item">
+ <div class="item-label">{{ $t("hj48") }}</div>
+ <div class="item-value">
+ {{ i.symbol }} {{ i.availableBalance }}
+ </div>
+ </div>
+ <div class="overview-item">
+ <div class="item-label">{{ $t("ff1") }}</div>
+ <div class="item-value">{{ i.symbol }} {{ i.freezeMoney }}</div>
+ </div>
+ </div>
+
+ <div class="market-content">
+ <div class="market-row">
+ <div class="market-label">
+ <el-tag type="success" size="small" style="margin-right: 8px">
+ TW
+ </el-tag>
+ <span>{{ $t("mv1") }}</span>
+ </div>
+ <div class="market-value">{{ positionData.twMarketValue }} TWD</div>
+ </div>
+ <div class="market-row">
+ <div class="market-label">
+ <el-tag type="success" size="small" style="margin-right: 8px"
+ >TW</el-tag
+ >
+ <span>{{ $t("upl1") }}</span>
+ </div>
+ <div
+ class="market-value flex-center"
+ :class="`${positionData.twPositionEarnings < 0 ? 'r_c' : ''} ${
+ positionData.twPositionEarnings > 0 ? 'lc_c' : ''
+ }`"
+ >
+ <img
+ src="@/assets/images/up.png"
+ alt=""
+ v-if="positionData.twPositionEarnings > 0"
+ />
+ <img
+ src="@/assets/images/down.png"
+ alt=""
+ v-else-if="positionData.twPositionEarnings < 0"
+ />
+ {{ positionData.twPositionEarnings }}
+ ({{ positionData.twPositionEarningsParent }})
+ </div>
+ </div>
+ <div class="market-footer">
+ <div class="position-btn sc_c" @click="positionOpen('TW')">
+ {{ $t("hj2") }}
+ </div>
+ <div class="trade-log-btn lc_c" @click="tradeLogOpen('TW')">
+ {{ $t("hj121") }}
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="market-section sb_b">
+ <div class="market-header">
+ <h3>{{ $t("id1") }}</h3>
+ </div>
+
+ <div
+ class="overview-content"
+ v-for="i in moneyData"
+ :key="i.id"
+ v-show="i.accectType == 'IN'"
+ >
+ <div class="overview-item">
+ <div class="item-label">{{ $t("hj49") }}</div>
+ <div class="item-value">{{ i.symbol }} {{ i.totalMoney }}</div>
+ </div>
+ <div class="overview-item">
+ <div class="item-label">{{ $t("hj48") }}</div>
+ <div class="item-value">
+ {{ i.symbol }} {{ i.availableBalance }}
+ </div>
+ </div>
+ <div class="overview-item">
+ <div class="item-label">{{ $t("ff1") }}</div>
+ <div class="item-value">{{ i.symbol }} {{ i.freezeMoney }}</div>
+ </div>
+ </div>
+
+ <div class="market-content">
+ <div class="market-row">
+ <div class="market-label">
+ <el-tag type="success" size="small" style="margin-right: 8px">
+ IN
+ </el-tag>
+ <span>{{ $t("mv1") }}</span>
+ </div>
+ <div class="market-value">{{ positionData.inMarketValue }} INR</div>
+ </div>
+ <div class="market-row">
+ <div class="market-label">
+ <el-tag type="success" size="small" style="margin-right: 8px"
+ >IN</el-tag
+ >
+ <span>{{ $t("upl1") }}</span>
+ </div>
+ <div
+ class="market-value flex-center"
+ :class="`${positionData.inPositionEarnings < 0 ? 'r_c' : ''} ${
+ positionData.inPositionEarnings > 0 ? 'lc_c' : ''
+ }`"
+ >
+ <img
+ src="@/assets/images/up.png"
+ alt=""
+ v-if="positionData.inPositionEarnings > 0"
+ />
+ <img
+ src="@/assets/images/down.png"
+ alt=""
+ v-else-if="positionData.inPositionEarnings < 0"
+ />
+ {{ positionData.inPositionEarnings }}
+ ({{ positionData.inPositionEarningsParent }})
+ </div>
+ </div>
+ <div class="market-footer">
+ <div class="position-btn sc_c" @click="positionOpen('IN')">
+ {{ $t("hj2") }}
+ </div>
+ <div class="trade-log-btn lc_c" @click="tradeLogOpen('IN')">
{{ $t("hj121") }}
</div>
</div>
@@ -268,6 +454,13 @@
</div>
</div>
+ <!-- 划转弹窗 -->
+ <Trasferire
+ :dialogVisible.sync="trasferireVisible"
+ v-if="trasferireVisible"
+ @onClose="getMoney"
+ :moneyData="moneyData"
+ ></Trasferire>
<!-- 充值弹窗 -->
<Deposit
:dialogVisible.sync="depositDialogVisible"
@@ -280,7 +473,7 @@
:dialogVisible.sync="withdrawVisible"
v-if="withdrawVisible"
@onClose="getMoney"
- :maxNum="Math.floor(moneyData.availableBalance * 100) / 100"
+ :moneyData="moneyData"
></Withdraw>
<!-- 贷款申请弹窗 -->
@@ -324,6 +517,7 @@
import lp from "./components/lp.vue";
import Deposit from "./components/Deposit.vue";
import Withdraw from "./components/Withdraw.vue";
+import Trasferire from "./components/Trasferire.vue";
import LoanApplication from "./components/LoanApplication.vue";
import LoanRecords from "./components/LoanRecords.vue";
import Position from "./components/Position.vue";
@@ -341,6 +535,7 @@
lp,
bto,
Deposit,
+ Trasferire,
Withdraw,
LoanApplication,
LoanRecords,
@@ -350,12 +545,13 @@
data() {
return {
nav: 1,
- moneyData: {}, // 账户金额
+ moneyData: [], // 账户金额
userInfo: {}, // 用户信息
positionData: {}, // 账户持仓数据
depositAmount: "", // 存款金额
depositMethod: "Bank Transfer", // 存款方式
depositDialogVisible: false, // 存款弹窗显示状态
+ trasferireVisible: false, // 存款弹窗显示状态
withdrawVisible: false, // 存款弹窗显示状态
applicationVisible: false, // 申请贷款弹窗显示状态
recordsVisible: false, // 贷款记录弹窗显示状态
@@ -384,7 +580,7 @@
async getMoney() {
let data = await api.getMoney();
if (data.status === 0) {
- this.moneyData = data.data[0];
+ this.moneyData = data.data;
}
},
// 获取用户信息
@@ -468,8 +664,8 @@
.overview-content {
display: flex;
justify-content: space-between;
- margin-bottom: 20px;
- width: 50%;
+ // margin-bottom: 20px;
+ padding: 15px 20px 0;
}
.overview-item {
@@ -490,7 +686,7 @@
.action-buttons {
display: flex;
- justify-content: flex-end;
+ justify-content: flex-start;
margin-bottom: 20px;
width: 50%;
--
Gitblit v1.9.3