From 916757dbb9d08ef2875fd3a8bd7a16ebe6d8f97c Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Tue, 24 Jun 2025 20:13:07 +0800
Subject: [PATCH] feat

---
 src/components/perpetual-history-position/index.vue |   89 ++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 88 insertions(+), 1 deletions(-)

diff --git a/src/components/perpetual-history-position/index.vue b/src/components/perpetual-history-position/index.vue
index 42cbd26..3a8bd09 100644
--- a/src/components/perpetual-history-position/index.vue
+++ b/src/components/perpetual-history-position/index.vue
@@ -40,6 +40,54 @@
               {{ item.state ? handleText(item.state) : "--" }}
             </div>
           </div>
+          <div class="list-b">
+            <div>{{ $t("开仓价格") }}</div>
+            <div class="list-value">
+              {{ item.trade_avg_price }}
+            </div>
+          </div>
+          <div class="list-b">
+            <div>{{ $t("平仓价格") }}</div>
+            <div class="list-value">
+              {{ item.close_avg_price }}
+            </div>
+          </div>
+          <div class="list-b">
+            <div>{{ $t("保证金") }}</div>
+            <div class="list-value">
+              {{ item.deposit_open }}
+            </div>
+          </div>
+          <div class="list-b">
+            <div>{{ $t("手续费") }}</div>
+            <div class="list-value">
+              {{ item.fee }}
+            </div>
+          </div>
+          <div class="list-b">
+            <div>{{ $t("盈利率") }}</div>
+            <div
+              class="list-value"
+              :class="{
+                'text-green': item.profit / 1 > 0,
+                'text-red': item.profit / 1 < 0,
+              }"
+            >
+              {{ calculateProfitRate(item) }}
+            </div>
+          </div>
+          <div class="list-b">
+            <div>{{ $t("盈利") }}</div>
+            <div
+              class="list-value"
+              :class="{
+                'text-green': item.profit / 1 > 0,
+                'text-red': item.profit / 1 < 0,
+              }"
+            >
+              {{ item.profit }}
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -88,7 +136,31 @@
     </template> -->
   </div>
 </template>
-
+<!-- {
+  "order_no": "25062319103773064243",  // 订单编号
+  "amount_open": 169350.0,             // 开仓金额(USDT)
+  "symbol": "eth",                     // 交易对符号(ETH)
+  "lever_rate": 200.0,                 // 杠杆倍数(200倍)
+  "amount": 0.0,                       // 当前持仓金额(已平仓为0)
+  "create_time": "2025-06-23  07:10:37  AM",  // 开仓时间
+  "fee": 10.161,                       // 手续费(USDT)
+  "qiangPing": "2160.74289",           // 强平价格
+  "mark_price": 2414.6,                // 标记价格
+  "deposit_open": 270.96,              // 开仓保证金(USDT)
+  "stop_price_loss": 0.0,              // 止损价格(未设置)
+  "change_ratio": 0.0,                 // 价格变动比率
+  "close_time": "2025-06-23  12:16:22  PM",  // 平仓时间
+  "trade_avg_price": 2246.69,          // 开仓均价(USDT)
+  "close_avg_price": 2226.53,         // 平仓均价(USDT)
+  "stop_price_profit": 0.0,            // 止盈价格(未设置)
+  "volume": 0.0,                       // 当前持仓量(已平仓为0)
+  "volume_open": 75.0,                 // 开仓数量(ETH)
+  "name": "ETH/USDT",                  // 交易对名称
+  "deposit": 0.0,                      // 当前保证金(已平仓为0)
+  "state": "created",                  // 状态(已平仓)
+  "profit": "-486.28",                 // 盈亏金额(亏损486.28 USDT)
+  "direction": "buy"                   // 方向(买入/做多)
+} -->
 <script>
 export default {
   name: "perpetualHistoryPosition",
@@ -128,6 +200,14 @@
     },
   },
   methods: {
+    calculateProfitRate(item) {
+      if (!item.trade_avg_price || !item.close_avg_price) return "--";
+      const profitRate = (
+        ((item.close_avg_price - item.trade_avg_price) / item.trade_avg_price) *
+        100
+      ).toFixed(2);
+      return profitRate + "%";
+    },
     handleText(state) {
       let str = "";
       if (state == "created") {
@@ -251,4 +331,11 @@
   height: 1px;
   background: rgba(60, 58, 58, 0.6);
 }
+
+.text-red {
+  color: #ff0000 !important;
+}
+.text-green {
+  color: #1cd36d !important;
+}
 </style>

--
Gitblit v1.9.3