From 8c0c78f4b6844eedf238a95bff7754ee8e1f1dd7 Mon Sep 17 00:00:00 2001 From: fanluyan <754122931@qq.com> Date: Mon, 23 Sep 2024 13:15:01 +0800 Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=8A=A0=E8=BD=BD=E4=BC=98?= =?UTF-8?q?=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 6 +- package.json | 2 +- public/index.html | 1 + src/App.vue | 45 +- src/assets/img/nopicbg.png | Bin 0 -> 18063 bytes src/main.js | 5 + .../components/carouselChart copy.vue | 1005 +++++++++++++++++ .../components/carouselChart.vue | 66 +- .../components/carouselChartbak.vue | 999 ++++++++++++++++ .../components/morePicPreveiw.vue | 3 + src/views/realTimeMonitor/index copy.vue | 298 +++++ src/views/realTimeMonitor/index.vue | 19 +- src/views/system/deviceUpgrade/index.vue | 1 + 13 files changed, 2429 insertions(+), 21 deletions(-) create mode 100644 src/assets/img/nopicbg.png create mode 100644 src/views/realTimeMonitor/components/carouselChart copy.vue create mode 100644 src/views/realTimeMonitor/components/carouselChartbak.vue create mode 100644 src/views/realTimeMonitor/index copy.vue diff --git a/package-lock.json b/package-lock.json index 8ce5e06..e59a171 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8373,9 +8373,9 @@ "dev": true }, "vue-lazyload": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/vue-lazyload/-/vue-lazyload-1.3.3.tgz", - "integrity": "sha512-uHnq0FTEeNmqnbBC2aRKlmtd9LofMZ6Q3mWvgfLa+i9vhxU8fDK+nGs9c1iVT85axSua/AUnMttIq3xPaU9G3A==" + "version": "1.2.6", + "resolved": "https://registry.npmmirror.com/vue-lazyload/-/vue-lazyload-1.2.6.tgz", + "integrity": "sha512-6a61+pzwcfowhLRQiPdmRuJ40n/4fL/sEynu8KQZoCf5RVA0NH0X68vplLY0+lUM8mKNScYomaepV+hdjgnZhg==" }, "vue-loader": { "version": "17.2.2", diff --git a/package.json b/package.json index 9c796ed..5c7d86a 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,7 @@ "vue": "^2.6.14", "vue-awesome-swiper": "^5.0.1", "vue-clipboard2": "^0.3.3", - "vue-lazyload": "^1.3.3", + "vue-lazyload": "^1.2.6", "vue-router": "^3.5.1", "vue-touch": "^2.0.0-beta.4", "vuex": "^3.6.2" diff --git a/public/index.html b/public/index.html index ce019bf..00bd3ff 100644 --- a/public/index.html +++ b/public/index.html @@ -5,6 +5,7 @@ + 视频监控可视化平台 diff --git a/src/App.vue b/src/App.vue index 6090de8..300b784 100644 --- a/src/App.vue +++ b/src/App.vue @@ -9,6 +9,35 @@ import { mapActions } from "vuex"; export default { name: "App", + mounted() { + let goUrl = this.isMobile(); + if (goUrl === 1) { + this.$confirm( + "您正在使用手机访问本站,可能无法获得最佳浏览体验, 即将跳转到手机端...", + "提示", + { + confirmButtonText: "确定", + cancelButtonText: "取消", + type: "warning", + customClass: "phonemesBox", + } + ) + .then(() => { + // this.$message({ + // type: "success", + // message: "删除成功!", + // }); + //移动端地址 + location = "http://61.169.135.146:40080/phone/#/login"; + }) + .catch(() => { + // this.$message({ + // type: "info", + // message: "已取消删除", + // }); + }); + } + }, methods: { ...mapActions("cache", ["addCache", "removeCache"]), // 收集缓存(通过监听) @@ -46,6 +75,15 @@ export default { this.cmpNames[name] = file; } }, + isMobile() { + let flag = navigator.userAgent.match( + /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i + ); + // localStorage.setItem('isiphone',flag) + localStorage.setItem("ismobile", flag ? 1 : 0); + let goUrl = flag ? 1 : 0; + return goUrl; + }, }, watch: { "$route.path": { @@ -58,4 +96,9 @@ export default { }; - + diff --git a/src/assets/img/nopicbg.png b/src/assets/img/nopicbg.png new file mode 100644 index 0000000000000000000000000000000000000000..0ab36c78ddb872a859d3f021d48e030deaedcd46 GIT binary patch literal 18063 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 BoP+=X literal 0 HcmV?d00001 diff --git a/src/main.js b/src/main.js index a5ebb16..fec1c3d 100644 --- a/src/main.js +++ b/src/main.js @@ -28,6 +28,11 @@ Vue.use(ElementUI, { //引入插件 import VueLazyload from "vue-lazyload"; //注册插件 +// 全局配置vue-lazyload +// Vue.use(VueLazyload, { + +// listenEvents: ["scroll"], // 监听的事件类型 +// }); Vue.use(VueLazyload, { error: require("./assets/img/nodatapic2.jpg"), listenEvents: [ diff --git a/src/views/realTimeMonitor/components/carouselChart copy.vue b/src/views/realTimeMonitor/components/carouselChart copy.vue new file mode 100644 index 0000000..8f2b78d --- /dev/null +++ b/src/views/realTimeMonitor/components/carouselChart copy.vue @@ -0,0 +1,1005 @@ + + + + diff --git a/src/views/realTimeMonitor/components/carouselChart.vue b/src/views/realTimeMonitor/components/carouselChart.vue index d48fac5..7941e61 100644 --- a/src/views/realTimeMonitor/components/carouselChart.vue +++ b/src/views/realTimeMonitor/components/carouselChart.vue @@ -16,6 +16,7 @@ {{ protocolInfo }} +
-
+
+
- +

@@ -134,7 +132,7 @@

- +

+

+
+ {{ radioPx }} ({{ fileSize }}) + 国网I1 + 陕西 + 安徽 + 江苏 + 湖南 + 浙江 + 河南全景 + 河南郑州 + 河南统一视频v2020 + 宁夏 + 南网 + {{ protocolInfo }} + +
+ +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ +
+ 下载图片 +
+ +
+
+ + +
+
+
+
+
+ + + + +

+ + {{ $moment(item.photoTime).format("HH:mm:ss") }} + + + ( + + {{ $moment(item.recvTime).format("HH:mm:ss") }} + + ) + --{{ + item.alias !== null && item.alias !== "" + ? item.alias + : item.channelName + }} + (已告警) +

+
+
+ + +

+ + + {{ $moment(item.photoTime).format("HH:mm:ss") }} + + + ( + + {{ $moment(item.recvTime).format("HH:mm:ss") }} + + ) + --{{ + item.alias !== null && item.alias !== "" + ? item.alias + : item.channelName + }} +

+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+ + + +
+ + + + diff --git a/src/views/realTimeMonitor/components/morePicPreveiw.vue b/src/views/realTimeMonitor/components/morePicPreveiw.vue index c3c3592..b3269b7 100644 --- a/src/views/realTimeMonitor/components/morePicPreveiw.vue +++ b/src/views/realTimeMonitor/components/morePicPreveiw.vue @@ -20,6 +20,7 @@
0) { diff --git a/src/views/realTimeMonitor/index copy.vue b/src/views/realTimeMonitor/index copy.vue new file mode 100644 index 0000000..e8efe9d --- /dev/null +++ b/src/views/realTimeMonitor/index copy.vue @@ -0,0 +1,298 @@ + + + diff --git a/src/views/realTimeMonitor/index.vue b/src/views/realTimeMonitor/index.vue index e8efe9d..005061d 100644 --- a/src/views/realTimeMonitor/index.vue +++ b/src/views/realTimeMonitor/index.vue @@ -21,7 +21,7 @@
-
+
@@ -30,10 +30,10 @@
@@ -66,15 +66,16 @@ export default { page: 1, // 当前页数 towertitle: "", //杆塔名称 lineLoading: false, //杆塔loading - swiperLoading: false, + swiperLoading: true, terminalPhoto: [], //获取装置当前图片数据 photoNum: 5, dateValue: "", //当前时间 - protocolInfo: "", + protocolInfo: 0, nopicPath: require("@/assets/img/nopic.jpg"), typeRadio: -1, //类型选择 allTreeFlag: true, roleName: "", + carouselKey: 0, // 初始key }; }, watch: { @@ -149,7 +150,7 @@ export default { console.log("杆塔"); this.LineFlag = false; this.towerFlag = true; - this.terminalPhoto = []; + //this.terminalPhoto = []; this.protocolInfo = this.treeSelectData.protocol; console.log("asddddddddddddddddddddd", this.treeSelectData); this.towertitle = this.treeSelectData.name; @@ -163,7 +164,7 @@ export default { console.log(channelId, date, termId); this.swiperLoading = true; console.log("zhanshi asdadadadadadsddadadadadad", this.terminalPhoto); - this.terminalPhoto = []; + //this.terminalPhoto = []; getTerminalPhotoListJoggle({ channelid: channelId, time: date, @@ -176,12 +177,13 @@ export default { { path: this.nopicPath, termId: termId, - mediatype: 0, + mediaType: 0, }, ]; } else { this.terminalPhoto = res.data.list; } + this.carouselKey++; // 更新key以强制重新渲染 // let newDataList = []; // let current = 0; // if (this.terminalPhoto && this.terminalPhoto.length > 0) { @@ -284,6 +286,9 @@ export default { } } } + .el-loading-mask { + background-color: rgba(0, 0, 0, 0.3); + } } .parameterArea { width: 220px; diff --git a/src/views/system/deviceUpgrade/index.vue b/src/views/system/deviceUpgrade/index.vue index 9dae55d..4e6d16d 100644 --- a/src/views/system/deviceUpgrade/index.vue +++ b/src/views/system/deviceUpgrade/index.vue @@ -343,6 +343,7 @@ export default { message: res.msg, type: "error", }); + this.progressLoading = false; this.reportData.title = ""; this.$refs.upload.clearFiles(); }