From 8eb6f7bbc8f452393558233d42a2235d0dc48de3 Mon Sep 17 00:00:00 2001
From: guoxing <1369478551@qq.com>
Date: Wed, 15 Nov 2023 09:04:16 +0800
Subject: [PATCH] 2023-11-15

---
 src/views/mortgage/index.vue | 53 ++++++++++++++++++------------------
 1 file changed, 27 insertions(+), 26 deletions(-)

diff --git a/src/views/mortgage/index.vue b/src/views/mortgage/index.vue
index 77cae6a..603c09c 100644
--- a/src/views/mortgage/index.vue
+++ b/src/views/mortgage/index.vue
@@ -90,7 +90,7 @@
 					<div class="mortgage_top_item_cons_right">
 						<div class="mortgage_top_item_cons_right_top">
 							<div class="mortgage_top_item_cons_right_top_video">
-								<iframe :src="spUrl" width="450" height="150" id="ysOpenDevice" allowfullscreen>
+								<iframe :src="spUrl" width="500" height="220" id="ysOpenDevice" allowfullscreen>
 								</iframe>
 							</div>
 							<div class="mortgage_top_item_cons_right_top_foor">
@@ -127,9 +127,9 @@
 								<div class="container_item2">
 									2023-10-16&nbsp;&nbsp;16:13:36&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线解除</span>
 								</div>
-								<div class="container_item1">
+								<!-- <div class="container_item1">
 									2023-10-16&nbsp;&nbsp;15:26:12&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线</span>
-								</div>
+								</div> -->
 							</div>
 						</div>
 					</div>
@@ -190,7 +190,7 @@
 					<barlineEachartsVue :width="`100%`" :height="'270px'" :chartData="chartData2"></barlineEachartsVue>
 				</div>
 			</div>
-			<div class="mortgage_bom_item">
+			<div class="mortgage_bom_item" style="margin-left: 32px;padding-right: 30px;">
 				<div class="mortgage_bom_item_tit">
 					<div class="mortgage_bom_item_tit_left">
 						<span>
@@ -692,48 +692,48 @@
 					}
 
 					.mortgage_top_item_top_btn1 {
-						z-index: 100;
+						// z-index: 100;
 						position: absolute;
-						top: 0px;
-						left: 368px;
-						width: 393px;
-						height: 150px;
+						top: 0%;
+						left: 50%;
+						width: 50%;
+						height: 50%;
 						background-color: #f0f;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;
 					}
 
 					.mortgage_top_item_top_btn2 {
-						z-index: 100;
+						// z-index: 100;
 						position: absolute;
-						top: 150px;
-						left: 0px;
-						width: 393px;
-						height: 150px;
+						top: 50%;
+						left: 0%;
+						width: 50%;
+						height: 50%;
 						background-color: #ff0;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;
 					}
 
 					.mortgage_top_item_top_btn3 {
-						z-index: 100;
+						// z-index: 100;
 						position: absolute;
-							top: 150px;
-							left: 368px;
-					width: 393px;
-					height: 150px;
+							top: 50%;
+							left: 50%;
+					width: 50%;
+					height: 50%;
 						background-color: #00f;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;
 					}
 
 					.mortgage_top_item_top_btn4 {
-						z-index: 100;
+						// z-index: 100;
 						position: absolute;
-						top: 0px;
-						left: 0px;
-						width: 398px;
-						height: 150px;
+						top: 0%;
+						left: 0%;
+					width: 50%;
+					height: 50%;
 						background-color: #0ff;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;
@@ -778,7 +778,7 @@
 							}
 
 							.mortgage_top_item_cons_right_top_foor {
-								margin-top: 10px;
+								margin-top: 75px;
 								width: 100%;
 								height: 10%;
 								display: flex;
@@ -812,6 +812,7 @@
 							height: calc(50% - 10px);
 							width: 100%;
 							position: relative;
+							margin-top: 80px;
 
 							.titele {
 								width: 100%;
@@ -845,7 +846,7 @@
 
 							.containers {
 								width: 100%;
-								height: calc(100% - 1px);
+								height: calc(100% - 80px);
 								position: relative;
 								display: flex;
 								background: transparent;