| | |
| | | </div> |
| | | </div> |
| | | <div class="swiper-slide"> |
| | | <div class="nav_item flex-start" @click="toPage('/authentications')"> |
| | | <div |
| | | class="nav_item flex-start" |
| | | @click="toPage('/authentications')" |
| | | > |
| | | <img src="@/assets/img/kyc.png" alt="" /> |
| | | <span>KYC</span> |
| | | </div> |
| | |
| | | hkDataStockBeans: [], |
| | | twDataStockBeans: [], |
| | | inDataStockBeans: [], |
| | | usDataStockBeans: [] |
| | | usDataStockBeans: [], |
| | | times: null |
| | | }; |
| | | }, |
| | | components: { |
| | |
| | | NewsItem |
| | | }, |
| | | mounted() { |
| | | this.getData(); |
| | | this.init(); |
| | | }, |
| | | beforeDestroy() { |
| | | if (this.times) clearInterval(this.times); |
| | | }, |
| | | methods: { |
| | | // 选择语言 |
| | |
| | | if (typeof type == "string") type = 1; |
| | | // let data = await api.queryNewsList(type); |
| | | }, |
| | | // 初始化 |
| | | init() { |
| | | this.getData(); |
| | | this.times = setInterval(() => { |
| | | this.getData(); |
| | | }, 2000); |
| | | }, |
| | | // 获取首页数据 |
| | | async getData() { |
| | | let data = await api.getHomePageData(); |
| | |
| | | ], |
| | | SplashTitle: "loading...", |
| | | Symbol: "AAPL.usa", |
| | | IsAutoUpdate: true, // 是自动更新数据 |
| | | AutoUpdateFrequency: 20000, |
| | | IsAutoUpdate: false, // 是自动更新数据 |
| | | AutoUpdateFrequency: 2000, |
| | | DayCount: 1, // 1 最新交易日数据 >1 多日走势图 |
| | | IsShowRightMenu: false, // 是否显示右键菜单 |
| | | CorssCursorTouchEnd: true, |
| | |
| | | // this.timerss = setInterval(() => { |
| | | this.CreateMinuteChart(); |
| | | this.CreateKLineChart(); |
| | | |
| | | this.timerss = setInterval(() => { |
| | | if (this.KLineChart) { |
| | | this.KLineChart.ChangeSymbol('1'); |
| | | } |
| | | }, 30000); |
| | | |
| | | // }, 3000); |
| | | // this.CreateMinuteChart(); |
| | | // this.CreateKLineChart(); |
| | |
| | | callback // 第3方数据替换接口 |
| | | ) { |
| | | EastMoney.HQData.Log("[HQChartDemo::NetworkFilter] data", data); |
| | | if (this.timerss) { |
| | | clearInterval(this.timerss); |
| | | this.timerss = null; |
| | | } |
| | | |
| | | EastMoney.HQData.NetworkFilter(data, callback); |
| | | this.timerss = setInterval(() => { |
| | | EastMoney.HQData.NetworkFilter(data, callback); |
| | | // switch (data.Name) { |
| | | // // 分时图数据对接 |
| | | // case "MinuteChartContainer::RequestMinuteData": |
| | | // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // break; |
| | | // case "MinuteChartContainer::RequestHistoryMinuteData": |
| | | // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // break; |
| | | |
| | | // case "KLineChartContainer::RequestHistoryData": // 日线全量数据下载 |
| | | // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // break; |
| | | // case "KLineChartContainer::RequestRealtimeData": // 日线实时数据更新 |
| | | // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // break; |
| | | // case "KLineChartContainer::RequestFlowCapitalData": // 流通股本 |
| | | // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // break; |
| | | // case "KLineChartContainer::ReqeustHistoryMinuteData": // 分钟全量数据下载 |
| | | // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // break; |
| | | // case "KLineChartContainer::RequestMinuteRealtimeData": // 分钟增量数据更新 |
| | | // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // break; |
| | | // if (this.timerss) { |
| | | // clearInterval(this.timerss); |
| | | // this.timerss = null; |
| | | // } |
| | | }, 5000); |
| | | |
| | | EastMoney.HQData.NetworkFilter(data, callback); |
| | | // this.timerss = setInterval(() => { |
| | | // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // // switch (data.Name) { |
| | | // // // 分时图数据对接 |
| | | // // case "MinuteChartContainer::RequestMinuteData": |
| | | // // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // // break; |
| | | // // case "MinuteChartContainer::RequestHistoryMinuteData": |
| | | // // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // // break; |
| | | |
| | | // // case "KLineChartContainer::RequestHistoryData": // 日线全量数据下载 |
| | | // // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // // break; |
| | | // // case "KLineChartContainer::RequestRealtimeData": // 日线实时数据更新 |
| | | // // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // // break; |
| | | // // case "KLineChartContainer::RequestFlowCapitalData": // 流通股本 |
| | | // // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // // break; |
| | | // // case "KLineChartContainer::ReqeustHistoryMinuteData": // 分钟全量数据下载 |
| | | // // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // // break; |
| | | // // case "KLineChartContainer::RequestMinuteRealtimeData": // 分钟增量数据更新 |
| | | // // EastMoney.HQData.NetworkFilter(data, callback); |
| | | // // break; |
| | | // // } |
| | | // }, 3000); |
| | | }, |
| | | |
| | | handleSelect(key, keyPath) { |
| | |
| | | <div class="top_forms"> |
| | | <el-input :placeholder="placeholder" size="medium" v-model="phone" maxlength="10" clearable |
| | | @input="handleInput()"> |
| | | <template slot="prepend">+91</template> |
| | | <!-- <template slot="prepend">+91</template> --> |
| | | </el-input> |
| | | |
| | | <el-input style="margin-top: 0.46rem" show-password :placeholder="$t('hj19')" size="medium" |
| | |
| | | :key="item.pid" |
| | | @click="tab = item.pid" |
| | | > |
| | | <span class="line-one">{{ item.abbreviation }}</span> |
| | | <span class="line-one">{{ item.name }}</span> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | } |
| | | ], |
| | | tabList: [], |
| | | usList: [ |
| | | { abbreviation: "Dow Jones" }, |
| | | { abbreviation: "S&P 500" }, |
| | | { abbreviation: "NASDAQ" } |
| | | ], |
| | | hkList: [ |
| | | { abbreviation: "恒生指數" }, |
| | | { abbreviation: "恒生中國企業指數" }, |
| | | { abbreviation: "HSCEI Covered Call Index" } |
| | | ], |
| | | twList: [ |
| | | { abbreviation: "臺灣證券交易所發行量加權股價指數" }, |
| | | { abbreviation: "櫃買指數" }, |
| | | { abbreviation: "臺灣50指數" } |
| | | ], |
| | | inList: [ |
| | | { abbreviation: "Nifty 50 Index" }, |
| | | { abbreviation: "Nifty Bank Index" }, |
| | | { abbreviation: "Nifty Financial Services Index" } |
| | | ], |
| | | tab: 1, |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | kData: {} |
| | | kData: {}, |
| | | times: null |
| | | }; |
| | | }, |
| | | components: { |
| | |
| | | }, |
| | | watch: { |
| | | tab() { |
| | | this.getIndicesAndKData(); |
| | | this.init(); |
| | | } |
| | | }, |
| | | beforeDestroy() { |
| | | if (this.times) clearInterval(this.times); |
| | | }, |
| | | computed: { |
| | | switchText() { |
| | |
| | | this.$store.commit("MARKET_CHANGE", this.actions[0]); |
| | | } |
| | | await this.getTabData(); |
| | | this.tab = this.tabList[0].pid; |
| | | }, |
| | | mounted() {}, |
| | | methods: { |
| | |
| | | async onSelect(e) { |
| | | this.$store.commit("MARKET_CHANGE", e); |
| | | await this.getTabData(); |
| | | this.tab = this.tabList[0].pid; |
| | | }, |
| | | // 获取tab数据 |
| | | async getTabData() { |
| | |
| | | let data = await api.getIndicesList({ |
| | | stockType |
| | | }); |
| | | |
| | | // 数据重构 |
| | | let list = []; |
| | | if (stockType == "US") list = this.usList; |
| | | else if (stockType == "HK") list = this.hkList; |
| | | else if (stockType == "TW") list = this.twList; |
| | | else if (stockType == "IN") list = this.inList; |
| | | 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); |
| | | }, |
| | |
| | | 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); |
| | | } |
| | | } |
| | | }; |
| | |
| | | width: 32%; |
| | | height: 0.8em; |
| | | border-radius: 0.5em; |
| | | padding: 0 .25em; |
| | | padding: 0 0.25em; |
| | | |
| | | span { |
| | | font-size: 0.4em; |