1

PC-20250623MANY\Administrator

2025-07-16 61944978f51ca99a001162ac1ff3d32dcd5315ed

 src/page/user/account.vue

@@ -19,8 +19,8 @@
      </div>

      <div class="wallet_price flex-between">
        <span>MX$ 16,407,946.28</span>
        <span>MX$ 3,247,918.14</span>
        <span>{{ moneyData.symbol }} {{ moneyData.totalMoney }}</span>
        <span>{{ moneyData.symbol }} {{ moneyData.availableBalance }}</span>
      </div>

      <div class="wallet_price_name flex-between">
@@ -28,22 +28,22 @@
        <span>{{ $t("hj48") }}</span>
      </div>

      <div class="wallet_record flex-center">
      <div class="wallet_record flex-center" @click="toPage('/Record')">
        <span>{{ $t("账户变动记录") }}</span>
        <van-icon name="play" size=".5em" />
      </div>
    </div>

    <div class="account_tabs flex-between">
      <div class="tab flex-center ">
      <div class="tab flex-center" @click="toPage('/recharge')">
        <img src="@/assets/img/cz.png" alt="" />
        <span>{{ $t("hj172") }}</span>
      </div>
      <div class="tab flex-center ">
      <div class="tab flex-center" @click="toPage('/RechargeSure')">
        <img src="@/assets/img/tx.png" alt="" />
        <span>{{ $t("subdka") }}</span>
      </div>
      <div class="tab flex-center ">
      <div class="tab flex-center" @click="toPage('/rechargelist')">
        <img src="@/assets/img/jl.png" alt="" />
        <span>{{ $t("jl") }}</span>
      </div>
@@ -51,12 +51,12 @@

    <div class="account_card">
      <div class="held_head flex-between">
        <div class="flex-center head_left">
        <div class="flex-center head_left" @click="toPage('/tradeNew')">
          <span>{{ $t("hj2") }}</span>
          <img src="@/assets/img/cc_ss.png" alt="" />
        </div>
        <div class="flex-center head_right">
          <span>{{ $t("jl") }}</span>
        <div class="flex-center head_right" @click="toPage('/stockRecord')">
          <span>{{ $t("hj121") }}</span>
          <img src="@/assets/img/cc_jl.png" alt="" />
        </div>
      </div>
@@ -67,7 +67,7 @@
          <p>{{ $t("Worth") }}</p>
        </div>
        <div class="item_right flex-end">
          3,010 MXN
          {{ positionData.mxMarketValue }} MXN
        </div>
      </div>

@@ -76,9 +76,24 @@
          <span class="held_icon">MEX</span>
          <p>{{ $t("持仓收益") }}</p>
        </div>
        <div class="item_right flex-end" :class="'rise'">
          <img src="@/assets/img/rise.png" alt="" />
          2,010 (201%)
        <div
          class="item_right flex-end"
          :class="{
            descend: positionData.mxPositionEarnings < 0,
            rise: positionData.mxPositionEarnings > 0
          }"
        >
          <img
            src="@/assets/img/rise.png"
            v-if="positionData.mxPositionEarnings > 0"
          />
          <img
            src="@/assets/img/descend.png"
            alt=""
            v-else-if="positionData.mxPositionEarnings < 0"
          />
          {{ positionData.mxPositionEarnings }}
          ({{ positionData.mxPositionEarningsParent }})
        </div>
      </div>

@@ -88,7 +103,7 @@
          <p>{{ $t("Worth") }}</p>
        </div>
        <div class="item_right flex-end">
          685,059.11 USD
          {{ positionData.usMarketValue }} USD
        </div>
      </div>

@@ -97,9 +112,24 @@
          <span class="held_icon2">US</span>
          <p>{{ $t("持仓收益") }}</p>
        </div>
        <div class="item_right flex-end" :class="'descend'">
          <img src="@/assets/img/descend.png" alt="" />
          191,980.42 (38.94%)
        <div
          class="item_right flex-end"
          :class="{
            descend: positionData.usPositionEarnings < 0,
            rise: positionData.usPositionEarnings > 0
          }"
        >
          <img
            src="@/assets/img/rise.png"
            v-if="positionData.usPositionEarnings > 0"
          />
          <img
            src="@/assets/img/descend.png"
            alt=""
            v-else-if="positionData.usPositionEarnings < 0"
          />
          {{ positionData.usPositionEarnings }}
          ({{ positionData.usPositionEarningsParent }})
        </div>
      </div>
    </div>
@@ -116,12 +146,28 @@
  },
  data() {
    return {
      userInfo: {}
      userInfo: {}, // 用户信息
      moneyData: {}, // 账户金额
      positionData: {} // 账户持仓数据
    };
  },
  methods: {
    // 获取账户金额
    async getMoney() {
      let data = await api.getMoney();
      if (data.status === 0) {
        this.moneyData = data.data[0];
      }
    },
    // 获取账户持仓数据
    async getMyPositionProfitAndLose() {
      let data = await api.getMyPositionProfitAndLose();
      if (data.status === 0) {
        this.positionData = data.data;
      }
    },
    // 获取用户信息
    async getUserInfo() {
      // 获取用户信息
      let data = await api.getUserInfodata();
      if (data.status === 0) {
        // 判断是否登录
@@ -131,10 +177,17 @@
      } else {
        this.$store.commit("dialogVisible", true);
      }
    },
    // 跳转
    toPage(url) {
      if (!url) return;
      this.$router.push(url);
    }
  },
  created() {
    this.getUserInfo();
    this.getMoney();
    this.getMyPositionProfitAndLose();
  }
};
</script>
@@ -146,7 +199,7 @@
@dark_green: #07c160;
.account {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: #fff;
  font-size: 10vw;
  padding-top: 0.2em;