From 15988a01f1b838822a8f8227059b88fd64ac61fb Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Sun, 28 Sep 2025 14:25:23 +0800
Subject: [PATCH] 1
---
src/page/markets/markets.vue | 61 +++++++++++++++---------------
1 files changed, 30 insertions(+), 31 deletions(-)
diff --git a/src/page/markets/markets.vue b/src/page/markets/markets.vue
index 38ed571..f5e80ae 100644
--- a/src/page/markets/markets.vue
+++ b/src/page/markets/markets.vue
@@ -25,13 +25,12 @@
:key="item.pid"
@click="tab = item.pid"
>
- <span>{{ item.abbreviation }}</span>
+ <span class="line-one">{{ item.name }}</span>
</div>
</div>
<div class="markets_echart">
<index-component :ids="'markets'" :dataObj="kData"></index-component>
- <!-- <van-skeleton title :row="3" /> -->
</div>
<stock-list :propOption="propOption"></stock-list>
@@ -54,29 +53,30 @@
{
text: this.$t("美国"),
value: "US",
- name: "美国"
+ name: this.$t("美国")
},
{
- text: this.$t("墨西哥"),
- value: "MEX",
- name: "墨西哥"
+ text: this.$t("hk1"),
+ value: "HK",
+ name: this.$t("hk1")
+ },
+ {
+ text: this.$t("tw"),
+ value: "TW",
+ name: this.$t("tw")
+ },
+ {
+ text: this.$t("id1"),
+ value: "IN",
+ name: this.$t("id1")
}
],
tabList: [],
- usList: [
- { abbreviation: "Dow Jones" },
- { abbreviation: "S&P 500" },
- { abbreviation: "NASDAQ" }
- ],
- mxList: [
- { abbreviation: "IPC" },
- { abbreviation: "INMEX" },
- { abbreviation: "NASDAQ" }
- ],
tab: 1,
pageNum: 1,
pageSize: 10,
- kData: {}
+ kData: {},
+ times: null
};
},
components: {
@@ -87,8 +87,11 @@
},
watch: {
tab() {
- this.getIndicesAndKData();
+ this.init();
}
+ },
+ beforeDestroy() {
+ if (this.times) clearInterval(this.times);
},
computed: {
switchText() {
@@ -106,7 +109,6 @@
this.$store.commit("MARKET_CHANGE", this.actions[0]);
}
await this.getTabData();
- this.tab = this.tabList[0].pid;
},
mounted() {},
methods: {
@@ -114,7 +116,6 @@
async onSelect(e) {
this.$store.commit("MARKET_CHANGE", e);
await this.getTabData();
- this.tab = this.tabList[0].pid;
},
// 获取tab数据
async getTabData() {
@@ -122,15 +123,8 @@
let data = await api.getIndicesList({
stockType
});
-
- // 数据重构
- let list = [];
- if (stockType == "US") list = this.usList;
- if (stockType == "MEX") list = this.mxList;
- this.tabList = list.map((item, index) => {
- item = { ...item, ...data.data[index + 1] };
- return item;
- });
+ this.tabList = data.data;
+ this.tab = this.tabList[1].pid;
// console.log("dadadadadad", this.tabList);
},
@@ -143,9 +137,13 @@
this.kData = data.data;
// console.log("getIndicesAndKData", this.kData);
},
- // tab切换
- tabChange() {
+ // 初始化
+ init() {
+ if (this.times) clearInterval(this.times);
this.getIndicesAndKData();
+ this.times = setInterval(() => {
+ this.getIndicesAndKData();
+ }, 2000);
}
}
};
@@ -184,6 +182,7 @@
width: 32%;
height: 0.8em;
border-radius: 0.5em;
+ padding: 0 0.25em;
span {
font-size: 0.4em;
--
Gitblit v1.9.3