diff --git a/src/views/realTimeMonitor/components/carouselChart.vue b/src/views/realTimeMonitor/components/carouselChart.vue
index d48fac5..8856946 100644
--- a/src/views/realTimeMonitor/components/carouselChart.vue
+++ b/src/views/realTimeMonitor/components/carouselChart.vue
@@ -99,7 +99,7 @@
"
>
-
+
@@ -134,7 +134,7 @@
-
![]()
+
@@ -47,6 +59,8 @@ export default {
nopicPath: require("@/assets/img/nopic.jpg"),
picLoading: false,
photoNum: 10,
+ fistPath: "",
+ fistflag: true,
};
},
mounted() {},
@@ -55,6 +69,7 @@ export default {
this.isShow = true;
console.log(data);
this.deviceData = data;
+ this.fistPath = data.path;
if (data.photoTime == null) {
data.photoTime = new Date().getTime();
}
@@ -63,7 +78,7 @@ export default {
//获取图片
getTerminalPhotoList(channelid, date, termId) {
this.terminalPhoto = [];
- this.picLoading = true;
+ //this.picLoading = true;
getTerminalPhotoListJoggle({
channelid: channelid,
time: date,
@@ -72,6 +87,7 @@ export default {
.then((res) => {
console.log(res);
this.picLoading = false;
+ this.fistflag = false;
if (res.data.list.length == 0) {
this.terminalPhoto = [
{
@@ -107,6 +123,7 @@ export default {
},
handleclose() {
this.isShow = false;
+ this.fistflag = true;
},
},
};
@@ -151,6 +168,33 @@ export default {
.picmain {
width: 100%;
height: calc(100% - 10px);
+ .el-skeleton {
+ width: 100%;
+ height: 100%;
+ .el-skeleton__image {
+ width: 100%;
+ height: 80%;
+ svg {
+ width: 60%;
+ height: 60%;
+ }
+ }
+ .littleBox {
+ display: flex;
+ height: 18%;
+ margin-top: 2%;
+ align-items: center;
+ justify-content: space-around;
+ .el-skeleton__image {
+ width: 23%;
+ height: 100%;
+ }
+ svg {
+ width: 30%;
+ height: 30%;
+ }
+ }
+ }
}
}