Browse Source

2023-11-14

master
guoxing 1 year ago
parent
commit
e88997d325
  1. BIN
      src/assets/mprtgage/logistics.jpg
  2. 80
      src/views/mortgage/index.vue

BIN
src/assets/mprtgage/logistics.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

80
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,21 +312,21 @@
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,
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
@ -483,9 +484,9 @@
console.log('cameraInfo:', this.cameraInfo)
this.videos = !this.videos
if(this.videos){
if (this.videos) {
this.getVedioPcLiveById(this.cameraInfo.id)
}else{
} else {
this.getVedioPcRecById(this.cameraInfo.id)
}
@ -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;

Loading…
Cancel
Save