2

PC-20250623MANY\Administrator

2025-08-25 f166e74dd3c39a7978f5f8c6ccbdbfa4c103a407

 src/page/user/account.vue

@@ -11,7 +11,11 @@
          alt=""
          @click="$store.dispatch('CustomerService')"
        />
        <img src="@/assets/img/setting.png" alt="" />
        <img
          src="@/assets/img/setting.png"
          alt=""
          @click="$router.push('/setting')"
        />
      </div>
    </div>

@@ -24,12 +28,12 @@
          </div>
        </div>
      </div>
      <div class="all-assets flex-between">
      <div class="all-assets flex-center">
        <div class="assets-item flex-center">
          <div class="all-size">{{ $t("hj48") }}</div>
          <div class="big-size">{{ moneyData.availableBalance }}</div>
        </div>
        <div class="assets-item flex-center">
        <div class="assets-item flex-center" style="align-items: end;">
          <div class="all-size">{{ $t("账户盈亏") }}</div>
          <div class="big-size">{{ moneyData.cumulativeProfitAndLoss }}</div>
        </div>
@@ -40,18 +44,28 @@
      </div>
    </div>

    <div class="tui-spendMoney flex-between">
      <div class="tui-rightItem flex-center" v-for="i in tabs" :key="i.name">
    <div class="tui-spendMoney flex-between-start">
      <div class="tui-rightItem flex-center" @click="czts">
        <img src="@/assets/img/account_1.png" />
        <div class="text">{{ this.$t("hj172") }}</div>
      </div>
      <div
        class="tui-rightItem flex-center"
        v-for="i in tabs"
        :key="i.name"
        @click="toPage(i.path)"
      >
        <img :src="i.img" />
        <div class="text">{{ i.name }}</div>
      </div>
    </div>

    <my-order></my-order>
    <my-order :Operation="true"></my-order>
  </div>
</template>

<script>
import { Toast } from "vant";
import tabHead from "@/components/tabHead.vue";
import myOrder from "@/page/user/myOrder.vue";
import * as api from "@/axios/api";
@@ -67,11 +81,26 @@
      moneyData: {}, // 账户金额
      positionData: {}, // 账户持仓数据
      tabs: [
        { name: this.$t("hj172"), img: require("@/assets/img/account_1.png") },
        { name: this.$t("hj177"), img: require("@/assets/img/account_2.png") },
        { name: this.$t("hj168"), img: require("@/assets/img/account_3.png") },
        { name: this.$t("hj162"), img: require("@/assets/img/account_4.png") },
        { name: this.$t("hj247"), img: require("@/assets/img/account_5.png") }
        {
          name: this.$t("hj177"),
          img: require("@/assets/img/account_2.png"),
          path: "/RechargeSure"
        },
        {
          name: this.$t("hj168"),
          img: require("@/assets/img/account_3.png"),
          path: "/rechargelist"
        },
        {
          name: this.$t("hj162"),
          img: require("@/assets/img/account_4.png"),
          path: "/cashlist"
        },
        {
          name: this.$t("hj247"),
          img: require("@/assets/img/account_5.png"),
          path: "/banklist"
        }
      ]
    };
  },
@@ -106,7 +135,11 @@
    toPage(url) {
      if (!url) return;
      this.$router.push(url);
    }
    },
    // 充值提示
    czts() {
      Toast(this.$t("充值提示"));
    },
  },
  created() {
    this.getUserInfo();
@@ -131,7 +164,7 @@
      flex-direction: column;
      .text {
        width: 100%;
        font-size: 0.35rem;
        font-size: 0.3rem;
        font-weight: 500;
        padding-top: 0.15rem;
        text-align: center;
@@ -152,9 +185,11 @@
      padding: 0.225rem 0 0.35rem;
      justify-content: space-evenly;
      .assets-item {
        width: 33.33%;
        width: 50%;
        flex-shrink: 0;
        flex-direction: column;
        align-items: start;
        padding: 0 0.3rem;
        .big-size {
          font-size: 0.4rem;
          color: #fff;