huilv

zzzz

2024-04-10 66d132b96fd30abf1d75bed49ff176a52b4101ee

 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";