换头像

PC-20250623MANY\Administrator

2025-08-24 ca55dbc8571bad03c19b64c3a9c6d8c6052cc939

 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%;