2023-11-14

src/views/mortgage/index.vue

@@ -49,7 +49,7 @@
 				<div class="mortgage_top_item_cons">
 					<div class="mortgage_top_item_cons_left">
 						<div class="mortgage_top_item_top">
-							<img src="@/assets/mprtgage/tablist.jpg" alt="" />
+							<img src="@/assets/mprtgage/logistics.jpg" alt="" />
 							<div class="mortgage_top_item_top_btn1" @click="cameraClock(0)" />
 							<div class="mortgage_top_item_top_btn2" @click="cameraClock(1)" />
 							<div class="mortgage_top_item_top_btn3" @click="cameraClock(2)" />
@@ -118,16 +118,17 @@
 							</div>
 							<div class="containers">
 								<div class="container_item2">
-									2023-10-19&nbsp;&nbsp;20:05:16&nbsp;&nbsp;&nbsp;&nbsp;<span class="container_item-tetxt2">365国润四通道摄像头离线解除</span>
+									2023-10-19&nbsp;&nbsp;20:05:16&nbsp;&nbsp;&nbsp;&nbsp;<span
+										class="container_item-tetxt2">365国润四通道摄像头离线解除</span>
 								</div>
 								<div class="container_item1">
-									2023-10-19&nbsp;&nbsp;19:33:21&nbsp;&nbsp;&nbsp;&nbsp;<span >365国润四通道摄像头离线</span>
+									2023-10-19&nbsp;&nbsp;19:33:21&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润四通道摄像头离线</span>
 								</div>
 								<div class="container_item2">
-									2023-10-16&nbsp;&nbsp;16:13:36&nbsp;&nbsp;&nbsp;&nbsp;<span >365国润三通道摄像头离线解除</span>
+									2023-10-16&nbsp;&nbsp;16:13:36&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线解除</span>
 								</div>
 								<div class="container_item1">
-									2023-10-16&nbsp;&nbsp;15:26:12&nbsp;&nbsp;&nbsp;&nbsp;<span >365国润三通道摄像头离线</span>
+									2023-10-16&nbsp;&nbsp;15:26:12&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线</span>
 								</div>
 							</div>
 						</div>
@@ -292,14 +293,14 @@
 					online: "0"
 				},
 				spUrl: "",
-				inventoryInfo:{
-					mendian:"--",
-					changwencang:"--",
+				inventoryInfo: {
+					mendian: "--",
+					changwencang: "--",
 				},
-				chartData2:{
-					date:[],
-					changwencang:[],
-					gongyinglian:[],
+				chartData2: {
+					date: [],
+					changwencang: [],
+					gongyinglian: [],
 				}
 			};
 		},
@@ -311,24 +312,24 @@
 			this.getReportInventory()
 		},
 		methods: {
-			getReportInventory(){
+			getReportInventory() {
 				req.getReportInventory().then(res => {
 					console.log('getReportInventory:', res)
-					
-						this.chartData2 = {
-							date:res.data.date,
-							changwencang:res.data.changwencang,
-							gongyinglian:res.data.gongyinglian,
-							
-						}
+
+					this.chartData2 = {
+						date: res.data.date,
+						changwencang: res.data.changwencang,
+						gongyinglian: res.data.gongyinglian,
+
+					}
 				}).catch(e => {
 					console.log('GdinventoryLog-loadList-ee:', e)
 				})
 			},
-			getInventory(){
+			getInventory() {
 				req.getInventory(this.times).then(res => {
 					console.log('getInventory:', res)
-							this.inventoryInfo = res.data
+					this.inventoryInfo = res.data
 				}).catch(e => {
 					console.log('GdinventoryLog-loadList-ee:', e)
 				})
@@ -359,7 +360,7 @@
 					console.log('GdinventoryLog-loadList-ee:', e)
 				})
 			},
-			
+
 			// 实时
 			getVedioPcLiveById(id) {
 				req.getVedioPcLiveById(id).then(res => {
@@ -371,19 +372,19 @@
 					console.log('GdinventoryLog-loadList-ee:', e)
 				})
 			},
-			
+
 			// 回放
 			getVedioPcRecById(id) {
 				req.getVedioPcRecById(id).then(res => {
 					console.log('getVedioPcRecById:', res)
 					this.spUrl = res.data
-			
-			
+
+
 				}).catch(e => {
 					console.log('GdinventoryLog-loadList-ee:', e)
 				})
 			},
-			
+
 
 			loadList() {
 
@@ -476,23 +477,23 @@
 				var item = this.cameraList[index]
 				this.cameraInfo = item
 				this.getVedioPcLiveById(item.id)
-			
+
 			},
 
 			cameraType() {
-					console.log('cameraInfo:', this.cameraInfo)
-					this.videos = !this.videos
-					
-					if(this.videos){
-						this.getVedioPcLiveById(this.cameraInfo.id)
-					}else{
-						this.getVedioPcRecById(this.cameraInfo.id)
-					}
-						
-						
+				console.log('cameraInfo:', this.cameraInfo)
+				this.videos = !this.videos
+
+				if (this.videos) {
+					this.getVedioPcLiveById(this.cameraInfo.id)
+				} else {
+					this.getVedioPcRecById(this.cameraInfo.id)
+				}
+
+
 			},
 			clivideo() {
-			
+
 				// this.lookvideo = true
 
 				this.dialogImageJK = true
@@ -683,6 +684,7 @@
 				.mortgage_top_item_top {
 					width: 100%;
 					height: 85%;
+					position: relative;
 
 					img {
 						width: 100%;
@@ -691,11 +693,11 @@
 
 					.mortgage_top_item_top_btn1 {
 						z-index: 100;
-						position: relative;
-						top: -259px;
-						left: 81px;
-						width: 53px;
-						height: 50px;
+						position: absolute;
+						top: 5px;
+						left: 618px;
+						width: 133px;
+						height: 90px;
 						background-color: #f0f;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;
@@ -703,11 +705,11 @@
 
 					.mortgage_top_item_top_btn2 {
 						z-index: 100;
-						position: relative;
-						top: -326px;
-						left: 481px;
-						width: 53px;
-						height: 50px;
+						position: absolute;
+						top: 120px;
+						left: 611px;
+						width: 103px;
+						height: 80px;
 						background-color: #1d62e2;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;
@@ -715,11 +717,11 @@
 
 					.mortgage_top_item_top_btn3 {
 						z-index: 100;
-						position: relative;
-						top: -161px;
-						left: 81px;
-						width: 53px;
-						height: 50px;
+						position: absolute;
+						top: 181px;
+						left: 521px;
+						width: 83px;
+						height: 80px;
 						background-color: #1d62e2;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;
@@ -727,11 +729,11 @@
 
 					.mortgage_top_item_top_btn4 {
 						z-index: 100;
-						position: relative;
-						top: -214px;
-						left: 481px;
-						width: 53px;
-						height: 50px;
+						position: absolute;
+						top: 201px;
+						left: 415px;
+						width: 98px;
+						height: 90px;
 						background-color: #1d62e2;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;
@@ -864,7 +866,7 @@
 										margin-left: 10px;
 									}
 								}
-								
+
 								.container_item2 {
 									width: 100%;
 									height: 30px;
@@ -874,7 +876,7 @@
 									font-family: '微软雅黑';
 									box-sizing: border-box;
 									padding-left: 20px;
-								
+
 									span {
 										margin-left: 10px;
 									}