jhzh
2024-05-20 f8e9af35a267b7b9a2bf605187a11536889a6e38
src/page/user/Warehouse/item.card.vue
@@ -5,69 +5,71 @@
        <div class="total-name">
          {{ activeObj.assname }} ({{ 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-data">
          {{ activeObj.totalMoney | _toLocaleString }}
          <!-- {{ 10000000000000 | _toLocaleString }} -->
        </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 class="itembox-data">
          {{ activeObj.profitAndLoss | _toLocaleString }}
        </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 class="itembox-data">
          {{ activeObj.availableBalance | _toLocaleString }}
        </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 class="itembox-data">
          {{ activeObj.isZf === 1 ? "-" : "" }}
          {{ activeObj.cumulativeProfitAndLoss | _toLocaleString }}
        </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 class="itembox-data">
          {{ activeObj.freezeMoney | _toLocaleString }}
        </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 class="itembox-data">
          {{ activeObj.handlingCharge | _toLocaleString }}
        </div>
        <div class="itembox-name">
          {{ $t("總手續費") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="itembox-data">
          {{ activeObj.amountToBeCovered | _toLocaleString }}
        </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>
@@ -91,20 +93,17 @@
      default: () => {},
    },
  },
  methods: {
    async confirm() {
      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;
    },
  },
@@ -173,10 +172,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;
@@ -205,4 +204,4 @@
    }
  }
}
</style>
</style>