From 2d9eaadefb271a43a9a7de7c299377321e07bc8e Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Thu, 14 Aug 2025 13:29:10 +0800
Subject: [PATCH] 1
---
src/page/user/Warehouse/item.card.vue | 112 +++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 79 insertions(+), 33 deletions(-)
diff --git a/src/page/user/Warehouse/item.card.vue b/src/page/user/Warehouse/item.card.vue
index f8a7454..b27900c 100644
--- a/src/page/user/Warehouse/item.card.vue
+++ b/src/page/user/Warehouse/item.card.vue
@@ -1,44 +1,52 @@
<template>
<div class="item-card-box">
+ <div style="padding: 12px 24px; color: #fff;background-color: #185546;width: max-content;margin-bottom: 20px;">{{$t('日股')}}</div>
<div class="total-assets">
<div class="left">
- <div class="total-name">
- {{ activeObj.assname }} ({{ activeObj.symbolCode }})
+ <!-- <div class="total-name">
+ {{ activeObj.assname }} ()
+ </div> -->
+ <div class="total-data">
+ {{ activeObj.totalMoney }} {{ activeObj.symbolCode }}
</div>
- <div class="total-data">{{ activeObj.totalMoney | _toString }}</div>
</div>
</div>
<div class="item-card-itembox">
<div class="item">
<div class="itembox-data">
- {{ activeObj.profitAndLoss | _toString }}
+ {{ $t("累計盈虧") }}
+ </div>
+ <div class="itembox-name">
+ {{ activeObj.isZf === 1 ? "-" : "" }}
+ {{ activeObj.cumulativeProfitAndLoss }}
</div>
- <div class="itembox-name">
- {{ $t("浮動盈虧") }} ({{ activeObj.symbolCode }})
- </div>
</div>
<div class="item">
<div class="itembox-data">
- {{ activeObj.availableBalance | _toString }}
+ {{ $t("浮動盈虧") }}
+ </div>
+
+ <div class="itembox-name">
+ ¥{{ activeObj.profitAndLoss }}
+ </div>
+ </div>
+
+ <!-- <div class="item">
+ <div class="itembox-data">
+ ¥{{ activeObj.availableBalance }}
</div>
<div class="itembox-name">
{{ $t("可用資產") }} ({{ activeObj.symbolCode }})
</div>
</div>
+
<div class="item">
<div class="itembox-data">
- {{ activeObj.cumulativeProfitAndLoss | _toString }}
+ ¥{{ activeObj.freezeMoney }}
</div>
-
- <div class="itembox-name">
- {{ $t("累計盈虧") }} ({{ activeObj.symbolCode }})
- </div>
- </div>
- <div class="item">
- <div class="itembox-data">{{ activeObj.freezeMoney | _toString }}</div>
<div class="itembox-name">
{{ $t("凍結資產") }} ({{ activeObj.symbolCode }})
@@ -46,12 +54,31 @@
</div>
<div class="item">
<div class="itembox-data">
- {{ activeObj.handlingCharge | _toString }}
+ ¥{{ activeObj.handlingCharge }}
</div>
<div class="itembox-name">
{{ $t("總手續費") }} ({{ activeObj.symbolCode }})
</div>
+ </div>
+ <div class="item">
+ <div class="itembox-data">
+ ¥{{ activeObj.amountToBeCovered }}
+ </div>
+
+ <div class="itembox-name">
+ {{ $t("待补金额") }} ({{ activeObj.symbolCode }})
+ </div>
+ </div> -->
+ </div>
+ <div class="zj">
+ <div class="zj_box">
+ <div style="display: flex;align-items: center;color: #858093;"><img style="width: 20px;margin-right: 5px;" src="@/assets/img/xiaohao.svg"/>{{$t('占用资金')}}</div>
+ <div style="color: #185546;font-weight: bold;">{{ activeObj.freezeMoney }}</div>
+ </div>
+ <div class="zj_box">
+ <div style="display: flex;align-items: center;color: #858093;"><img style="width: 20px;margin-right: 5px;" src="@/assets/img/xiaohao.svg"/>{{ $t("凍結資產") }}</div>
+ <div style="color: #185546;font-weight: bold;">{{ activeObj.freezeMoney }}</div>
</div>
</div>
<Dialog ref="closeAllDialog" :title="$t('一鍵平倉')" :confirm="confirm">
@@ -78,7 +105,6 @@
default: () => {},
},
},
-
methods: {
async confirm() {
console.log(this.activeObj.laber);
@@ -97,20 +123,35 @@
</script>
<style lang="less" scoped>
+ .zj_box{
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 48%;
+ background-color: #E8F4F0;
+ padding: 20px;
+ }
+ .zj{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: 30px;
+ }
.item-card-box {
width: 100%;
min-height: 3.52rem;
margin: 0 auto;
- box-shadow: 0 0.16rem 0.32rem #00b57429;
+ // box-shadow: 0 0.16rem 0.32rem #00b57429;
border-radius: 0.26667rem;
margin-top: 0.42667rem;
- padding: 0.32rem 0.4rem;
+ // padding: 0.32rem 0.4rem;
box-sizing: border-box;
- background-color: #ff5b96;
+ // background-color: #03a7ef;
color: #fff;
.total-assets {
display: flex;
justify-content: space-between;
+ color: #1B1B1B;
.left {
.total-name {
font-style: normal;
@@ -156,28 +197,33 @@
.item-card-itembox {
display: flex;
- flex-wrap: wrap; /* 自动换行 */
+ // flex-wrap: wrap; /* 自动换行 */
+ justify-content: space-between;
.item {
- width: 50%;
+ display: flex;
+ align-items: center;
+ margin-top: 0.45333rem;
+ // width: 50%;
// height: 20px;
- min-width: 50%;
- max-width: 50%;
+ // min-width: 50%;
+ // max-width: 50%;
+ color: #1B1B1B;
// background-color: #fff;
.itembox-data {
font-style: normal;
font-weight: 500;
font-size: 0.37333rem;
- color: #fff;
- margin-top: 0.45333rem;
- word-break: break-all;
+ color: #1B1B1B;
+ // margin-top: 0.45333rem;
+ // word-break: break-all;
}
.itembox-name {
- font-style: normal;
- font-weight: 400;
- font-size: 0.32rem;
- color: #fff;
+ font-weight: bold;
+ font-size: 18px;
+ color: #1FB26B;
opacity: 0.8;
- margin-top: 0.13333rem;
+ margin-left: 20px;
+ // margin-top: 0.13333rem;
}
.number-text {
color: #fff;
--
Gitblit v1.9.3