first

zzzz

2024-04-21 eca81058f2f0e26593532f714d9f840a5ebdf1ad

 src/page/user/Warehouse/item.card.vue

@@ -2,70 +2,51 @@
  <div class="item-card-box">
    <div class="total-assets">
      <div class="left">
        <div class="total-name">泰股總資產 ({{ activeObj.symbolCode }})</div>
        <div class="total-data">{{ activeObj.totalMoney || "0.0000" }}</div>
        <div class="total-data-huansuan" v-if="activeObj.symbolCode !== 'USD'">
          ≈ {{ activeObj.symbol }} {{ activeObj.totalMoneyUSD || "0.0000" }}
        <div class="total-name">
          {{ activeObj.assname }} ({{ activeObj.symbolCode }})
        </div>
        <div class="total-data">{{ activeObj.totalMoney || "0.0000" }}</div>
      </div>
      <div class="right" @click="closeAll">{{ $t("全部平仓") }}</div>
    </div>
    <!-- totleAssets  总资产 -->
    <!-- availableBalance  可用 -->
    <!-- cumulativeProfitAndLoss  累计盈亏 -->
    <!-- profitAndLoss  浮动盈亏 -->
    <!-- handlingCharge  总手续费 -->
    <!-- freezeMoney  冻结 -->

    <div class="item-card-itembox">
      <div class="item">
        <div class="itembox-data">{{ activeObj.profitAndLoss }}</div>
        <div v-if="activeObj.symbolCode !== 'USD'" class="number-text">
          ≈ {{ activeObj.symbol }} {{ activeObj.profitAndLossUSD || "0.0000" }}
        </div>

        <div class="itembox-name">
          {{ $t("浮動盈虧") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="itembox-data">{{ activeObj.availableBalance }}</div>
        <div v-if="activeObj.symbolCode !== 'USD'" class="number-text">
          ≈ {{ activeObj.symbol }}
          {{ activeObj.availableBalanceUSD || "0.0000" }}
        </div>

        <div class="itembox-name">
          {{ $t("可用資產") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="itembox-data">{{ activeObj.cumulativeProfitAndLoss }}</div>
        <div v-if="activeObj.symbolCode !== 'USD'" class="number-text">
          ≈ {{ activeObj.symbol }}
          {{ activeObj.cumulativeProfitAndLossUSD || "0.0000" }}
        </div>

        <div class="itembox-name">
          {{ $t("累計盈虧") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="itembox-data">{{ activeObj.freezeMoney }}</div>
        <div v-if="activeObj.symbolCode !== 'USD'" class="number-text">
          ≈ {{ activeObj.symbol }} {{ activeObj.freezeMoneyUSD || "0.0000" }}
        </div>

        <div class="itembox-name">
          {{ $t("凍結資產") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="itembox-data">{{ activeObj.handlingCharge }}</div>
        <div v-if="activeObj.symbolCode !== 'USD'" class="number-text">
          ≈ {{ activeObj.symbol }} {{ activeObj.handlingChargeUSD || "0.0000" }}
        </div>

        <div class="itembox-name">
          {{ $t("總手續費") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
    </div>
    <Dialog ref="closeAllDialog" title="一鍵平倉" :confirm="confirm">
    <Dialog ref="closeAllDialog" :title="$t('一鍵平倉')" :confirm="confirm">
      <template v-slot:center>
        <div>{{ $t("您確定一鍵平倉所有訂單嗎？") }}</div>
      </template>
@@ -95,14 +76,12 @@
      console.log(this.activeObj.laber);
      const res = await allsell({ stockType: this.activeObj.laber });
      if (res.status === 0) {
        console.log(3333);
        this.itemClick();
        this.$refs.closeAllDialog.show = false;
      }
    },

    closeAll() {
      // allsell()
      this.$refs.closeAllDialog.show = true;
    },
  },
@@ -171,10 +150,10 @@
  display: flex;
  flex-wrap: wrap; /* 自动换行 */
  .item {
    width: 33%;
    width: 50%;
    // height: 20px;
    min-width: 33%;
    max-width: 33%;
    min-width: 50%;
    max-width: 50%;
    // background-color: #fff;
    .itembox-data {
      font-style: normal;
@@ -203,4 +182,4 @@
    }
  }
}
</style>
</style>