From e4278df3b718638bc5511ff34c4c571b0da305a3 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期五, 26 七月 2024 11:39:56 +0800
Subject: [PATCH] 1

---
 src/pages/TcmSystem/TcmSystem.vue |   45 +++++++++++++++++++++++++++++----------------
 1 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/src/pages/TcmSystem/TcmSystem.vue b/src/pages/TcmSystem/TcmSystem.vue
index cec201f..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,12 +548,18 @@
       });
     },
     // 鍙充晶鐨刲ist鏁版嵁
-    getMList(obj) {
+    getMList(key, index) {
+      if (index !== undefined) {
+        this.SearchValue = "";
+        this.hotAciveIndex = index;
+      } else {
+        this.hotAciveIndex = "";
+      }
       this.pageLoading = true;
       let Obj = {
         medicalSearchType: this.searchType,
         type: this.classifyType, //鏌ヨ绫诲瀷 鍙栧�硷細OFFICIAL->鑱屽畼 INSTITUTION->鏈烘瀯 ALL->鑱屽畼銆佹満鏋�
-        name: this.SearchValue, //鎼滅储妗嗘绱�
+        name: key ? key : this.SearchValue, //鎼滅储妗嗘绱�
         dynastyId: this.classifyId, //鐐瑰嚮鏈濅唬鏌ヨ鏁版嵁鏃讹紝甯︿笂姝ゅ弬鏁�
         sort: this.rankVal, //鎺掑簭鏂瑰紡 鍙栧�硷細CREATE鍒涘缓鏃堕棿锛孨AME鍚嶇О
         page: this.CurrentPage, //绗嚑椤�
@@ -577,7 +585,6 @@
     },
     // list鏁扮粍 鑾峰彇list閲岄潰鐨勮鎯卻huju
     ListClick(item, index) {
-      console.log(item, "item");
       let Obj = {
         rowId: item.requestId,
         medicalSearchType: this.searchType,
@@ -688,9 +695,9 @@
       this.getMList();
     },
     // 鐑棬鎼滅储
-    HotClick(val) {
-      this.SearchValue = val;
-      this.getMList();
+    HotClick(val, index) {
+      // this.SearchValue = val;
+      this.getMList(val, index);
     },
     // 鎸夌収浠�涔堟帓搴�
     selectChange(e) {
@@ -749,8 +756,6 @@
 }
 
 .creatureXinxi2 {
-  /* width: .24rem; */
-  height: 0.17rem;
   line-height: 1;
   font-size: 0.12rem;
   font-weight: 600;
@@ -763,7 +768,6 @@
 }
 
 .creatureXinxi3 li {
-  height: 0.16rem;
   line-height: 0.16rem;
   background-color: #fff;
   padding: 0 0.08rem;
@@ -778,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;
@@ -789,6 +794,10 @@
   position: relative;
   top: -0.25rem;
   color: #2c2c2c;
+  font-weight: bold;
+  span {
+    font-weight: initial;
+  }
 }
 
 /* 涓汉淇℃伅鐨勬寜閽� */
@@ -955,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;
@@ -1065,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;
@@ -1245,4 +1253,9 @@
 .nullBox {
   width: 100%;
 }
+
+.cursor.active {
+  color: #027edc !important;
+  font-weight: bold;
+}
 </style>

--
Gitblit v1.9.1