| | |
| | | </div> |
| | | </div> |
| | | <div class="px-32 py-13 flex items-center"> |
| | | <!-- <img src="@/assets/image/icon-left_arrow.png" alt="logo" class="w-20 h-33 border-1 mr-32" @click="back"/> --> |
| | | <div class="inputBoxbg h-60 w-full rounded-full flex items-center"> |
| | | <input |
| | | style="padding-left: 10px; max-width: 130px" |
| | |
| | | [Tab.name]: Tab, |
| | | [Tabs.name]: Tabs, |
| | | }, |
| | | |
| | | async created() { |
| | | this.keywords = this.$route.query.inputdata; |
| | | // console.log(this.inputdata, "this.inputdata"); |
| | |
| | | await this.fetchQoutes(); |
| | | }, |
| | | computed: { |
| | | ...mapGetters({ coinList: "home/coinList", userInfo: "user/userInfo" }), |
| | | ...mapGetters({ |
| | | coinList: "home/coinList", |
| | | userInfo: "user/userInfo", |
| | | newcoinArr: "home/newcoinArr", |
| | | }), |
| | | }, |
| | | data() { |
| | | const arr = []; |
| | |
| | | sortVal: 0, |
| | | }; |
| | | }, |
| | | mounted() { |
| | | this.NEW_CION_LIST(); |
| | | this.GET_UERS_KYC(); |
| | | }, |
| | | methods: { |
| | | ...mapActions("home", [SET_COIN_LIST]), |
| | | ...mapActions("home", [SET_COIN_LIST, "NEW_CION_LIST"]), |
| | | ...mapActions("user", ["GET_UERS_KYC"]), |
| | | |
| | | listSort(val) { |
| | | this.sortVal = val; |
| | | }, |
| | | async fetchQoutes() { |
| | | console.log(this.coinList, "======"); |
| | | // 现货/合约 |
| | | if (!this.coinList.length) { |
| | | await this.SET_COIN_LIST(); |
| | | } |
| | | const coins = this.coinList.map((item) => item.symbol); |
| | | const data = await _getHomeList(coins.join(",")); |
| | | console.log(data); |
| | | const mainArray = coins.filter((item) => !this.newcoinArr.includes(item)); |
| | | const data = await _getHomeList(mainArray.join(",")); |
| | | this.tabList[0]["data"] = data.filter((item) => |
| | | this.myList.includes(item.symbol) |
| | | ); |
| | |
| | | clearTimeout(this.timeout); |
| | | this.timeout = null; |
| | | } |
| | | console.log(this.tabList[1]); |
| | | //排序 |
| | | if (this.sortVal == 1) { |
| | | this.tabList[0]["data"] = this.tabList[0]["data"].sort( |
| | |
| | | getFilterData() { |
| | | // 过滤后的数据 |
| | | const index = this.active / 1 - 1; |
| | | console.log(index); |
| | | |
| | | console.log(index, "====", this.keywords, this.tabList); |
| | | this.tabList[index]["data"] = this.tabList[index]["data"].filter((item) => |
| | | item.symbol.includes(this.keywords.toLocaleLowerCase()) |
| | | ); |