From 6cd1d790d0a55b8f763de8d1d129cca2772393e4 Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Mon, 22 Dec 2025 18:37:14 +0800
Subject: [PATCH] 1

---
 src/views/cryptos/Trade/index.vue |   46 +++++++++++++++++++++++++++++-----------------
 1 files changed, 29 insertions(+), 17 deletions(-)

diff --git a/src/views/cryptos/Trade/index.vue b/src/views/cryptos/Trade/index.vue
index 368bc93..bd101b6 100644
--- a/src/views/cryptos/Trade/index.vue
+++ b/src/views/cryptos/Trade/index.vue
@@ -63,8 +63,8 @@
           @cancelOrder="cancelOrder" />
       </div>
       <div class="py-20 px-20" v-else-if="tabType == '2'">
-        <history-item unit="USDT" v-for="item in entrustList" :key="item.order_no" :coinPrice="coinPrice" :entrust="item"
-          :state="item.state" @cancelOrder="cancelOrder" />
+        <history-item unit="USDT" v-for="item in entrustList" :key="item.order_no" :coinPrice="coinPrice"
+          :entrust="item" :state="item.state" @cancelOrder="cancelOrder" />
       </div>
       <div class="py-20 px-20" v-else>
         <div class="mb-20">
@@ -76,7 +76,7 @@
                   :src="item.symbol ? `${HOST_URL}/symbol/${item.symbol_data}.png` : handleImage('../../../assets/loading-default.png')"
                   class="w-52 h-52 rounded-full mr-16" />
                 <p class="flex flex-col">
-                  <strong class="font-28 textColor mb-6">{{ item.symbol.toUpperCase() }}</strong>
+                  <strong class="font-28 textColor mb-6">{{ strToArr(item.full_name.toUpperCase(), '/')[0] }}</strong>
                   <span class="font-20 text-grey">{{ item.full_name }}</span>
                 </p>
               </div>
@@ -98,7 +98,7 @@
                   :src="item.symbol ? `${HOST_URL}/symbol/${item.symbol_data}.png` : handleImage('../../../assets/loading-default.png')"
                   class="w-52 h-52 rounded-full mr-16" />
                 <p class="flex flex-col">
-                  <strong class="font-28 textColor mb-6">{{ item.symbol.toUpperCase() }}</strong>
+                  <strong class="font-28 textColor mb-6">{{ strToArr(item.full_name.toUpperCase(), '/')[0] }}</strong>
                   <span class="font-20 text-grey">{{ item.full_name }}</span>
                 </p>
               </div>
@@ -126,7 +126,7 @@
         <k-line-charts :update-key="updateKey" :update-data="quote" :symbol="symbol" v-if="symbol && showCharts"
           :showBottom="false" />
       </div> -->
-      
+
       <!-- <div class="fixed-box">
         <div class="flex justify-between items-center px-30 py-20" @click.stop="handleClickShowKlineChart()">
           <span class="font-30  textColor2">{{ symbol.toUpperCase() }}&nbsp;&nbsp;{{ $t('k线图表') }}</span>
@@ -140,9 +140,7 @@
       </div> -->
       <van-action-sheet class="action-sheet" v-model:show="isSelectShow" @select="onSelect" :actions="actions"
         :cancel-text="$t('取消')" close-on-click-action @cancel="onCancel" />
-
     </div>
-
   </div>
 </template>
 
@@ -154,6 +152,7 @@
 import KLineCharts from '@/components/Transform/kline-charts/index.vue'
 import historyItem from '@/components/Transform/history-item/index.vue'
 import fxKline from '@/components/fx-kline/index.vue'
+import { strToArr } from '@/utils/utis'
 
 import Axios from '@/service/trading'
 import { _getHomeList } from '@/service/home.api'
@@ -279,9 +278,12 @@
     this.getExchangeRate()
   },
   methods: {
+    strToArr,
     handleImage,
     ...mapActions('home', [SET_COIN_LIST]),
     onUpdate(symbol) { // 更新
+      console.log("symbol", symbol);
+
       this.symbol = symbol
       this.closeSocket()
       this.init(symbol)
@@ -391,13 +393,15 @@
             this.initClose = res
           })
         }
-
         if (this.userInfo.token) {
           this.getWallet()
           this.timer3 = setInterval(() => {
             this.getOrderList();
           }, 2000)
         }
+      }
+      else {
+        showFailToast(this.$t('请先登录'))
       }
     },
     init(symbol) { // 初始化页面
@@ -543,6 +547,7 @@
 
 #cryptos {
   background-color: $mainbgWhiteColor;
+
   :v-deep(.px-4) {
     padding-left: 30px !important;
     padding-right: 30px !important;
@@ -553,11 +558,11 @@
     padding-bottom: 30px !important;
   }
 
-  .diviLine{
+  .diviLine {
     background: $mainbgWhiteColor;
   }
 
-  .border-b-color{
+  .border-b-color {
     border-bottom-color: $inp_b;
     padding-bottom: 5px;
   }
@@ -646,12 +651,12 @@
 
   .select-box {
     width: 220px;
-
-    background: $inp-b;
-
     margin-right: 20px;
-  }
 
+    @include themify() {
+      background: themed("input_background") !important;
+    }
+  }
 }
 
 .z-100 {
@@ -660,8 +665,12 @@
 
 .option-box {
   z-index: 99;
-  background: $inp-b;
-  box-shadow: 0px 0px 0.1875rem 0.1875rem $inp-b;
+
+  @include themify() {
+    background: themed("input_background");
+    box-shadow: 0px 0px 0.1875rem 0.1875rem themed("input_background");
+    color: themed("text_color");
+  }
 }
 
 :deep(.van-action-sheet__content) {
@@ -669,7 +678,10 @@
 
   .van-action-sheet__item {
     background: transparent;
-    color: $text_color;
+
+    @include themify() {
+      color: themed("text_color");
+    }
   }
 
 }

--
Gitblit v1.9.3