first

zzzz

2024-04-21 eca81058f2f0e26593532f714d9f840a5ebdf1ad

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

@@ -2,61 +2,61 @@
  <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>
      <div class="right" @click="closeAll">全部平仓</div>
    </div>

    <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 class="itembox-name">
          {{ $t("浮動盈虧") }} ({{ activeObj.symbolCode }})
        </div>
        <div class="itembox-name">浮動盈虧 ({{ activeObj.laber }})</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 class="itembox-name">
          {{ $t("可用資產") }} ({{ activeObj.symbolCode }})
        </div>
        <div class="itembox-name">浮動盈虧 ({{ activeObj.laber }})</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 class="itembox-name">
          {{ $t("累計盈虧") }} ({{ activeObj.symbolCode }})
        </div>
        <div class="itembox-name">浮動盈虧 ({{ activeObj.laber }})</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 class="itembox-name">
          {{ $t("凍結資產") }} ({{ activeObj.symbolCode }})
        </div>
        <div class="itembox-name">浮動盈虧 ({{ activeObj.laber }})</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 class="itembox-name">
          {{ $t("總手續費") }} ({{ activeObj.symbolCode }})
        </div>
        <div class="itembox-name">浮動盈虧 ({{ activeObj.laber }})</div>
      </div>
    </div>
    <Dialog ref="closeAllDialog" title="一鍵平倉">
    <Dialog ref="closeAllDialog" :title="$t('一鍵平倉')" :confirm="confirm">
      <template v-slot:center>
        <div>您確定一鍵平倉所有訂單嗎？</div>
        <div>{{ $t("您確定一鍵平倉所有訂單嗎？") }}</div>
      </template>
    </Dialog>
   
  </div>
</template>

<script>
import Dialog from "@/components/Dialog";
import { allsell } from "../../../axios/api";

export default {
  components: { Dialog },
@@ -65,9 +65,22 @@
      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) {
        this.itemClick();
        this.$refs.closeAllDialog.show = false;
      }
    },

    closeAll() {
      this.$refs.closeAllDialog.show = true;
    },
@@ -137,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;
@@ -169,5 +182,4 @@
    }
  }
}

</style>
</style>