diff --git a/src/assets/img/nopic.jpg b/src/assets/img/nopic.jpg new file mode 100644 index 0000000..084e9fb Binary files /dev/null and b/src/assets/img/nopic.jpg differ diff --git a/src/components/common/Header.vue b/src/components/common/Header.vue index 138aa37..e7dfde0 100644 --- a/src/components/common/Header.vue +++ b/src/components/common/Header.vue @@ -63,14 +63,14 @@ export default { value: "#20a0ff", label: "蓝色", }, - { - value: "#EE320C", - label: "红色", - }, - { - value: "#00a096", - label: "绿色", - }, + // { + // value: "#EE320C", + // label: "红色", + // }, + // { + // value: "#00a096", + // label: "绿色", + // }, { value: "#f08200", label: "橙色", @@ -150,8 +150,8 @@ export default { }, }, created() { - this.colorValue = this.colorList[3].label; - this.changeTheme(this.colorList[3].value); + this.colorValue = this.colorList[0].label; + this.changeTheme(this.colorList[0].value); }, mounted() {}, }; diff --git a/src/components/common/Home.vue b/src/components/common/Home.vue index 2215288..3c9ea41 100644 --- a/src/components/common/Home.vue +++ b/src/components/common/Home.vue @@ -1,71 +1,71 @@ diff --git a/src/components/common/Sidebar.vue b/src/components/common/Sidebar.vue index b50017f..4bc351d 100644 --- a/src/components/common/Sidebar.vue +++ b/src/components/common/Sidebar.vue @@ -71,6 +71,11 @@ export default { title: "拍照时间表设置", }, // { + // icon: "el-icon-coin", + // index: "cameraChannel", + // title: "通道管理", + // }, + // { // icon: "el-icon-film", // index: "pictureRotation", // title: "图片轮巡", diff --git a/src/router/index.js b/src/router/index.js index 493c4a3..e461a7a 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -73,6 +73,18 @@ const routes = [ ), meta: { title: "拍照时间表设置", icon: "el-icon-setting" }, }, + { + path: "/cameraChannel", + component: () => + import( + /* webpackChunkName: "icon" */ "../views/cameraChannel/index.vue" + ), + meta: { + title: "通道设置", + + icon: "el-icon-coin", + }, + }, { path: "/photoAlarm", component: () => diff --git a/src/utils/request.js b/src/utils/request.js index ba8b8cd..3266ef7 100644 --- a/src/utils/request.js +++ b/src/utils/request.js @@ -1,36 +1,4 @@ import axios from "axios"; -import { Loading } from "element-ui"; //项目已经全局引入element的话可以不单独引入 -let loading; //定义loading变量 -function startLoading() { - //使用Element loading-start 方法 - loading = Loading.service({ - lock: true, - text: "加载中……", - background: "rgba(255, 255, 255, 0.7)", - }); -} -function endLoading() { - //使用Element loading-close 方法 - loading.close(); -} -// 那么 showFullScreenLoading() tryHideFullScreenLoading() 要干的事儿就是将同一时刻的请求合并。 -// 声明一个变量 needLoadingRequestCount,每次调用showFullScreenLoading方法 needLoadingRequestCount + 1。 -// 调用tryHideFullScreenLoading()方法,needLoadingRequestCount - 1。needLoadingRequestCount为 0 时,结束 loading。 -let needLoadingRequestCount = 0; -export function showFullScreenLoading() { - if (needLoadingRequestCount === 0) { - startLoading(); - } - needLoadingRequestCount++; -} - -export function tryHideFullScreenLoading() { - if (needLoadingRequestCount <= 0) return; - needLoadingRequestCount--; - if (needLoadingRequestCount === 0) { - endLoading(); - } -} const service = axios.create({ // process.env.NODE_ENV === 'development' 来判断是否开发环境 @@ -43,7 +11,6 @@ const service = axios.create({ service.interceptors.request.use( (config) => { - showFullScreenLoading(); return config; }, (error) => { @@ -55,7 +22,6 @@ service.interceptors.request.use( service.interceptors.response.use( (response) => { if (response.status === 200) { - tryHideFullScreenLoading(); return response.data; } else { Promise.reject(); diff --git a/src/views/cameraChannel/components/adddeviceDialog.vue b/src/views/cameraChannel/components/adddeviceDialog.vue new file mode 100644 index 0000000..765b46b --- /dev/null +++ b/src/views/cameraChannel/components/adddeviceDialog.vue @@ -0,0 +1,117 @@ + + diff --git a/src/views/cameraChannel/index.vue b/src/views/cameraChannel/index.vue new file mode 100644 index 0000000..ae7231e --- /dev/null +++ b/src/views/cameraChannel/index.vue @@ -0,0 +1,201 @@ + + + diff --git a/src/views/components/carouselChart.vue b/src/views/components/carouselChart.vue index 3af6987..e198e0d 100644 --- a/src/views/components/carouselChart.vue +++ b/src/views/components/carouselChart.vue @@ -71,7 +71,7 @@ export default { data() { return { swiperOptionTop: { - loop: true, + // loop: true, loopedSlides: 5, // looped slides should be the same spaceBetween: 10, navigation: { @@ -80,7 +80,7 @@ export default { }, }, swiperOptionThumbs: { - loop: true, + //loop: true, loopedSlides: 5, // looped slides should be the same spaceBetween: 10, centeredSlides: true, @@ -121,10 +121,12 @@ export default { .bigimg { width: 100%; height: 100%; + display: flex; + align-items: center; } img { width: 100%; - height: 100%; + //height: 100%; // object-fit: cover; } } @@ -142,7 +144,7 @@ export default { img { width: 100%; - height: 100%; + //height: 100%; //object-fit: cover; } diff --git a/src/views/devicePhotoSchedule/index.vue b/src/views/devicePhotoSchedule/index.vue index 73f6d6b..c70a436 100644 --- a/src/views/devicePhotoSchedule/index.vue +++ b/src/views/devicePhotoSchedule/index.vue @@ -184,10 +184,9 @@ export default { diff --git a/src/views/realTimeMonitor/picturemain.vue b/src/views/realTimeMonitor/picturemain.vue deleted file mode 100644 index 7121db9..0000000 --- a/src/views/realTimeMonitor/picturemain.vue +++ /dev/null @@ -1,191 +0,0 @@ - - - -