1

PC-20250623MANY\Administrator

2025-08-10 335dfbdf38b9e37c1383da28232ee725bb92185e

 src/views/account/account.vue

@@ -56,7 +56,7 @@
        <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 +64,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">
@@ -89,71 +89,19 @@
    <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="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
@@ -186,6 +134,163 @@
          </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>
        </div>
      </div>
    </div>

    <!-- 账户变更详情 -->