From 37ce456998cb4cba8d88fa3db0a1a3738e52fb3a Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期三, 24 七月 2024 11:18:29 +0800
Subject: [PATCH] 1

---
 src/pages/TcmSystem/TcmSystem.vue |   40 +++++++++++++++++++++++++++-------------
 1 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/src/pages/TcmSystem/TcmSystem.vue b/src/pages/TcmSystem/TcmSystem.vue
index 288342f..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) {
@@ -748,8 +756,6 @@
 }
 
 .creatureXinxi2 {
-  /* width: .24rem; */
-  height: 0.17rem;
   line-height: 1;
   font-size: 0.12rem;
   font-weight: 600;
@@ -762,7 +768,6 @@
 }
 
 .creatureXinxi3 li {
-  height: 0.16rem;
   line-height: 0.16rem;
   background-color: #fff;
   padding: 0 0.08rem;
@@ -777,7 +782,8 @@
 /* --------- */
 /* 鍝佺骇 */
 .pinji {
-  box-shadow: 2px 0px 3px #888;
+  box-shadow: 0 0 3px #888;
+  border-radius: 6px;
   background-color: #fff;
   width: 100%;
   /* height: .6rem;
@@ -788,6 +794,10 @@
   position: relative;
   top: -0.25rem;
   color: #2c2c2c;
+  font-weight: bold;
+  span {
+    font-weight: initial;
+  }
 }
 
 /* 涓汉淇℃伅鐨勬寜閽� */
@@ -954,14 +964,13 @@
   position: fixed;
   right: 0;
   top: 0;
-  z-index: 9999999999999999999999999999999999999999999 !important;
-
+  z-index: 99999 !important;
   > div {
     height: 100%;
     margin: 0 !important;
     position: fixed;
     right: 0;
-    top: 0;
+    top: 86px;
 
     > :nth-child(1) {
       display: none;
@@ -1064,7 +1073,7 @@
 
 .search1 ::v-deep .uni-select__selector-item {
   position: relative;
-  z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important;
+  z-index: 99999 !important;
 
   display: flex;
   justify-content: center;
@@ -1244,4 +1253,9 @@
 .nullBox {
   width: 100%;
 }
+
+.cursor.active {
+  color: #027edc !important;
+  font-weight: bold;
+}
 </style>

--
Gitblit v1.9.1