zzzz
2024-03-28 91f9b7a3b7dfc4fe6b9b5008cfec4e18dfb6dcd5
src/page/user/Warehouse/item.card.vue
@@ -2,60 +2,111 @@
  <div class="item-card-box">
    <div class="total-assets">
      <div class="left">
        <div class="total-name">泰股總資產 ({{ activeObj.laber }})</div>
        <div class="total-data">0.0000</div>
        <div class="total-data-huansuan">≈ $0.0000</div>
        <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>
      </div>
      <div class="right">全部平仓</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">-23.1689</div>
        <div v-if="activeObj.laber !== 'USD'" class="number-text">
          ≈ $0.0000
        <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">浮動盈虧 ({{ activeObj.laber }})</div>
        <div class="itembox-name">
          {{ $t("浮動盈虧") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="itembox-data">-23.1689</div>
        <div v-if="activeObj.laber !== 'USD'" class="number-text">
          ≈ $0.0000
        <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">浮動盈虧 ({{ activeObj.laber }})</div>
        <div class="itembox-name">
          {{ $t("可用資產") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="itembox-data">-23.1689</div>
        <div v-if="activeObj.laber !== 'USD'" class="number-text">
          ≈ $0.0000
        <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">浮動盈虧 ({{ activeObj.laber }})</div>
        <div class="itembox-name">
          {{ $t("累計盈虧") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="itembox-data">-23.1689</div>
        <div v-if="activeObj.laber !== 'USD'" class="number-text">
          ≈ $0.0000
        <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">浮動盈虧 ({{ activeObj.laber }})</div>
        <div class="itembox-name">
          {{ $t("凍結資產") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="itembox-data">-23.1689</div>
        <div v-if="activeObj.laber !== 'USD'" class="number-text">
          ≈ $0.0000
        <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">浮動盈虧 ({{ activeObj.laber }})</div>
        <div class="itembox-name">
          {{ $t("總手續費") }} ({{ activeObj.symbolCode }})
        </div>
      </div>
    </div>
    <Dialog ref="closeAllDialog" title="一鍵平倉" :confirm="confirm">
      <template v-slot:center>
        <div>{{ $t("您確定一鍵平倉所有訂單嗎?") }}</div>
      </template>
    </Dialog>
  </div>
</template>
<script>
import Dialog from "@/components/Dialog";
import { allsell } from "../../../axios/api";
export default {
  components: { Dialog },
  props: {
    activeObj: {
      type: Object,
      default: {},
    },
    itemClick: {
      type: Function,
      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;
    },
  },
};
</script>