From ee935746fcd8f3f701c29f3f2240a8df6a4ea2a0 Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Wed, 12 Jul 2023 11:53:33 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assessmentManagement/rankList/index.scss       | 10 +++++++---
 .../assessmentManagement/rankList/index.vue        | 14 +++++++-------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/views/goverment/huizhou/assessmentManagement/rankList/index.scss b/src/views/goverment/huizhou/assessmentManagement/rankList/index.scss
index 0cc2718..79d6583 100644
--- a/src/views/goverment/huizhou/assessmentManagement/rankList/index.scss
+++ b/src/views/goverment/huizhou/assessmentManagement/rankList/index.scss
@@ -34,8 +34,6 @@
 		}
 		.content-main {
 			// min-height: 400px;
-			overflow: hidden;
-			transition: 1s;
 			margin-top: 10px;
 			background: linear-gradient(90deg, rgba(50, 98, 179, 0.2) 0%, rgba(50, 98, 179, 0) 47%, rgba(50, 98, 179, 0.2) 100%);
 		}
@@ -44,7 +42,13 @@
 		display: flex;
 		flex-direction: column;
 		.rank-content {
-			flex: 1;
+			overflow: hidden;
+			transition: 1s;
+			// flex: 1;
+			min-height: 36px;
+			.content-main {
+				height: calc(100% - 46px);
+			}
 		}
 		.rank-content:not(:last-child) {
 			margin-bottom: 20px;
diff --git a/src/views/goverment/huizhou/assessmentManagement/rankList/index.vue b/src/views/goverment/huizhou/assessmentManagement/rankList/index.vue
index 13b968d..2236b99 100644
--- a/src/views/goverment/huizhou/assessmentManagement/rankList/index.vue
+++ b/src/views/goverment/huizhou/assessmentManagement/rankList/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="rank-page">
 		<div class="left">
-			<div class="rank-content">
+			<div class="rank-content" style="flex: 1">
 				<div class="content-title" @click="changeHeight(0)">
 					<img src="@/assets/images/hzImg/assessmentImg/textImg1.png" alt="" />
 				</div>
@@ -20,7 +20,7 @@
 					</leftMenu2>
 				</div>
 			</div>
-			<div class="rank-content">
+			<div class="rank-content" style="flex: 1">
 				<div class="content-title" @click="changeHeight(1)">
 					<img src="@/assets/images/hzImg/assessmentImg/textImg2.png" alt="" />
 				</div>
@@ -198,12 +198,12 @@ const records = ref([{ name: "123" }, { name: "234" }]);
 const inputVal = ref("");
 const changeHeight = index => {
 	// 更改高度，做隐藏收缩效果
-	const domList = document.querySelectorAll(".content-main") as NodeListOf<HTMLElement>;
-	console.log(domList[index].style.height);
-	if (domList[index].style["min-height"] == "" || domList[index].style["min-height"] == "400px") {
-		domList[index].style = "min-height:0px;";
+	const domList = document.querySelectorAll(".rank-content") as NodeListOf<HTMLElement>;
+	console.log(domList[index].style.flex);
+	if (domList[index].style.flex == "" || domList[index].style.flex == "1 1 0%") {
+		domList[index].style.flex = "0 1 0%";
 	} else {
-		domList[index].style = "min-height: 400px;";
+		domList[index].style.flex = "1 1 0%";
 	}
 	console.log(domList);
 };