From c38011c544231e63f23c1b1cfa25aa42d84307c0 Mon Sep 17 00:00:00 2001
From: dongzp <975303544@qq.com>
Date: Fri, 24 Jul 2026 13:53:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=88=86=E6=97=B6=E6=88=90?=
 =?UTF-8?q?=E4=BA=A4=E8=BF=87=E6=BB=A4=E5=B0=8F=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/quote/TradeTape.vue | 42 ++++++++++++++++++++++++++----
 1 file changed, 37 insertions(+), 5 deletions(-)

diff --git a/src/components/quote/TradeTape.vue b/src/components/quote/TradeTape.vue
index 4931399..cf3ba38 100644
--- a/src/components/quote/TradeTape.vue
+++ b/src/components/quote/TradeTape.vue
@@ -1,13 +1,16 @@
 <template>
   <div class="trade-tape card">
-    <div class="title">分时成交</div>
+    <div class="title-row">
+      <div class="title">分时成交</div>
+      <el-switch v-model="largeOnly" size="small" active-text="只看大单" />
+    </div>
     <div class="head">
       <span>时间</span>
       <span>价格</span>
       <span>现手</span>
     </div>
     <div class="list">
-      <div v-for="(t, i) in quote.trades" :key="`${t.time}-${t.price}-${t.volume}-${i}`" class="row">
+      <div v-for="(t, i) in displayTrades" :key="`${t.time}-${t.price}-${t.volume}-${i}`" class="row">
         <span>{{ t.time }}</span>
         <span :class="t.side === 'B' ? 'price-up' : 'price-down'">{{ t.price.toFixed(2) }}</span>
         <span class="vol-cell">
@@ -27,11 +30,33 @@
 </template>
 
 <script setup lang="ts">
-import type { QuoteData } from '../../types'
+import { computed, ref } from 'vue'
+import { storeToRefs } from 'pinia'
+import { useContractStore } from '../../stores/contract'
+import type { QuoteData, TradeTick } from '../../types'
 
-defineProps<{
+const props = defineProps<{
   quote: QuoteData
 }>()
+
+const largeOnly = ref(false)
+const { current } = storeToRefs(useContractStore())
+
+/**
+ * 关闭过滤时直接复用原数组引用，避免每 tick 分配新数组。
+ * 开启时与大单分析一致：现手 > largeOrderLots。
+ */
+const displayTrades = computed((): TradeTick[] => {
+  const trades = props.quote.trades
+  if (!largeOnly.value) return trades
+  const lots = current.value.largeOrderLots
+  const out: TradeTick[] = []
+  for (let i = 0; i < trades.length; i++) {
+    const t = trades[i]!
+    if (t.volume > lots) out.push(t)
+  }
+  return out
+})
 </script>
 
 <style scoped>
@@ -43,10 +68,17 @@ defineProps<{
   flex-direction: column;
 }
 
+.title-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
 .title {
   font-size: 13px;
   font-weight: 600;
-  margin-bottom: 8px;
 }
 
 .head,