From 66d132b96fd30abf1d75bed49ff176a52b4101ee Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Wed, 10 Apr 2024 15:36:11 +0800
Subject: [PATCH] huilv
---
src/page/user/favorites.vue | 589 +++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 357 insertions(+), 232 deletions(-)
diff --git a/src/page/user/favorites.vue b/src/page/user/favorites.vue
index 68c8992..543b81b 100644
--- a/src/page/user/favorites.vue
+++ b/src/page/user/favorites.vue
@@ -1,243 +1,373 @@
<template>
- <!-- 最多关注-->
- <div class="center_tabs" style="height: 100%; margin: 0;padding: 0;top: 0;">
+ <!-- 最多关注-->
+ <div class="center_tabs" style="height: 100%; margin: 0; padding: 0; top: 0">
+ <div class="search">
+ <div class="search_content">
+ <div class="left_search">
+ <div class="search_img">
+ <img src="../../assets/img/searchs.png" alt />
+ </div>
+ <div class="search_input">
+ <input
+ type="text"
+ class="searchs"
+ :placeholder="$t('hj37')"
+ ref="search"
+ id="sousuo"
+ v-model="gpcode"
+ @input="gpinput"
+ />
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="tabs_title">
+ <div class="tb" style="padding: 0; background-color: #f5f5f5">
+ <div style="width: 33%; text-align: center">
+ <span
+ :class="tabsIndex0010 == 0 ? 'active' : ''"
+ @click="handleTabsClick0010(0)"
+ >{{ $t("hj61") }}</span
+ >
+ </div>
+ <div style="width: 33%; text-align: center">
+ <span
+ :class="tabsIndex0010 == 1 ? 'active' : ''"
+ @click="handleTabsClick0010(1)"
+ >{{ $t("ydgs") }}</span
+ >
+ </div>
+ <div style="width: 33%; text-align: center">
+ <span
+ :class="tabsIndex0010 == 2 ? 'active' : ''"
+ @click="handleTabsClick0010(2)"
+ >{{ $t("mggs") }}</span
+ >
+ </div>
+ </div>
+ </div>
+ <div class="tabs_title" v-if="tabsIndex0010 == 0">
+ <div class="tb" style="padding: 0; background-color: #f5f5f5">
+ <div style="width: 33%; text-align: center">
+ <span
+ :class="tabsIndex0010a == 0 ? 'active' : ''"
+ @click="handleTabsClick0010a(0)"
+ >{{ $t("ydgs") }}</span
+ >
+ </div>
+ <div style="width: 33%; text-align: center">
+ <span
+ :class="tabsIndex0010a == 1 ? 'active' : ''"
+ @click="handleTabsClick0010a(1)"
+ >{{ $t("mggs") }}</span
+ >
+ </div>
+ <div style="width: 33%; text-align: center">
+ <!-- <span :class="tabsIndex0010 == 2 ? 'active' : ''" @click="handleTabsClick0010(1)">{{ $t('TOPC') }}</span> -->
+ </div>
+ </div>
+ </div>
- <div class="search">
- <div class="search_content">
- <div class="left_search">
- <div class="search_img">
- <img src="../../assets/img/searchs.png" alt />
- </div>
- <div class="search_input">
- <input type="text" class="searchs" :placeholder="$t('hj37')" ref="search" id="sousuo"
- v-model="gpcode" @input="gpinput" />
- </div>
- </div>
- </div>
- </div>
+ <div class="list_title">
+ <div class="item_title varieties">
+ <span>{{ $t("hj39") }}</span>
+ </div>
+ <div class="item_title latest_price">
+ <span>{{ $t("hj40") }}</span>
+ </div>
+ <div class="item_title applies">
+ <span>{{ $t("hj41") }}</span>
+ </div>
+ </div>
- <div class="tabs_title">
- <div class="tb" style="padding: 0;background-color: #F5F5F5;">
- <div style="width: 33%;text-align: center;">
- <span :class="tabsIndex0010 == 0 ? 'active' : ''"
- @click="handleTabsClick0010(0)">{{ $t('hj61') }}</span>
- </div>
- <div style="width: 33%;text-align: center;">
- <span :class="tabsIndex0010 == 1 ? 'active' : ''"
- @click="handleTabsClick0010(1)">{{ $t('ydgs') }}</span>
- </div>
- <div style="width: 33%;text-align: center;">
- <span :class="tabsIndex0010 == 2 ? 'active' : ''"
- @click="handleTabsClick0010(2)">{{ $t('mggs') }}</span>
- </div>
- </div>
- </div>
- <div class="tabs_title" v-if="tabsIndex0010==0">
- <div class="tb" style="padding: 0;background-color: #F5F5F5;">
- <div style="width: 33%;text-align: center;">
- <span :class="tabsIndex0010a == 0 ? 'active' : ''"
- @click="handleTabsClick0010a(0)">{{ $t('ydgs') }}</span>
- </div>
- <div style="width: 33%;text-align: center;">
- <span :class="tabsIndex0010a == 1 ? 'active' : ''"
- @click="handleTabsClick0010a(1)">{{ $t('mggs') }}</span>
- </div>
- <div style="width: 33%;text-align: center;">
- <!-- <span :class="tabsIndex0010 == 2 ? 'active' : ''" @click="handleTabsClick0010(1)">{{ $t('TOPC') }}</span> -->
- </div>
- </div>
- </div>
+ <!-- <TradList class="tradlist" :typety="true"></TradList> -->
+ <!-- 市场列表 -->
+ <div
+ class="list"
+ v-if="tabsIndex001 == 0"
+ :class="isToken == '' ? 'listHeight' : 'listHeights'"
+ >
+ <van-list
+ v-model="loading"
+ :finished="finished"
+ :loading-text="$t('hj430')"
+ :finished-text="$t('hj43')"
+ @load="onLoad"
+ :immediate-check="false"
+ >
+ <div v-if="tabsIndex0010 == 0" class="van-clearfix">
+ <div class="list_items">
+ <div
+ class="item"
+ v-for="(item, index) in listArr"
+ :key="index"
+ @click="handleGoToKlineDetail(item, index)"
+ >
+ <div class="item_box">
+ <div class="item_box_left">
+ <div class="item_box_left_top">{{ item.spell }}</div>
+ <div class="item_box_left_bottom">{{ item.name }}</div>
+ </div>
+ <div class="item_box_zj">{{ item.nowPrice }}</div>
- <div class="list_title">
- <div class="item_title varieties">
- <span>{{ $t('hj39') }}</span>
- </div>
- <div class="item_title latest_price">
- <span>{{ $t('hj40') }}</span>
- </div>
- <div class="item_title applies">
- <span>{{ $t('hj41') }}</span>
- </div>
- </div>
+ <div
+ :class="
+ item.color == '1' ? 'item_box_right' : 'item_box_righta'
+ "
+ >
+ {{ item.hcrate }}%
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div v-if="tabsIndex0010 == 1" class="van-clearfix">
+ <div class="list_items">
+ <div
+ class="item"
+ v-for="(item, index) in listArr"
+ :key="index"
+ @click="handleGoToKlineDetail(item, index)"
+ >
+ <div class="item_box">
+ <div class="item_box_left">
+ <div class="item_box_left_top">{{ item.spell }}</div>
+ <div class="item_box_left_bottom">{{ item.name }}</div>
+ </div>
+ <div class="item_box_zj">{{ item.nowPrice }}</div>
- <!-- <TradList class="tradlist" :typety="true"></TradList> -->
+ <div
+ :class="
+ item.color == '1' ? 'item_box_right' : 'item_box_righta'
+ "
+ >
+ {{ item.hcrate }}%
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div v-if="tabsIndex0010 == 2" class="van-clearfix">
+ <div class="list_items">
+ <div
+ class="item"
+ v-for="(item, index) in listArr"
+ :key="index"
+ @click="handleGoToKlineDetail(item, index)"
+ >
+ <div class="item_box">
+ <div class="item_box_left">
+ <div class="item_box_left_top">{{ item.spell }}</div>
+ <div class="item_box_left_bottom">{{ item.name }}</div>
+ </div>
+ <div class="item_box_zj">{{ item.nowPrice }}</div>
- <!-- 市场列表 -->
- <div class="list" v-if="tabsIndex001 == 0" :class="isToken == '' ? 'listHeight' : 'listHeights'">
- <van-list v-model="loading" :finished="finished" :loading-text="$t('hj430')" :finished-text="$t('hj43')"
- @load="onLoad" :immediate-check="false">
- <div v-if="tabsIndex0010 == 0" class="van-clearfix">
- <div class="list_items">
- <div class="item" v-for="(item, index) in listArr" :key="index"
- @click="handleGoToKlineDetail(item, index)">
- <div class="item_box">
- <div class="item_box_left">
- <div class="item_box_left_top">{{item.spell}}</div>
- <div class="item_box_left_bottom">{{item.name}}</div>
- </div>
- <div class="item_box_zj">{{item.nowPrice}}</div>
-
- <div :class="item.color=='1'?'item_box_right':'item_box_righta'">{{item.hcrate}}%</div>
- </div>
- </div>
- </div>
- </div>
- <div v-if="tabsIndex0010 == 1" class="van-clearfix">
- <div class="list_items">
- <div class="item" v-for="(item, index) in listArr" :key="index"
- @click="handleGoToKlineDetail(item, index)">
- <div class="item_box">
- <div class="item_box_left">
- <div class="item_box_left_top">{{item.spell}}</div>
- <div class="item_box_left_bottom">{{item.name}}</div>
- </div>
- <div class="item_box_zj">{{item.nowPrice}}</div>
+ <div
+ :class="
+ item.color == '1' ? 'item_box_right' : 'item_box_righta'
+ "
+ >
+ {{ item.hcrate }}%
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </van-list>
+ </div>
- <div :class="item.color=='1'?'item_box_right':'item_box_righta'">{{item.hcrate}}%</div>
- </div>
- </div>
- </div>
- </div>
- <div v-if="tabsIndex0010 == 2" class="van-clearfix">
- <div class="list_items">
- <div class="item" v-for="(item, index) in listArr" :key="index"
- @click="handleGoToKlineDetail(item, index)">
- <div class="item_box">
- <div class="item_box_left">
- <div class="item_box_left_top">{{item.spell}}</div>
- <div class="item_box_left_bottom">{{item.name}}</div>
- </div>
- <div class="item_box_zj">{{item.nowPrice}}</div>
-
- <div :class="item.color=='1'?'item_box_right':'item_box_righta'">{{item.hcrate}}%</div>
- </div>
- </div>
- </div>
- </div>
-
- </van-list>
-
- </div>
-
- <!-- 市场列表 -->
- <div class="list" v-if="tabsIndex001 == 1" :class="isToken == '' ? 'listHeight' : 'listHeights'">
- <van-list v-model="loading" :finished="finished" :loading-text="$t('hj430')" :finished-text="$t('hj43')"
- @load="onLoad" :immediate-check="false">
- <div v-if="tabsItemIndex == 0" class="van-clearfix">
- <div class="list_items">
- <div class="item" v-for="(item, index) in listArr" :key="index"
- @click="handleGoToKlineDetail(item, index)">
- <div class="item_box">
- <div class="item_box_left">
- <div class="item_box_left_top">{{item.spell}}</div>
- <div class="item_box_left_bottom">{{item.name}}</div>
- </div>
- <div class="item_box_zj">{{item.nowPrice}}</div>
- <div class="item_box_righta" v-if="orderBy=='asc' &&tabsIndex0010==0">{{item.hcrate}}%
- </div>
- <div class="item_box_right" v-if="orderBy=='desc'&&tabsIndex0010==1">{{item.hcrate}}%
- </div>
- <div :class="item.color=='1'?'item_box_right':'item_box_righta'">{{item.hcrate}}%</div>
- </div>
- </div>
- </div>
- </div>
- <div v-if="tabsItemIndex == 1" class="van-clearfix">
- <div class="list_items">
- <div class="item" v-for="(item, index) in listArr1" :key="index"
- @click="handleGoToKlineDetail(item, index)">
- <div v-if="(tabsItemIndex == 5 && item.zt == 0) || tabsItemIndex != 5">
- <div class="left_title">
- <div class="tp">
- <span class="collection" @click.stop="options(item)">
- <span v-show="tabsItemIndex != 5" class="shu"
- :class="item.isOption == '1' ? 'shublue' : ''"></span>
- <span v-show="tabsItemIndex == 5" class="shu hongse"></span>
- </span>
- <span class="title_color" style="white-space: nowrap;overflow: hidden;">
- {{ tabsItemIndex == 5 ? item.name : tabsItemIndex ==
- 2 ? item.name : tabsItemIndex == 0 || tabsItemIndex == 3 || tabsItemIndex == 4 ? item.name :
- item.indexName | getName
- }}
- </span>
- </div>
- <div class="bt">
- <span>
- {{ tabsItemIndex == 5 ? item.stockType + item.code : tabsItemIndex == 2 ? item.gid :
- tabsItemIndex
- ==
- 0 || tabsItemIndex == 3 || tabsItemIndex == 4 ? item.gid : item.indexCode
- }}
- </span>
- </div>
- </div>
- <div class="center_price">
- <div class="tp">
- <span class="price_color"
- v-if="tabsItemIndex == 0 || tabsItemIndex == 2 || tabsItemIndex == 3 || tabsItemIndex == 4"
- :class="item.hcrate > 0 ? 'green' : 'red'">
- {{ item.nowPrice
- }}
- </span>
- <span class="price_color" v-else>
- {{ tabsItemIndex == 5 ? Number(item.price).toFixed(2) :
- item.currentPoint
- }}
- </span>
- </div>
- <div class="bt">
- <span v-if="tabsItemIndex == 5 || tabsItemIndex == 1">{{ tabsItemIndex == 5 ? 'Max:' +
- Number(item.orderNumber) : $t('hj44') + ':' + Number(item.transFee)
- }}</span>
- <span v-else>{{ item.today_min }}</span>
- </div>
- </div>
- <div class="right_bs">
- <div class="tp" style="justify-content: flex-end;">
- <span class="price_color"
- v-if="tabsItemIndex == 0 || tabsItemIndex == 2 || tabsItemIndex == 3 || tabsItemIndex == 4"
- :class="item.hcrate > 0 ? 'green' : 'red'">{{ item.hcrate }}</span>
- <span class="price_color" v-if="tabsItemIndex == 1"
- :class="item.floatRate > 0 ? 'green' : 'red'">
- {{
- item.floatRate + '%'
- }}
- </span>
- <!-- <span class="price_color" v-if="tabsItemIndex == 3"
+ <!-- 市场列表 -->
+ <div
+ class="list"
+ v-if="tabsIndex001 == 1"
+ :class="isToken == '' ? 'listHeight' : 'listHeights'"
+ >
+ <van-list
+ v-model="loading"
+ :finished="finished"
+ :loading-text="$t('hj430')"
+ :finished-text="$t('hj43')"
+ @load="onLoad"
+ :immediate-check="false"
+ >
+ <div v-if="tabsItemIndex == 0" class="van-clearfix">
+ <div class="list_items">
+ <div
+ class="item"
+ v-for="(item, index) in listArr"
+ :key="index"
+ @click="handleGoToKlineDetail(item, index)"
+ >
+ <div class="item_box">
+ <div class="item_box_left">
+ <div class="item_box_left_top">{{ item.spell }}</div>
+ <div class="item_box_left_bottom">{{ item.name }}</div>
+ </div>
+ <div class="item_box_zj">{{ item.nowPrice }}</div>
+ <div
+ class="item_box_righta"
+ v-if="orderBy == 'asc' && tabsIndex0010 == 0"
+ >
+ {{ item.hcrate }}%
+ </div>
+ <div
+ class="item_box_right"
+ v-if="orderBy == 'desc' && tabsIndex0010 == 1"
+ >
+ {{ item.hcrate }}%
+ </div>
+ <div
+ :class="
+ item.color == '1' ? 'item_box_right' : 'item_box_righta'
+ "
+ >
+ {{ item.hcrate }}%
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div v-if="tabsItemIndex == 1" class="van-clearfix">
+ <div class="list_items">
+ <div
+ class="item"
+ v-for="(item, index) in listArr1"
+ :key="index"
+ @click="handleGoToKlineDetail(item, index)"
+ >
+ <div
+ v-if="
+ (tabsItemIndex == 5 && item.zt == 0) || tabsItemIndex != 5
+ "
+ >
+ <div class="left_title">
+ <div class="tp">
+ <span class="collection" @click.stop="options(item)">
+ <span
+ v-show="tabsItemIndex != 5"
+ class="shu"
+ :class="item.isOption == '1' ? 'shublue' : ''"
+ ></span>
+ <span
+ v-show="tabsItemIndex == 5"
+ class="shu hongse"
+ ></span>
+ </span>
+ <span
+ class="title_color"
+ style="white-space: nowrap; overflow: hidden"
+ >
+ {{
+ tabsItemIndex == 5
+ ? item.name
+ : tabsItemIndex == 2
+ ? item.name
+ : tabsItemIndex == 0 ||
+ tabsItemIndex == 3 ||
+ tabsItemIndex == 4
+ ? item.name
+ : item.indexName | getName
+ }}
+ </span>
+ </div>
+ <div class="bt">
+ <span>
+ {{
+ tabsItemIndex == 5
+ ? item.stockType + item.code
+ : tabsItemIndex == 2
+ ? item.gid
+ : tabsItemIndex == 0 ||
+ tabsItemIndex == 3 ||
+ tabsItemIndex == 4
+ ? item.gid
+ : item.indexCode
+ }}
+ </span>
+ </div>
+ </div>
+ <div class="center_price">
+ <div class="tp">
+ <span
+ class="price_color"
+ v-if="
+ tabsItemIndex == 0 ||
+ tabsItemIndex == 2 ||
+ tabsItemIndex == 3 ||
+ tabsItemIndex == 4
+ "
+ :class="item.hcrate > 0 ? 'green' : 'red'"
+ >
+ {{ item.nowPrice }}
+ </span>
+ <span class="price_color" v-else>
+ {{
+ tabsItemIndex == 5
+ ? Number(item.price).toFixed(2)
+ : item.currentPoint
+ }}
+ </span>
+ </div>
+ <div class="bt">
+ <span v-if="tabsItemIndex == 5 || tabsItemIndex == 1">{{
+ tabsItemIndex == 5
+ ? "Max:" + Number(item.orderNumber)
+ : $t("hj44") + ":" + Number(item.transFee)
+ }}</span>
+ <span v-else>{{ item.today_min }}</span>
+ </div>
+ </div>
+ <div class="right_bs">
+ <div class="tp" style="justify-content: flex-end">
+ <span
+ class="price_color"
+ v-if="
+ tabsItemIndex == 0 ||
+ tabsItemIndex == 2 ||
+ tabsItemIndex == 3 ||
+ tabsItemIndex == 4
+ "
+ :class="item.hcrate > 0 ? 'green' : 'red'"
+ >{{ item.hcrate }}</span
+ >
+ <span
+ class="price_color"
+ v-if="tabsItemIndex == 1"
+ :class="item.floatRate > 0 ? 'green' : 'red'"
+ >
+ {{ item.floatRate + "%" }}
+ </span>
+ <!-- <span class="price_color" v-if="tabsItemIndex == 3"
:class="((item.nowPrice - item.lastClose) / item.lastClose * 100).toFixed(2) > 0 ? 'green' : 'red'">
{{
item.lastClose == "" ? 0.00 : ((Number(item.nowPrice) - Number(item.lastClose)) /
Number(item.lastClose) * 100).toFixed(2) + '%'
}}
</span> -->
- <div v-if="tabsItemIndex == 5"
- :class="item.type == 1 ? 'xgsgType' : 'xgsgTypeRed'">
- <!-- {{item.orderNumber}} -->
- {{ item.type == 1 ? $t('hj45') : $t('hj46') }}
- </div>
- </div>
- <div class="bt" style="justify-content: flex-end;">
- <div v-if="tabsItemIndex != 1 && tabsItemIndex != 5">{{ item.preclose_px }}
- </div>
- <!-- class="codeIcon" item.stock_type.toUpperCase()-->
- </div>
- </div>
+ <div
+ v-if="tabsItemIndex == 5"
+ :class="item.type == 1 ? 'xgsgType' : 'xgsgTypeRed'"
+ >
+ <!-- {{item.orderNumber}} -->
+ {{ item.type == 1 ? $t("hj45") : $t("hj46") }}
+ </div>
+ </div>
+ <div class="bt" style="justify-content: flex-end">
+ <div v-if="tabsItemIndex != 1 && tabsItemIndex != 5">
+ {{ item.preclose_px }}
+ </div>
+ <!-- class="codeIcon" item.stock_type.toUpperCase()-->
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </van-list>
- </div>
- </div>
- </div>
- </div>
- </van-list>
-
-
-
-
-
-
-
- <!-- <table border="1" class="list_item" width="100%">
+ <!-- <table border="1" class="list_item" width="100%">
<tr class="thh">
<th>{{ $t('hj39') }}</th>
<th>{{ $t('hj40') }}</th>
@@ -263,18 +393,13 @@
</table> -->
-
-
- <!-- <div class="list_items">
+ <!-- <div class="list_items">
<div class="item" v-for="(item, index) in listArr" :key="index" @click="handleGoToKlineDetail(item, index)">
{{ item }}
</div>
</div> -->
-
-
- </div>
- </div>
- </div>
+ </div>
+ </div>
</template>
<script>
import AllList from "@/page/list/list-all";
--
Gitblit v1.9.3