1

PC-20250623MANY\Administrator

2025-08-30 bc3a812e4134c46f2c7f118de0cf7cbee7ef58c2

 src/views/account/components/Position.vue

@@ -7,9 +7,58 @@
    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
                ? 'green'
                : ''
            }`"
          >
            {{ thisMoneyData.symbol }} {{ thisMoneyData.profitAndLoss }}
          </div>
        </div>
        <div class="card_2 flex-between">
          <div class="card_2_item flex-center" style="align-items: start">
            <div>{{ $t("總資產") }}</div>
            <div>{{ thisMoneyData.symbol }}{{ thisMoneyData.totalMoney }}</div>
          </div>
          <div class="card_2_item flex-center">
            <div>{{ $t("hj48") }}</div>
            <div>
              {{ thisMoneyData.symbol }}{{ thisMoneyData.availableBalance }}
            </div>
          </div>
          <div class="card_2_item flex-center" style="align-items: end">
            <div>{{ $t("账户盈亏") }}</div>
            <div>
              {{ thisMoneyData.symbol
              }}{{ thisMoneyData.cumulativeProfitAndLoss }}
            </div>
          </div>
        </div>
        <div class="card_2 flex-between" style="border-top: #aaa solid 1px">
          <el-button type="primary" size="medium" @click="$router.push('/home')">
            {{ $t("buy") }}
          </el-button>
          <el-button type="primary" size="medium" @click="$router.push('/home')">
            {{ $t("hj78") }}
          </el-button>
          <el-button type="primary" size="medium" @click="pc">
            {{ $t("hj121") }}
          </el-button>
        </div>
      </div>

      <el-table
        :data="tableData"
        style="width: 100%; flex: 1"
        height="100%"
        empty-text="No Data"
      >
        <el-table-column prop="stockSpell" :label="$t('hj313')">
@@ -86,7 +135,8 @@
              {{ scope.row.now_price }}
            </span>
            <div v-if="scope.row.stockGid != $mc">
              ≈ $ {{ (scope.row.now_price * rate(scope.row.stockGid)).toFixed(2) }}
              ≈ $
              {{ (scope.row.now_price * rate(scope.row.stockGid)).toFixed(2) }}
            </div>
          </template>
        </el-table-column>
@@ -113,7 +163,9 @@
export default {
  data() {
    return {
      opt: {}, // 列表参数,必须是opt和myMixins混入配合使用
      opt: {
        state: 0,
      }, // 列表参数,必须是opt和myMixins混入配合使用
    };
  },
  mixins: [mixins],
@@ -126,10 +178,19 @@
      type: String,
      default: "",
    },
    moneyData: {
      type: Array,
      default: () => [],
    },
  },
  computed: {
    thisMoneyData() {
      return this.moneyData.find((item) => item.accectType == this.type) || {};
    },
  },
  watch: {},
  async created() {
    await this.getExchangeRate(); // 获取汇率
    // await this.getExchangeRate(); // 获取汇率
    this.opt.stockType = this.type;
    this.apiInterface = api.getchicang; // 赋值接口
    this.init(); // 获取记录列表
@@ -139,6 +200,10 @@
    onClose() {
      this.$emit("update:dialogVisible", false);
      this.$emit("onClose"); // 关闭弹窗时，通知父组件
    },
    // 打开平仓弹窗
    pc() {
      this.$emit("pc");
    },
  },
};
@@ -151,6 +216,28 @@
  display: flex;
  flex-direction: column;

  .card {
    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 {
          padding: 3px 0;
        }
      }
    }
  }

  .pagination {
    margin-top: 20px;
    text-align: center;