From c423765d8a5ff0c58d23bb0a31af7df6c1fad95c Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 26 七月 2024 16:10:25 +0800
Subject: [PATCH] 1
---
src/pages/TcmSystem/TcmSystem.vue | 245 +++++++++++++++++++++++++-----------------------
1 files changed, 128 insertions(+), 117 deletions(-)
diff --git a/src/pages/TcmSystem/TcmSystem.vue b/src/pages/TcmSystem/TcmSystem.vue
index 1f63040..df8d23d 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;
+ }
}
/* 涓汉淇℃伅鐨勬寜閽� */
@@ -837,58 +847,55 @@
background-color: #0c274c;
padding: 25rpx;
color: #fff !important;
+}
+.NavTop img {
+ width: 30rpx;
+ height: 30rpx;
+ vertical-align: middle;
+}
+.NavTop .NavTopr {
img {
- width: 30rpx;
- height: 30rpx;
- vertical-align: middle;
- }
-
- .NavTopr {
- img {
- margin-right: 10rpx;
- }
+ margin-right: 10rpx;
}
}
.mImage {
width: 100%;
height: 40rpx;
-
- img {
- vertical-align: top;
- }
+}
+.mImage img {
+ vertical-align: top;
}
.centre {
padding-left: 1.23rem;
padding-right: 1.17rem;
align-items: stretch;
+}
+.centre .CLeft {
+ width: 2.4rem;
+ flex-direction: column;
+ margin-right: 0.2rem;
+}
+.centre .CLeft .institution {
+ width: 100%;
+ border: 1px solid #000;
+ padding: 20rpx;
+}
+.centre .CLeft .institution2 {
+ margin: 20rpx 0;
+}
+.centre .CLeft .institution3 {
+ flex-grow: 1;
+}
- .CLeft {
- width: 2.4rem;
- flex-direction: column;
- margin-right: 0.2rem;
- .institution {
- width: 100%;
- border: 1px solid #000;
- padding: 20rpx;
- }
- .institution2 {
- margin: 20rpx 0;
- }
- .institution3 {
- flex-grow: 1;
- }
- }
-
- .CRight {
- flex: 1;
- border: 1px solid #c1d3ea;
- box-sizing: border-box;
- overflow: hidden;
- padding: 0.1rem 0.2rem;
- }
+.centre .CRight {
+ flex: 1;
+ border: 1px solid #c1d3ea;
+ box-sizing: border-box;
+ overflow: hidden;
+ padding: 0.1rem 0.2rem;
}
.CommodityList {
@@ -901,15 +908,15 @@
align-content: flex-start;
/* padding: 20rpx 20rpx 0 20rpx; */
justify-content: space-between;
+}
- > .rightList {
- width: 49%;
- margin-bottom: 20rpx;
+.CommodityList .rightList {
+ width: 49%;
+ margin-bottom: 20rpx;
+}
- .box-card {
- overflow: visible;
- }
- }
+.CommodityList .rightList .box-card {
+ overflow: visible;
}
/* ::v-deep .el-card__body{
@@ -955,21 +962,22 @@
right: 0;
top: 0;
z-index: 99999 !important;
- > div {
- height: 100%;
- margin: 0 !important;
- position: fixed;
- right: 0;
- top: 86px;
+}
- > :nth-child(1) {
- display: none;
- }
+.dialog div {
+ height: 100%;
+ margin: 0 !important;
+ position: fixed;
+ right: 0;
+ top: 86px;
+}
- > :nth-child(2) {
- padding: 0;
- }
- }
+.dialog div:nth-child(1) {
+ display: none;
+}
+
+.dialog div:nth-child(2) {
+ padding: 0;
}
::v-deep .el-dialog .el-dialog__body {
@@ -980,13 +988,12 @@
width: 100%;
height: 1.94rem;
color: #000;
-
- img {
- position: absolute;
- width: 100%;
- height: 100%;
- vertical-align: top;
- }
+}
+.detailImage img {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ vertical-align: top;
}
/* 鎼滅储鎸夐挳 */
@@ -1101,34 +1108,33 @@
min-height: 2rem !important;
position: relative;
border: 1px solid #c1d3ea !important;
+}
+.boox ul {
+ margin-top: 0.16rem !important;
+}
- ul {
- margin-top: 0.16rem !important;
- }
+.boox h3 {
+ font-size: 0.14rem;
+ margin-left: 0.1rem;
+}
- h3 {
- font-size: 0.14rem;
- margin-left: 0.1rem;
- }
+.boox li {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ padding: 0 0.2rem !important;
+ margin: 0.05rem 0 !important;
+ border-radius: 0.3rem !important;
+ font-size: 0.14rem;
+}
- li {
- height: 0.3rem;
- line-height: 0.3rem;
- padding: 0 0.2rem !important;
- margin: 0.05rem 0 !important;
- border-radius: 0.3rem !important;
- font-size: 0.14rem;
- }
+.boox .toggleButton1 {
+ position: absolute;
+ bottom: 0.1rem !important;
+ left: 40% !important;
+}
- .toggleButton1 {
- position: absolute;
- bottom: 0.1rem !important;
- left: 40% !important;
- }
-
- .toggleButton {
- font-size: 0.14rem !important;
- }
+.boox .toggleButton {
+ font-size: 0.14rem !important;
}
.paixu {
@@ -1217,30 +1223,35 @@
padding: 0.14rem 0.2rem 0.23rem;
/* position: relative; */
- .biecheng {
- height: 0.24rem;
- /* line-height: .24rem; */
- font-size: 0.12rem;
- padding-left: 0.1rem;
- background-color: #f0f0f0;
- display: flex;
- align-items: center;
- margin-bottom: 0.12rem;
- }
+}
+.rightList .desBox .biecheng {
+ height: 0.24rem;
+ /* line-height: .24rem; */
+ font-size: 0.12rem;
+ padding-left: 0.1rem;
+ background-color: #f0f0f0;
+ display: flex;
+ align-items: center;
+ margin-bottom: 0.12rem;
+}
- .describe {
- position: absolute;
- bottom: 0.1rem;
- left: 0;
- /* width: 100%; */
- padding: 0 0.23rem;
- height: 0.49rem;
- line-height: 0.24rem;
- font-size: 0.12rem;
- }
+.rightList .desBox .describe {
+ position: absolute;
+ bottom: 0.1rem;
+ left: 0;
+ /* width: 100%; */
+ padding: 0 0.23rem;
+ height: 0.49rem;
+ line-height: 0.24rem;
+ font-size: 0.12rem;
}
.nullBox {
width: 100%;
}
+
+.cursor.active {
+ color: #027edc !important;
+ font-weight: bold;
+}
</style>
--
Gitblit v1.9.1