jhzh
2024-05-20 f8e9af35a267b7b9a2bf605187a11536889a6e38
src/page/user/Warehouse/card.vue
@@ -2,36 +2,60 @@
  <div class="card-box" :style="`background:${item.bgc}`">
    <div class="text-box">
      <div class="item">
        <div class="name">Total Assets ({{ item.laber }})</div>
        <div class="data">99333976.4471</div>
        <div class="name">{{ $t("總資產") }} ({{ item.symbolCode }})</div>
        <div class="data">{{ item.totalMoney || "0.0000" }}</div>
        <div class="symbolCode" v-if="item.symbolCode !== $USD">
          ≈ {{ $USD }} {{ item.totalMoneyUSD || "0.0000" }}
        </div>
      </div>
      <div class="item">
        <div class="name">Available Assets ({{ item.laber }})</div>
        <div class="data">98079.6517</div>
        <div class="name">{{ $t("可用資產") }} ({{ item.symbolCode }})</div>
        <div class="data">{{ item.availableBalance || "0.0000" }}</div>
        <div class="symbolCode" v-if="item.symbolCode !== $USD">
          ≈ {{ $USD }} {{ item.availableBalanceUSD || "0.0000" }}
        </div>
      </div>
    </div>
    <div class="text-box text-box1">
      <div class="item">
        <div class="data data1">-23.1689</div>
        <div class="laber" v-if="item.laber !== 'USD'">≈ $0.0000</div>
        <div class="name name1">Total Floating P/L ({{ item.laber }})</div>
        <div class="data data1">{{ item.profitAndLoss }}</div>
        <div class="symbolCode" v-if="item.symbolCode !== $USD">
          ≈ {{ $USD }} {{ item.profitAndLossUSD || "0.0000" }}
        </div>
        <div class="name name1">
          {{ $t("總浮動盈虧") }} ({{ item.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="data data1">0.0000</div>
        <div class="laber" v-if="item.laber !== 'USD'">≈ $0.0000</div>
        <div class="name name1">Accumulated P/L ({{ item.laber }})</div>
        <div class="data data1">
          {{ item.cumulativeProfitAndLoss || "0.0000" }}
        </div>
        <div class="symbolCode" v-if="item.symbolCode !== $USD">
          ≈ {{ $USD }} {{ item.cumulativeProfitAndLossUSD || "0.0000" }}
        </div>
        <div class="name name1">
          {{ $t("累計盈虧") }} ({{ item.symbolCode }})
        </div>
      </div>
    </div>
    <div class="text-box text-box1">
      <div class="item">
        <div class="data data1">1919.9643</div>
        <div class="laber" v-if="item.laber !== 'USD'">≈ $0.0000</div>
        <div class="name name1">Frozen Assets ({{ item.laber }})</div>
        <div class="data data1">{{ item.freezeMoney }}</div>
        <div class="symbolCode" v-if="item.symbolCode !== $USD">
          ≈ {{ $USD }} {{ item.freezeMoneyUSD || "0.0000" }}
        </div>
        <div class="name name1">
          {{ $t("凍結資產") }} ({{ item.symbolCode }})
        </div>
      </div>
      <div class="item">
        <div class="data data1">0.3839</div>
        <div class="laber" v-if="item.laber !== 'USD'">≈ $0.0000</div>
        <div class="name name1">Total Handling Fee ({{ item.laber }})</div>
        <div class="data data1">{{ item.handlingCharge || "0.0000" }}</div>
        <div class="symbolCode" v-if="item.symbolCode !== $USD">
          ≈ {{ $USD }} {{ item.handlingChargeUSD || "0.0000" }}
        </div>
        <div class="name name1">
          {{ $t("總手續費") }} ({{ item.symbolCode }})
        </div>
      </div>
    </div>
  </div>
@@ -43,6 +67,11 @@
    item: {
      type: Object,
      default: {},
    },
  },
  watch: {
    item(v) {
      console.log(v, "-------");
    },
  },
};
@@ -96,4 +125,7 @@
    margin-top: 30px;
  }
}
</style>
.symbolCode {
  margin-top: 10px;
}
</style>