From 4f437aec7cfb60fe87daec1c5e52b3ed1d10e719 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Thu, 25 Sep 2025 15:07:51 +0800
Subject: [PATCH] 1
---
src/components/stock-list.vue | 71 ++++++++++++++++++++++++++---------
1 files changed, 53 insertions(+), 18 deletions(-)
diff --git a/src/components/stock-list.vue b/src/components/stock-list.vue
index 03e8878..c418f9b 100644
--- a/src/components/stock-list.vue
+++ b/src/components/stock-list.vue
@@ -6,7 +6,12 @@
<van-col span="8" class="flex-end head_item">{{ $t("Change") }}</van-col>
</van-row>
- <van-row class="markets_item" v-for="item in stockList" :key="item.id" @click="toDetails(item)">
+ <van-row
+ class="markets_item"
+ v-for="item in stockList"
+ :key="item.id"
+ @click="toDetails(item)"
+ >
<van-col span="12" class="item_n">
<div class="flex-start">
<span class="i_icon">{{ item.stock_type }}</span>
@@ -17,25 +22,43 @@
<van-col span="4" class="flex-start item_n">{{ item.nowPrice }}</van-col>
<van-col span="8" class="item_n">
- <div class="flex-end" style="margin-bottom: .15em;" :class="{ red: item.hcrate < 0, green: item.hcrate > 0 }">
+ <div
+ class="flex-end"
+ style="margin-bottom: .15em;"
+ :class="{ red: item.hcrate < 0, green: item.hcrate > 0 }"
+ >
{{ item.hcrate }}
</div>
- <div class="flex-end" :class="{ red: item.hcrate < 0, green: item.hcrate > 0 }">
+ <div
+ class="flex-end"
+ :class="{ red: item.hcrate < 0, green: item.hcrate > 0 }"
+ >
{{ item.hcrateP }}
</div>
</van-col>
- <div class="edit flex-end" v-show="editorShow" @click.stop="deleteStock(item)">
+ <div
+ class="edit flex-end"
+ v-show="editorShow"
+ @click.stop="deleteStock(item)"
+ >
<span>{{ $t("移除") }}</span>
</div>
</van-row>
<!-- 无数据时显示 -->
- <div class="no_data flex-center" v-show="!stockList || stockList.length == 0">
+ <div
+ class="no_data flex-center"
+ v-show="!stockList || stockList.length == 0"
+ >
<img src="@/assets/img/zhaobudao2.png" alt="" />
</div>
- <n-pagination :pageNo.sync="pageNum" :pageSize="pageSize" :total="total"></n-pagination>
+ <n-pagination
+ :pageNo.sync="pageNum"
+ :pageSize="pageSize"
+ :total="total"
+ ></n-pagination>
</div>
</template>
@@ -78,9 +101,16 @@
watch: {
propOption: {
handler(val) {
+ // 根据当前股票类型连接对应的ws
+ if (val.stockType == "US")
+ this.initWebSocket("wss://ws.isusstock.com/websocket-server");
+ else this.initWebSocket("wss://ws.acapl.net/websocket-server");
+
this.pageNum = 1;
this.getStockList();
- }
+ },
+ deep: true,
+ immediate: true
},
pageNum: {
handler(val) {
@@ -91,7 +121,7 @@
},
mounted() {
this.getStockList();
- this.initWebSocket();
+ // this.initWebSocket();
},
methods: {
// 获取数据
@@ -142,11 +172,14 @@
}
},
// 连接ws实时监控变动
- initWebSocket() {
+ initWebSocket(url) {
console.log("initWebSocket");
+ if (this.Trade) {
+ this.Trade.close();
+ }
this.Trade = new WhrWebSocket({
- path: `wss://ws.kuspitai.com/websocket-server `,
- onmessage: this.getTradeMessage,
+ path: url,
+ onmessage: this.getTradeMessage
});
this.Trade.init();
@@ -154,20 +187,20 @@
getTradeMessage({ data }) {
let result = JSON.parse(data);
let pid = result.pid;
- let userToUpdate = this.stockList.find((item) => item.code == pid);
+ let userToUpdate = this.stockList.find(item => item.code == pid);
if (userToUpdate) {
// 更新对象数据
userToUpdate.nowPrice = result.last;
userToUpdate.hcrateP = result.pcp;
}
- },
+ }
},
beforeDestroy() {
if (this.Trade) {
this.Trade.close();
- console.log('WebSocket disconnected');
+ console.log("WebSocket disconnected");
}
- },
+ }
};
</script>
@@ -232,9 +265,11 @@
position: absolute;
top: 0;
left: 0;
- background: linear-gradient(to right,
- rgba(0, 0, 0, 0),
- rgba(0, 0, 0, 0.8));
+ background: linear-gradient(
+ to right,
+ rgba(0, 0, 0, 0),
+ rgba(0, 0, 0, 0.8)
+ );
text-align: end;
color: @red;
padding-right: 0.25em;
--
Gitblit v1.9.3