root/riwa-ionic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 优化订单簿数据处理，限制显示的买单和卖单数量，并调整样式

Browse Source
This commit is contained in:
Seven
2026-01-14 20:56:35 +07:00
parent 9d4df6d3da
commit b1cfb8b7da
2 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/trade-tokenized/components/order-book.vue
View File

@@ -73,15 +73,21 @@ function unsubscribe() {
tradeWebSocket.subscribe((message) => { tradeWebSocket.subscribe((message) => {
if ("bids" in message.data) { if ("bids" in message.data) {
if (!data.value?.bids.length) { if (!data.value?.bids.length) {
data.value!.bids = []; data.value.bids = [];
} }
data.value!.bids.splice(0, data.value!.bids.length, ...message.data.bids); const bids = message.data.bids.sort((a, b) => Number(b.price) - Number(a.price));
data.value.bids.unshift(...bids);
data.value.bids = data.value.bids.slice(0, 5);
} }
if ("asks" in message.data) { if ("asks" in message.data) {
if (!data.value?.asks.length) { if (!data.value?.asks.length) {
data.value!.asks = []; data.value.asks = [];
} }
data.value!.asks.splice(0, data.value!.asks.length, ...message.data.asks); const asks = message.data.asks.sort((a, b) => Number(b.price) - Number(a.price));
data.value.asks.unshift(...asks);
data.value.asks = data.value.asks.slice(0, 5);
} }
}); });

17
src/views/trade/components/order-book.vue
View File

@@ -59,15 +59,21 @@ function unsubscribe() {
tradeWebSocket.subscribe((message) => { tradeWebSocket.subscribe((message) => {
if ("bids" in message.data) { if ("bids" in message.data) {
if (!data.value?.bids.length) { if (!data.value?.bids.length) {
data.value!.bids = []; data.value.bids = [];
} }
data.value!.bids.splice(0, data.value!.bids.length, ...message.data.bids); const bids = message.data.bids.sort((a, b) => Number(b.price) - Number(a.price));
data.value.bids.unshift(...bids);
data.value.bids = data.value.bids.slice(0, 5);
} }
if ("asks" in message.data) { if ("asks" in message.data) {
if (!data.value?.asks.length) { if (!data.value?.asks.length) {
data.value!.asks = []; data.value.asks = [];
} }
data.value!.asks.splice(0, data.value!.asks.length, ...message.data.asks); const asks = message.data.asks.sort((a, b) => Number(b.price) - Number(a.price));
data.value.asks.unshift(...asks);
data.value.asks = data.value.asks.slice(0, 5);
} }
}); });
@@ -144,6 +150,7 @@ onUnmounted(() => {
font-size: 12px; font-size: 12px;
user-select: none; user-select: none;
padding-left: 8px; padding-left: 8px;
width: 100%;
} }
.asks-section, .asks-section,
@@ -178,7 +185,7 @@ onUnmounted(() => {
position: relative; position: relative;
width: 100%; width: 100%;
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr;
padding: 0 12px; padding: 0 12px;
z-index: 1; z-index: 1;
} }