src/App.vue

@@ -28,16 +28,16 @@
    };
  },
  created() {
    // this.getInfoSite();
    this.getInfoSite();
  },
  methods: {
    // 跳转客服页面
    aRouter1() {
      // window.open(this.onlineService);
      this.$message({
        message: this.$t("kf1"),
        type: "warning",
      });
      window.open(this.onlineService);
      // this.$message({
      //   message: this.$t("kf1"),
      //   type: "warning",
      // });
    },
    // 获取客服地址
    async getInfoSite() {

 src/lang/cht.json

@@ -714,5 +714,6 @@
  "tw": "台灣",
  "id1": "印度",
  "kf1": "需要任何幫助請聯繫您的專屬交易助理或開戶專員",
  "充值提示": "尊敬的會員您好，充值請聯繫客服"
  "充值提示": "尊敬的會員您好，充值請聯繫客服",
  "平仓盈亏":"平倉盈虧"
}

 src/lang/en.json

@@ -714,5 +714,6 @@
  "tw":"Taiwan",
  "id1":"India",
  "kf1": "If you need any assistance, please contact your dedicated trading assistant or account opening specialist.",
  "充值提示": "Dear member, please contact customer service for recharging"
  "充值提示": "Dear member, please contact customer service for recharging",
  "平仓盈亏":"Closing position profit and loss"
}

 src/lang/es.json

@@ -691,5 +691,6 @@
  "bp": "Precio de compra",
  "tc": "Costo total",
  "sto": "Orden de comercio estándar",
  "sp": "Precio de venta"
  "sp": "Precio de venta",
  "平仓盈亏":"Cierre de ganancias y pérdidas"
}

 src/lang/hi.json

@@ -713,5 +713,6 @@
  "hk1": "हांगकांग",
  "tw": "ताइवान",
  "id1": "भारत",
  "kf1": "यदि आपको कोई सहायता चाहिए, तो कृपया अपने समर्पित व्यापार सहायक या खाता खोलने विशेषज्ञ से संपर्क करें।"
  "kf1": "यदि आपको कोई सहायता चाहिए, तो कृपया अपने समर्पित व्यापार सहायक या खाता खोलने विशेषज्ञ से संपर्क करें।",
  "平仓盈亏":"बंद पदों से लाभ और हानि"
}

 src/lang/zh.json

@@ -660,5 +660,6 @@
  "fi1":"基金投资",
  "Password":"密码",
  "ar1":"账户注册",
  "lo1":"退出登录"
  "lo1":"退出登录",
  "平仓盈亏":"平仓盈亏"
}

 src/views/account/account.vue

@@ -28,11 +28,7 @@
              {{ $t("dep") }}
            </div>
          </el-button>
          <el-button
            type="primary"
            class="withdraw-btn"
            @click="withdrawVisible = true"
          >
          <el-button type="primary" class="withdraw-btn" @click="withdrawVisible = true">
            <div class="flex-center">
              <img src="@/assets/images/account_ret.png" alt="Withdraw" />
              {{ $t("hj177") }}
@@ -81,12 +77,7 @@
          <h3>{{ $t("美国") }}</h3>
        </div>

        <div
          class="overview-content"
          v-for="i in moneyData"
          :key="i.id"
          v-show="i.accectType == 'US'"
        >
        <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>
@@ -126,11 +117,7 @@
        >
          {{ $t("账户变动记录") }}
        </div> -->
        <div
          class="nav_item"
          :class="`${nav == 2 ? 'active' : ''}`"
          @click="navChange(2)"
        >
        <div class="nav_item" :class="`${nav == 2 ? 'active' : ''}`" @click="navChange(2)">
          {{ $t("dawr") }}
        </div>
        <!-- <div
@@ -161,25 +148,13 @@
        >
          {{ $t("基金订单") }}
        </div> -->
        <div
          class="nav_item"
          :class="`${nav == 7 ? 'active' : ''}`"
          @click="navChange(7)"
        >
        <div class="nav_item" :class="`${nav == 7 ? 'active' : ''}`" @click="navChange(7)">
          {{ $t("fnv") }}
        </div>
        <div
          class="nav_item"
          :class="`${nav == 8 ? 'active' : ''}`"
          @click="navChange(8)"
        >
        <div class="nav_item" :class="`${nav == 8 ? 'active' : ''}`" @click="navChange(8)">
          {{ $t("bc") }}
        </div>
        <div
          class="nav_item"
          :class="`${nav == 9 ? 'active' : ''}`"
          @click="navChange(9)"
        >
        <div class="nav_item" :class="`${nav == 9 ? 'active' : ''}`" @click="navChange(9)">
          {{ $t("hj10") }}
        </div>
      </div>
@@ -197,58 +172,32 @@
    </div>

    <!-- 划转弹窗 -->
    <Trasferire
      :dialogVisible.sync="trasferireVisible"
      v-if="trasferireVisible"
      @onClose="getMoney"
      :moneyData="moneyData"
    ></Trasferire>
    <Trasferire :dialogVisible.sync="trasferireVisible" v-if="trasferireVisible" @onClose="getMoney"
      :moneyData="moneyData"></Trasferire>
    <!-- 充值弹窗 -->
    <Deposit
      :dialogVisible.sync="depositDialogVisible"
      v-if="depositDialogVisible"
      @onClose="getMoney"
    ></Deposit>
    <Deposit :dialogVisible.sync="depositDialogVisible" v-if="depositDialogVisible" @onClose="getMoney"></Deposit>

    <!-- 提现弹窗 -->
    <Withdraw
      :dialogVisible.sync="withdrawVisible"
      v-if="withdrawVisible"
      @onClose="getMoney"
      :moneyData="moneyData"
    ></Withdraw>
    <Withdraw :dialogVisible.sync="withdrawVisible" v-if="withdrawVisible" @onClose="getMoney" :moneyData="moneyData">
    </Withdraw>

    <!-- 贷款申请弹窗 -->
    <loan-application
      :dialogVisible.sync="applicationVisible"
      v-if="applicationVisible"
    ></loan-application>
    <loan-application :dialogVisible.sync="applicationVisible" v-if="applicationVisible"></loan-application>

    <!-- 贷款记录弹窗 -->
    <loan-records
      :dialogVisible.sync="recordsVisible"
      v-if="recordsVisible"
    ></loan-records>
    <loan-records :dialogVisible.sync="recordsVisible" v-if="recordsVisible"></loan-records>

    <!-- 交易列表弹窗(包括us和mx的) -->
    <Position
      :dialogVisible.sync="positionVisible"
      v-if="positionVisible"
      :type="positionType"
      :moneyData="moneyData"
      @pc="pc"
    ></Position>
    <Position :dialogVisible.sync="positionVisible" v-if="positionVisible" :type="positionType" :moneyData="moneyData"
      @pc="pc"></Position>

    <!-- 交易记录弹窗(包括us和mx的) -->
    <trade-log
      :dialogVisible.sync="tradelogVisible"
      v-if="tradelogVisible"
      :type="positionType"
    ></trade-log>
    <trade-log :dialogVisible.sync="tradelogVisible" v-if="tradelogVisible" :type="positionType"></trade-log>
  </div>
</template>

<script>
let teimss = null;
import * as api from "@/axios/api";
import dawr from "./components/dawr.vue";
import acd from "./components/acd.vue";
@@ -312,11 +261,19 @@

    this.init();
  },
  beforeDestroy() {
    clearInterval(teimss);
  },
  methods: {
    // 初始化
    init() {
      this.getMoney();
      this.getInfo();

      clearInterval(teimss);
      teimss = setInterval(() => {
        this.getMoney();
      }, 10000);
    },
    // 获取账户金额
    async getMoney() {
@@ -365,8 +322,9 @@
<style lang="scss" scoped>
$s_c: #287dff;
$l_c: #07c160;

// .account-container {}
::v-deep .el-drawer__header > :first-child {
::v-deep .el-drawer__header> :first-child {
  font-size: 18px;
  font-weight: 700;
  color: #333;

 src/views/account/components/Position.vue

@@ -1,25 +1,15 @@
<template>
  <el-drawer
    :title="$t('hj2')"
    :visible.sync="dialogVisible"
    direction="rtl"
    :before-close="onClose"
    size="980px"
  >
  <el-drawer :title="$t('hj2')" :visible.sync="dialogVisible" direction="rtl" :before-close="onClose" size="980px">
    <div class="drawer-content">
      <div class="card sb_b">
        <div class="card_1 flex-center">
          <div>{{ $t("浮動盈虧") }}</div>
          <div
            style="font-size: 24px"
            :style="`color:${
              thisMoneyData.profitAndLoss > 0
                ? 'red'
                : thisMoneyData.profitAndLoss < 0
          <div style="font-size: 24px" :style="`color:${thisMoneyData.profitAndLoss > 0
              ? 'red'
              : thisMoneyData.profitAndLoss < 0
                ? 'green'
                : ''
            }`"
          >
            }`">
            {{ thisMoneyData.symbol }} {{ thisMoneyData.profitAndLoss }}
          </div>
        </div>
@@ -35,7 +25,7 @@
            </div>
          </div>
          <div class="card_2_item flex-center" style="align-items: end">
            <div>{{ $t("账户盈亏") }}</div>
            <div>{{ $t("平仓盈亏") }}</div>
            <div>
              {{ thisMoneyData.symbol
              }}{{ thisMoneyData.cumulativeProfitAndLoss }}
@@ -55,29 +45,17 @@
        </div>
      </div>

      <el-table
        :data="tableData"
        style="width: 100%; flex: 1"
        height="100%"
        empty-text="No Data"
      >
      <el-table :data="tableData" style="width: 100%; flex: 1" height="100%" empty-text="No Data">
        <el-table-column prop="stockSpell" :label="$t('hj313')">
          <template slot-scope="scope">
            <el-tag
              :type="scope.row.stockGid != $mc ? 'success' : ''"
              size="small"
              style="margin-right: 8px"
            >
            <el-tag :type="scope.row.stockGid != $mc ? 'success' : ''" size="small" style="margin-right: 8px">
              {{ scope.row.stockGid }}
            </el-tag>
            <span>{{ scope.row.stockName }}</span>
          </template>
        </el-table-column>

        <el-table-column
          prop="positionType"
          :label="`${$t('hj313')} ${$t('類型')}`"
        >
        <el-table-column prop="positionType" :label="`${$t('hj313')} ${$t('類型')}`">
          <template slot-scope="scope">
            <el-tag type="warning">
              {{ dictionary.gplx[scope.row.positionType] }}
@@ -97,15 +75,12 @@

        <el-table-column prop="profitAndLoseParent" :label="$t('Profit')">
          <template slot-scope="scope">
            <span
              :class="`${
                scope.row.profitAndLose < 0
                  ? 'r_c'
                  : scope.row.profitAndLose > 0
            <span :class="`${scope.row.profitAndLose < 0
                ? 'r_c'
                : scope.row.profitAndLose > 0
                  ? 'lc_c'
                  : ''
              }`"
            >
              }`">
              {{ scope.row.profitAndLose }} ({{
                scope.row.profitAndLoseParent
              }})
@@ -143,14 +118,8 @@
      </el-table>

      <div class="pagination flex-end">
        <el-pagination
          background
          layout="prev, pager, next"
          :total="total"
          :current-page="pageNum"
          :page-size="pageSize"
          @current-change="handleCurrentChange"
        >
        <el-pagination background layout="prev, pager, next" :total="total" :current-page="pageNum"
          :page-size="pageSize" @current-change="handleCurrentChange">
        </el-pagination>
      </div>
    </div>
@@ -220,18 +189,22 @@
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #777;

    .card_1 {
      padding: 20px;
      font-size: 18px;
      flex-direction: column;
    }

    .card_2 {
      width: 100%;
      padding: 10px 30px 10px;

      .card_2_item {
        width: 33%;
        flex-direction: column;
        & > div {

        &>div {
          padding: 3px 0;
        }
      }