From c56935d7085725e609d926b064c146f3ffc29e6e Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期四, 06 六月 2024 19:33:48 +0800
Subject: [PATCH] 1

---
 src/pages/TcmSystem/TcmSystem.vue |   25 +++++++++++++++++++------
 1 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/pages/TcmSystem/TcmSystem.vue b/src/pages/TcmSystem/TcmSystem.vue
index f8582d5..3175d81 100644
--- a/src/pages/TcmSystem/TcmSystem.vue
+++ b/src/pages/TcmSystem/TcmSystem.vue
@@ -15,9 +15,10 @@
         鐑棬鎼滅储锛�
         <ul class="flex" style="margin-right: 10rpx">
           <li
-            v-for="item in hot"
+            v-for="(item, index) in hot"
             :key="item.id"
-            @tap="HotClick(item.name)"
+            @tap="HotClick(item.name, index)"
+            :class="{ cursor: true, active: hotAciveIndex === index }"
             style="margin: 0 0.05rem; color: #244a7b; cursor: pointer"
           >
             {{ item.name }}
@@ -429,6 +430,7 @@
   },
   data() {
     return {
+      hotAciveIndex: "",
       // 鏈烘瀯缁熻
       institution: {
         title: "鏈烘瀯缁熻",
@@ -546,7 +548,13 @@
       });
     },
     // 鍙充晶鐨刲ist鏁版嵁
-    getMList(key) {
+    getMList(key, index) {
+      if (index !== undefined) {
+        this.SearchValue = "";
+        this.hotAciveIndex = index;
+      } else {
+        this.hotAciveIndex = "";
+      }
       this.pageLoading = true;
       let Obj = {
         medicalSearchType: this.searchType,
@@ -687,9 +695,9 @@
       this.getMList();
     },
     // 鐑棬鎼滅储
-    HotClick(val) {
+    HotClick(val, index) {
       // this.SearchValue = val;
-      this.getMList(val);
+      this.getMList(val, index);
     },
     // 鎸夌収浠�涔堟帓搴�
     selectChange(e) {
@@ -787,7 +795,7 @@
   top: -0.25rem;
   color: #2c2c2c;
   font-weight: bold;
-  span{
+  span {
     font-weight: initial;
   }
 }
@@ -1245,4 +1253,9 @@
 .nullBox {
   width: 100%;
 }
+
+.cursor.active {
+  color: #027edc !important;
+  font-weight: bold;
+}
 </style>

--
Gitblit v1.9.1