From 3bc690331548ef221c37d03637e0618e1d55352b Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Fri, 15 Aug 2025 18:07:45 +0800
Subject: [PATCH] 1
---
src/views/account/account.vue | 243 ++++++++++++++++++++++++++++++++++++-----------
1 files changed, 184 insertions(+), 59 deletions(-)
diff --git a/src/views/account/account.vue b/src/views/account/account.vue
index a2c1f4e..c5b3789 100644
--- a/src/views/account/account.vue
+++ b/src/views/account/account.vue
@@ -33,6 +33,16 @@
</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 +62,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 +74,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,59 +92,11 @@
>{{ $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>
@@ -142,18 +104,14 @@
<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 +139,163 @@
{{ $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="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="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="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,13 +383,20 @@
</div>
</div>
+ <!-- 划转弹窗 -->
+ <Trasferire
+ :dialogVisible.sync="trasferireVisible"
+ v-if="trasferireVisible"
+ @onClose="getMoney"
+ :maxNum="Math.floor(moneyData.availableBalance * 100) / 100"
+ ></Trasferire>
<!-- 充值弹窗 -->
<Deposit
:dialogVisible.sync="depositDialogVisible"
v-if="depositDialogVisible"
@onClose="getMoney"
></Deposit>
-
+
<!-- 提现弹窗 -->
<Withdraw
:dialogVisible.sync="withdrawVisible"
@@ -324,6 +446,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 +464,7 @@
lp,
bto,
Deposit,
+ Trasferire,
Withdraw,
LoanApplication,
LoanRecords,
@@ -356,6 +480,7 @@
depositAmount: "", // 存款金额
depositMethod: "Bank Transfer", // 存款方式
depositDialogVisible: false, // 存款弹窗显示状态
+ trasferireVisible: false, // 存款弹窗显示状态
withdrawVisible: false, // 存款弹窗显示状态
applicationVisible: false, // 申请贷款弹窗显示状态
recordsVisible: false, // 贷款记录弹窗显示状态
--
Gitblit v1.9.3