diff --git a/src/assets/mprtgage/logistics.jpg b/src/assets/mprtgage/logistics.jpg new file mode 100644 index 0000000..eeb9bce Binary files /dev/null and b/src/assets/mprtgage/logistics.jpg differ diff --git a/src/views/mortgage/index.vue b/src/views/mortgage/index.vue index b6319dc..3c4b563 100644 --- a/src/views/mortgage/index.vue +++ b/src/views/mortgage/index.vue @@ -49,7 +49,7 @@
- +
@@ -118,16 +118,17 @@
- 2023-10-19  20:05:16    365国润四通道摄像头离线解除 + 2023-10-19  20:05:16    365国润四通道摄像头离线解除
- 2023-10-19  19:33:21    365国润四通道摄像头离线 + 2023-10-19  19:33:21    365国润四通道摄像头离线
- 2023-10-16  16:13:36    365国润三通道摄像头离线解除 + 2023-10-16  16:13:36    365国润三通道摄像头离线解除
- 2023-10-16  15:26:12    365国润三通道摄像头离线 + 2023-10-16  15:26:12    365国润三通道摄像头离线
@@ -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; }