diff --git a/src/assets/img/loading.jpg b/src/assets/img/loading.jpg new file mode 100644 index 0000000..2573434 Binary files /dev/null and b/src/assets/img/loading.jpg differ diff --git a/src/assets/img/nopic.jpg b/src/assets/img/nopic.jpg index bbacbe5..e328166 100644 Binary files a/src/assets/img/nopic.jpg and b/src/assets/img/nopic.jpg differ diff --git a/src/components/common/Sidebar.vue b/src/components/common/Sidebar.vue index ae5a059..da4811c 100644 --- a/src/components/common/Sidebar.vue +++ b/src/components/common/Sidebar.vue @@ -135,7 +135,7 @@ export default { }, watch: { activeIndex(newValue) { - if (newValur != this.$route.path) { + if (newValue != this.$route.path) { this.activeIndex = this.$route.path; } }, diff --git a/src/views/alarmHandling/index.vue b/src/views/alarmHandling/index.vue index dba75be..e4e6a0c 100644 --- a/src/views/alarmHandling/index.vue +++ b/src/views/alarmHandling/index.vue @@ -19,6 +19,7 @@ - - - + + + @@ -43,7 +66,8 @@ :page-size="pageSize" layout=" prev, pager, next, jumper,total" :total="total" - background> + background + > diff --git a/src/views/components/carouselChart.vue b/src/views/components/carouselChart.vue index 4da5412..3026ea5 100644 --- a/src/views/components/carouselChart.vue +++ b/src/views/components/carouselChart.vue @@ -8,11 +8,18 @@ > - + + +
@@ -38,18 +45,50 @@ v-for="(item, index) in terminalPhoto" :key="item.id" > +
+ + + +
+
+ +
+

- {{ $moment(item.photoTime).format("HH:mm:ss") }}({{ - $moment(item.recvTime).format("HH:mm:ss") - }}) - (通道{{ item.channelId }}) + + {{ $moment(item.photoTime).format("HH:mm:ss") }} + + + ( + + {{ $moment(item.recvTime).format("HH:mm:ss") }} + + ) + --通道{{ item.channelId }}

@@ -76,18 +115,42 @@ export default { spaceBetween: 10, //loop: true, freeMode: true, - // loopedSlides: 4, + // loopedSlides: 1, + lazy: { + loadPrevNext: true, + loadPrevNextAmount: 1, + loadOnTransitionStart: true, + //loadOnTransitionStart: true, + }, + // lazyLoading: true, //懒加载开启 navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, + observer: true, //修改swiper自己或子元素时,自动初始化swiper + observeParents: true, //修改swiper的父元素时,自动初始化swiper + onSlideChangeEnd: function (swiper) { + swiper.update(); + }, }, swiperOptionThumbs: { spaceBetween: 10, centeredSlides: true, slidesPerView: "auto", touchRatio: 0.2, + lazyLoading: true, //懒加载开启 slideToClickedSlide: true, + lazy: { + loadPrevNext: true, + loadPrevNextAmount: 3, + loadOnTransitionStart: true, + //loadOnTransitionStart: true, + }, + observer: true, //修改swiper自己或子元素时,自动初始化swiper + observeParents: true, //修改swiper的父元素时,自动初始化swiper + onSlideChangeEnd: function (swiper) { + swiper.update(); + }, //loop: true, //loopedSlides: 4, }, @@ -155,9 +218,17 @@ export default { align-items: center; justify-content: center; + .bigimg { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + } img { - width: 260px; - height: 160px; + //width: 100%; + height: 100%; + object-fit: fill; } } @@ -167,7 +238,7 @@ export default { width: 100%; background: #f0f0f0; padding: 8px 0px; - font-size: 14px; + font-size: 12px; text-align: center; color: #333; } diff --git a/src/views/devicePhotoSchedule/components/adddeviceDialog.vue b/src/views/devicePhotoSchedule/components/adddeviceDialog.vue index cfee213..7661763 100644 --- a/src/views/devicePhotoSchedule/components/adddeviceDialog.vue +++ b/src/views/devicePhotoSchedule/components/adddeviceDialog.vue @@ -10,6 +10,7 @@ label-position="left" ref="formInfo" label-width="auto" + :rules="rules" :model="ruleForm" > @@ -74,6 +75,11 @@ export default { data() { return { isShow: false, + rules: { + name: [{ required: true, message: "请输入名称", trigger: "blur" }], + time: [{ required: true, message: "请选择时间", trigger: "blur" }], + span: [{ required: true, message: "请输入间隔", trigger: "blur" }], + }, ruleForm: { name: "", formList: [ @@ -103,6 +109,7 @@ export default { } }); }, + //删除一行 deleteModule(item, index) { console.log(item, index); const itemList = this.ruleForm.formList.indexOf(item); diff --git a/src/views/devicePhotoSchedule/components/setdevice.vue b/src/views/devicePhotoSchedule/components/setdevice.vue index 60768ac..74c1125 100644 --- a/src/views/devicePhotoSchedule/components/setdevice.vue +++ b/src/views/devicePhotoSchedule/components/setdevice.vue @@ -4,7 +4,7 @@ title="设置" :visible.sync="isShow" :close-on-click-modal="false" - width="680px" + width="720px" >
+

时间表规则

- 名称 - 按时间段 12:00:07 16:00:07 60 - 这是备注信息

设置通道

-
+
+ +
+ + + + + + +
+
+
+ + + + + + +
+ + -
+
-->