1

PC-20250623MANY\Administrator

2025-08-17 536d4d648941b493cb12ab89b1adb53aab952c78

 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>

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