From 9ddad348a549154e7b328f9d7dd9517d2abd330c Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Tue, 30 Sep 2025 09:47:25 +0800
Subject: [PATCH] 1
---
src/page/markets/markets.vue | 91 +++++++++++++++++++++++++++++++++++----------
1 files changed, 70 insertions(+), 21 deletions(-)
diff --git a/src/page/markets/markets.vue b/src/page/markets/markets.vue
index e66caf3..f5e80ae 100644
--- a/src/page/markets/markets.vue
+++ b/src/page/markets/markets.vue
@@ -20,18 +20,17 @@
<div class="tabs flex-between">
<div
class="tab_item flex-center"
- :class="{ active: item.value == tab }"
+ :class="{ active: item.pid == tab }"
v-for="item in tabList"
- :key="item.value"
- @click="tab = item.value"
+ :key="item.pid"
+ @click="tab = item.pid"
>
- <span>{{ item.name }}</span>
+ <span class="line-one">{{ item.name }}</span>
</div>
</div>
<div class="markets_echart">
- <index-component :ids="'markets'"></index-component>
- <!-- <van-skeleton title :row="3" /> -->
+ <index-component :ids="'markets'" :dataObj="kData"></index-component>
</div>
<stock-list :propOption="propOption"></stock-list>
@@ -54,22 +53,30 @@
{
text: this.$t("美国"),
value: "US",
- name: "美国"
+ name: this.$t("美国")
},
{
- text: this.$t("墨西哥"),
- value: "MX",
- 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: [
- { name: "Dow Jones", value: 1 },
- { name: "S&P 500", value: 2 },
- { name: "NASDAQ", value: 3 }
- ],
+ tabList: [],
tab: 1,
pageNum: 1,
- pageSize: 10
+ pageSize: 10,
+ kData: {},
+ times: null
};
},
components: {
@@ -78,24 +85,65 @@
stockList,
indexComponent
},
+ watch: {
+ tab() {
+ this.init();
+ }
+ },
+ beforeDestroy() {
+ if (this.times) clearInterval(this.times);
+ },
computed: {
- switchText() { // 切换文字
+ switchText() {
+ // 切换文字
return this.$t(this.$store.state.marketsSwitch.name) || this.$t("美国");
},
- propOption() { // 传递给列表组件的类型值
+ propOption() {
+ // 传递给列表组件的类型值
return { stockType: this.$store.state.marketsSwitch.value };
}
},
- created() {
- if (!this.$store.state.marketsSwitch.name) { // 如果没有选过，默认选择第一个
+ async created() {
+ if (!this.$store.state.marketsSwitch.name) {
+ // 如果没有选过，默认选择第一个
this.$store.commit("MARKET_CHANGE", this.actions[0]);
}
+ await this.getTabData();
},
mounted() {},
methods: {
// 选择
- onSelect(e) {
+ async onSelect(e) {
this.$store.commit("MARKET_CHANGE", e);
+ await this.getTabData();
+ },
+ // 获取tab数据
+ async getTabData() {
+ let stockType = this.$store.state.marketsSwitch.value;
+ let data = await api.getIndicesList({
+ stockType
+ });
+ this.tabList = data.data;
+ this.tab = this.tabList[1].pid;
+
+ // console.log("dadadadadad", this.tabList);
+ },
+ // 获取指数图
+ async getIndicesAndKData() {
+ let data = await api.getIndicesAndKData({
+ pid: this.tab,
+ stockType: this.$store.state.marketsSwitch.value
+ });
+ this.kData = data.data;
+ // console.log("getIndicesAndKData", this.kData);
+ },
+ // 初始化
+ init() {
+ if (this.times) clearInterval(this.times);
+ this.getIndicesAndKData();
+ this.times = setInterval(() => {
+ this.getIndicesAndKData();
+ }, 2000);
}
}
};
@@ -134,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