From b5212a6e9c0b4872f0d7ef1f69c2e5bd2d72cec2 Mon Sep 17 00:00:00 2001
From: laixingyu <xingyu.lai@suwell.cn>
Date: Wed, 16 Aug 2023 01:17:56 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/index.vue  |   7 +-
 src/views/trend/index.vue | 143 ++++++++++++++++++++++----------------
 2 files changed, 85 insertions(+), 65 deletions(-)

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 4c8881a..d44db25 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -373,7 +373,7 @@
       </div>
       <div class="main_right_bottom">
         <div class="main_right_bottom_nav" @click="toPrivate">
-          <div class="main_right_bottom_text">个股详情</div>
+          <div class="main_right_bottom_text">涨停个股</div>
           <div class="main_right_bottom_right">
             <div>查看详情</div>
             <i class="el-icon-arrow-right"></i>
@@ -382,11 +382,10 @@
         <div class="private_list_head">
           <div class="private_head_left">
             <div class="private_head_name">股票名称</div>
-            <div class="private_head_date">日期</div>
             <div class="private_head_price">价格</div>
-            <div class="private_head_decline">涨跌幅</div>
+            <div class="private_head_price">所属板块</div>
+            <div class="private_head_price">几天几板</div>
           </div>
-          <div>所属板块</div>
         </div>
         <div
           v-if="privateList.length == 0"
diff --git a/src/views/trend/index.vue b/src/views/trend/index.vue
index ea23f0f..b828c7a 100644
--- a/src/views/trend/index.vue
+++ b/src/views/trend/index.vue
@@ -1458,76 +1458,48 @@
       <div class="rosefall">
         <div class="rosefall_head">
           <div
-            v-for="(item, index) in trendTimePeriod"
+            v-for="(item, index) in newRecordTab"
             :key="index"
             :style="{ color: item.is ? '#EC7C00' : '#999999' }"
-            @click="trendTimePeriodClick(item.name)"
+            @click="newRecordTabClick(item.name)"
           >
             {{ item.name }}
           </div>
         </div>
-        <div class="rosefall_list_head">
+        <div class="rosefall_list_head" v-if="newRecordTab[0].is">
+          <div class="rosefall_head_left">
+            <div class="rosefall_head_name">东财指数</div>
+            <div class="rosefall_head_breakeven">创新高数</div>
+            <div class="rosefall_head_breakeven">昨日创新高数</div>
+          </div>
+        </div>
+        <div class="rosefall_list_head" v-else-if="newRecordTab[1].is">
           <div class="rosefall_head_left">
-            <div class="arosefall__head_date">交易日期</div>
-            <div class="rosefall_head_name">东财2级行业指数</div>
+            <div class="rosefall_head_name">东财指数</div>
+            <div class="rosefall_head_breakeven">创新低数</div>
+            <div class="rosefall_head_breakeven">昨日创新低数</div>
+          </div>
+        </div>
+        <div class="rosefall_list_head" v-else-if="newRecordTab[2].is">
+          <div class="rosefall_head_left">
+            <div class="rosefall_head_name">东财指数</div>
             <div class="rosefall_head_breakeven">涨停数</div>
-            <div class="rosefall_head_breakeven">涨停数变化</div>
-            <div class="rosefall_head_plate_box">
-              <div class="rosefall_head_plate" @click="selectPlateRank">
-                排名
-              </div>
-              <div class="rosefall_module_head_icon" v-if="allPlateRank">
-                <img
-                  src="../../static/shengxu_true.png"
-                  class="rosefall_head_icon"
-                  mode="scaleToFill"
-                />
-                <img
-                  src="../../static/jiangxu_false.png"
-                  class="rosefall_head_icon"
-                  mode="scaleToFill"
-                />
-              </div>
-              <div class="rosefall_module_head_icon" v-else>
-                <img
-                  src="../../static/shengxu_false.png"
-                  class="rosefall_head_icon"
-                  mode="scaleToFill"
-                />
-                <img
-                  src="../../static/jiangxu_true.png"
-                  class="rosefall_head_icon"
-                  mode="scaleToFill"
-                />
-              </div>
-            </div>
+            <div class="rosefall_head_breakeven">昨日涨停数</div>
           </div>
-          <div class="rosefall_head_ranking_box" @click="selectRankChange">
-            <div>排名变化</div>
-            <div class="rosefall_module_head_icon" v-if="allRankChange">
-              <img
-                src="../../static/shengxu_true.png"
-                class="rosefall_head_icon"
-                mode="scaleToFill"
-              />
-              <img
-                src="../../static/jiangxu_false.png"
-                class="rosefall_head_icon"
-                mode="scaleToFill"
-              />
-            </div>
-            <div class="rosefall_module_head_icon" v-else>
-              <img
-                src="../../static/shengxu_false.png"
-                class="rosefall_head_icon"
-                mode="scaleToFill"
-              />
-              <img
-                src="../../static/jiangxu_true.png"
-                class="rosefall_head_icon"
-                mode="scaleToFill"
-              />
-            </div>
+        </div>
+        <div class="rosefall_list_head" v-else-if="newRecordTab[3].is">
+          <div class="rosefall_head_left">
+            <div class="rosefall_head_name">东财指数</div>
+            <div class="rosefall_head_breakeven">跌停数</div>
+            <div class="rosefall_head_breakeven">昨日跌停数</div>
+          </div>
+        </div>
+        <div class="rosefall_list_head" v-else-if="newRecordTab[4].is">
+          <div class="rosefall_head_left">
+            <div class="rosefall_head_name">股票名称</div>
+            <div class="rosefall_head_name">东财指数</div>
+            <div class="rosefall_head_breakeven">涨停时间</div>
+            <div class="rosefall_head_breakeven">几天几板</div>
           </div>
         </div>
         <div
@@ -2047,6 +2019,29 @@ export default {
           is: false,
         },
       ],
+      // 新高涨跌停等
+      newRecordTab:[
+        {
+          name: "创新高",
+          is: true,
+        },
+        {
+          name: "创新低",
+          is: false,
+        },
+        {
+          name: "涨停",
+          is: false,
+        },
+        {
+          name: "跌停",
+          is: false,
+        },
+        {
+          name: "涨停个股",
+          is: false,
+        },
+      ],
       // 趋势板块所有数据
       tendencyList: [
         {
@@ -2434,6 +2429,32 @@ export default {
         this.tendencyNavIndex = 30;
       }
     },
+    // 趋势时间段选择
+    newRecordTabClick(name) {
+      this.newRecordTab.forEach((item) => {
+        if (item.name == name) {
+          item.is = true;
+        } else {
+          item.is = false;
+        }
+      });
+      // if (this.trendTimePeriod[0].is) {
+      //   this.getTendencyList(1);
+      //   this.tendencyNavIndex = 1;
+      // } else if (this.trendTimePeriod[1].is) {
+      //   this.getTendencyList(5);
+      //   this.tendencyNavIndex = 5;
+      // } else if (this.trendTimePeriod[2].is) {
+      //   this.getTendencyList(10);
+      //   this.tendencyNavIndex = 10;
+      // } else if (this.trendTimePeriod[3].is) {
+      //   this.getTendencyList(20);
+      //   this.tendencyNavIndex = 20;
+      // } else if (this.trendTimePeriod[4].is) {
+      //   this.getTendencyList(30);
+      //   this.tendencyNavIndex = 30;
+      // }
+    },
     // 趋势排名变化升序or降序
     selectRankChange() {
       this.allRankChange = !this.allRankChange;