From 95e9468c82766b2b3efe0edeb8e49e503be4fa08 Mon Sep 17 00:00:00 2001
From: X_Rian <904416525@qq.com>
Date: Thu, 27 Jun 2024 15:20:02 +0800
Subject: [PATCH] =?UTF-8?q?flx=EF=BC=9A=E4=BF=AE=E6=94=B9=E4=B9=8C?=
 =?UTF-8?q?=E4=B8=B9=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../newEdgeProtection/index.vue               | 34 +++++++++++--------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/views/sevenLargeScreen/safetyManagement/newEdgeProtection/index.vue b/src/views/sevenLargeScreen/safetyManagement/newEdgeProtection/index.vue
index 91b7c9e..d6653d7 100644
--- a/src/views/sevenLargeScreen/safetyManagement/newEdgeProtection/index.vue
+++ b/src/views/sevenLargeScreen/safetyManagement/newEdgeProtection/index.vue
@@ -40,17 +40,17 @@
 			</div>
 			<div class="content-right">
 				<Card title="报警趋势(次)">
-					<div id="edgeWeekTrend" ref="edgeWeekTrend" style="width: 100%; height: 100%"></div>
+					<div class="select-right">
+						<el-select v-model="selectDay" style="width: 15%" @change="selectChange">
+							<el-option v-for="(item, index) in devList" :key="index" :label="item.devName" :value="item.devSn" />
+						</el-select>
+					</div>
+					<div id="edgeWeekTrend" ref="edgeWeekTrend" style="width: 100%; height: 90%"></div>
 				</Card>
 			</div>
 		</div>
 		<div class="content-bottom">
 			<Card title="报警列表">
-				<div class="select-right">
-					<el-select v-model="selectDay" style="width: 10%; margin-top: 10px; margin-right: 1%" @change="selectChange">
-						<el-option v-for="(item, index) in devList" :key="index" :label="item.devName" :value="item.devSn" />
-					</el-select>
-				</div>
 				<div class="list-content">
 					<div class="tab-list">
 						<div>安装位置</div>
@@ -485,22 +485,26 @@ onMounted(() => {
 			position: relative;
 			height: 100%;
 			width: 72%;
+			.select-right {
+				display: flex;
+				justify-content: flex-end;
+				width: 100%;
+				height: 10%;
+				z-index: 9;
+                position: absolute;
+                top: 0;
+                right: 20px;
+			}
 		}
 	}
 	.content-bottom {
 		width: 100%;
 		height: 50%;
-		.select-right {
-			display: flex;
-			justify-content: flex-end;
-			width: 100%;
-			height: 14%;
-			z-index: 9;
-		}
+
 		.list-content {
-			height: 86%;
+			height: 92%;
 			width: 100%;
-			// margin-top: 3%;
+			// margin-top: 1%;
 			// background: url("@/assets/images/cardImg.png") no-repeat;
 			// background-size: 100% 100%;
 			.tab-list {