1

jhzh

2025-08-15 3bc690331548ef221c37d03637e0618e1d55352b

 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, // 贷款记录弹窗显示状态