jianguan
/
yxt-supervise-gd36524-ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

2023-11-14

master
guoxing 1 year ago
parent
16e3c7cf7a
commit
e88997d325
2 changed files with 63 additions and 61 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      src/assets/mprtgage/logistics.jpg
  2. 80
      src/views/mortgage/index.vue

BIN
src/assets/mprtgage/logistics.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

80
src/views/mortgage/index.vue
View File

@ -49,7 +49,7 @@
<div class="mortgage_top_item_cons"> <div class="mortgage_top_item_cons">
<div class="mortgage_top_item_cons_left"> <div class="mortgage_top_item_cons_left">
<div class="mortgage_top_item_top"> <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_btn1" @click="cameraClock(0)" />
<div class="mortgage_top_item_top_btn2" @click="cameraClock(1)" /> <div class="mortgage_top_item_top_btn2" @click="cameraClock(1)" />
<div class="mortgage_top_item_top_btn3" @click="cameraClock(2)" /> <div class="mortgage_top_item_top_btn3" @click="cameraClock(2)" />
@ -118,16 +118,17 @@
</div> </div>
<div class="containers"> <div class="containers">
<div class="container_item2"> <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>
<div class="container_item1"> <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>
<div class="container_item2"> <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>
<div class="container_item1"> <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> </div>
</div> </div>
@ -292,14 +293,14 @@
online: "0" online: "0"
}, },
spUrl: "", spUrl: "",
inventoryInfo:{ inventoryInfo: {
mendian:"--", mendian: "--",
changwencang:"--", changwencang: "--",
}, },
chartData2:{ chartData2: {
date:[], date: [],
changwencang:[], changwencang: [],
gongyinglian:[], gongyinglian: [],
} }
}; };
}, },
@ -311,21 +312,21 @@
this.getReportInventory() this.getReportInventory()
}, },
methods: { methods: {
getReportInventory(){ getReportInventory() {
req.getReportInventory().then(res => { req.getReportInventory().then(res => {
console.log('getReportInventory:', res) console.log('getReportInventory:', res)
this.chartData2 = { this.chartData2 = {
date:res.data.date, date: res.data.date,
changwencang:res.data.changwencang, changwencang: res.data.changwencang,
gongyinglian:res.data.gongyinglian, gongyinglian: res.data.gongyinglian,
} }
}).catch(e => { }).catch(e => {
console.log('GdinventoryLog-loadList-ee:', e) console.log('GdinventoryLog-loadList-ee:', e)
}) })
}, },
getInventory(){ getInventory() {
req.getInventory(this.times).then(res => { req.getInventory(this.times).then(res => {
console.log('getInventory:', res) console.log('getInventory:', res)
this.inventoryInfo = res.data this.inventoryInfo = res.data
@ -483,9 +484,9 @@
console.log('cameraInfo:', this.cameraInfo) console.log('cameraInfo:', this.cameraInfo)
this.videos = !this.videos this.videos = !this.videos
if(this.videos){ if (this.videos) {
this.getVedioPcLiveById(this.cameraInfo.id) this.getVedioPcLiveById(this.cameraInfo.id)
}else{ } else {
this.getVedioPcRecById(this.cameraInfo.id) this.getVedioPcRecById(this.cameraInfo.id)
} }
@ -683,6 +684,7 @@
.mortgage_top_item_top { .mortgage_top_item_top {
width: 100%; width: 100%;
height: 85%; height: 85%;
position: relative;
img { img {
width: 100%; width: 100%;
@ -691,11 +693,11 @@
.mortgage_top_item_top_btn1 { .mortgage_top_item_top_btn1 {
z-index: 100; z-index: 100;
position: relative; position: absolute;
top: -259px; top: 5px;
left: 81px; left: 618px;
width: 53px; width: 133px;
height: 50px; height: 90px;
background-color: #f0f; background-color: #f0f;
/*设置透明度，0为完全透明，1为不透明*/ /*设置透明度，0为完全透明，1为不透明*/
opacity: 0; opacity: 0;
@ -703,11 +705,11 @@
.mortgage_top_item_top_btn2 { .mortgage_top_item_top_btn2 {
z-index: 100; z-index: 100;
position: relative; position: absolute;
top: -326px; top: 120px;
left: 481px; left: 611px;
width: 53px; width: 103px;
height: 50px; height: 80px;
background-color: #1d62e2; background-color: #1d62e2;
/*设置透明度，0为完全透明，1为不透明*/ /*设置透明度，0为完全透明，1为不透明*/
opacity: 0; opacity: 0;
@ -715,11 +717,11 @@
.mortgage_top_item_top_btn3 { .mortgage_top_item_top_btn3 {
z-index: 100; z-index: 100;
position: relative; position: absolute;
top: -161px; top: 181px;
left: 81px; left: 521px;
width: 53px; width: 83px;
height: 50px; height: 80px;
background-color: #1d62e2; background-color: #1d62e2;
/*设置透明度，0为完全透明，1为不透明*/ /*设置透明度，0为完全透明，1为不透明*/
opacity: 0; opacity: 0;
@ -727,11 +729,11 @@
.mortgage_top_item_top_btn4 { .mortgage_top_item_top_btn4 {
z-index: 100; z-index: 100;
position: relative; position: absolute;
top: -214px; top: 201px;
left: 481px; left: 415px;
width: 53px; width: 98px;
height: 50px; height: 90px;
background-color: #1d62e2; background-color: #1d62e2;
/*设置透明度，0为完全透明，1为不透明*/ /*设置透明度，0为完全透明，1为不透明*/
opacity: 0; opacity: 0;

Write Preview
Loading…
Cancel
Save