diff --git a/src/views/alarmHandling/index.vue b/src/views/alarmHandling/index.vue index d475860..f09bf70 100644 --- a/src/views/alarmHandling/index.vue +++ b/src/views/alarmHandling/index.vue @@ -194,21 +194,21 @@ > @@ -617,8 +617,8 @@ export default { cursor: pointer; .picboxI { position: relative; - max-width: 1280px; - max-height: 720px; + max-width: 1366px; + max-height: 768px; margin: auto; animation-name: scaleDraw; /*关键帧名称*/ @@ -629,8 +629,8 @@ export default { animation-duration: 0.65s; img { - max-width: 1280px; - max-height: 720px; + max-width: 1366px; + max-height: 768px; margin: auto; } .myCanvas { diff --git a/src/views/components/carouselChart.vue b/src/views/components/carouselChart.vue index 8adf22d..baf52f6 100644 --- a/src/views/components/carouselChart.vue +++ b/src/views/components/carouselChart.vue @@ -9,6 +9,7 @@ bigPicPath.indexOf('videos') == -1 " :style="bigPicPath ? 'backgroundImage:url(' + bigPicPath + ')' : ''" + @click="handleBigPicbox(bigPicPath)" >
- + - +
- +
+ +
+
@@ -218,7 +221,7 @@ export default { }, mounted() { console.log(this.terminalPhoto); - this.bigPicPath = this.terminalPhoto[0].path + "!1280x720"; + this.bigPicPath = this.terminalPhoto[0].path + "!1366x768"; this.fiveList = this.terminalPhoto.slice(this.page - 1, this.pagesize); this.total = this.terminalPhoto.length / this.pagesize; console.log(this.fiveList); @@ -243,7 +246,7 @@ export default { }, watch: { terminalPhoto: function (newVal, oldVal) { - this.bigPicPath = this.terminalPhoto[0].path + "!1280x720"; + this.bigPicPath = this.terminalPhoto[0].path + "!1366x768"; this.fiveList = this.terminalPhoto.slice(this.page - 1, this.pagesize); this.total = this.terminalPhoto.length / this.pagesize; }, @@ -315,13 +318,13 @@ export default { (this.page - 1) * this.pagesize, this.page * this.pagesize ); - this.bigPicPath = this.fiveList[this.activeSmall].path + "!1280x720"; + this.bigPicPath = this.fiveList[this.activeSmall].path + "!1366x768"; this.videopath = this.fiveList[this.activeSmall].thumb; }, //大图点击左侧切换图片 leftClick() { this.bigNum--; //执行下一张 - this.bigPicPath = this.terminalPhoto[this.bigNum].path + "!1280x720"; + this.bigPicPath = this.terminalPhoto[this.bigNum].path + "!1366x768"; this.activeSmall--; console.log("activeSmall", this.activeSmall, "bigNum", this.bigNum); console.log(this.page); @@ -347,7 +350,7 @@ export default { //点击右侧切换图片 rightClick() { this.bigNum++; //执行下一张 - this.bigPicPath = this.terminalPhoto[this.bigNum].path + "!1280x720"; + this.bigPicPath = this.terminalPhoto[this.bigNum].path + "!1366x768"; this.activeSmall++; console.log("activeSmall", this.activeSmall, "bigNum", this.bigNum); if (this.activeSmall > 4) { @@ -374,7 +377,7 @@ export default { console.log(row); console.log(); this.activeSmall = index; - this.bigPicPath = row.path + "!1280x720"; + this.bigPicPath = row.path + "!1366x768"; getCoordinate({ channelId: row.channelId, needPic: "1", @@ -455,7 +458,7 @@ export default { box-sizing: border-box; .showPic { position: fixed; - background-color: rgba(0, 0, 0, 50%); + background-color: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; overflow: hidden; @@ -466,8 +469,8 @@ export default { cursor: pointer; .picboxI { position: relative; - max-width: 1280px; - max-height: 720px; + max-width: 1366px; + max-height: 768px; margin: auto; animation-name: scaleDraw; /*关键帧名称*/ @@ -478,17 +481,29 @@ export default { animation-duration: 0.65s; img { - max-width: 1280px; - max-height: 720px; + max-width: 1366px; + max-height: 768px; margin: auto; } - .el-icon-circle-close { + } + .viewClose { + -webkit-app-region: no-drag; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 50%; + cursor: pointer; + height: 80px; + overflow: hidden; + position: absolute; + right: -40px; + top: -40px; + transition: background-color 0.15s; + width: 80px; + .el-icon-close { + bottom: 16px; + left: 16px; position: absolute; - right: -24px; - font-size: 48px; color: #fff; - cursor: pointer; - top: -24px; + font-size: 18px; } } } diff --git a/src/views/components/carouselChart2.vue b/src/views/components/carouselChart2.vue deleted file mode 100644 index 3e6cd73..0000000 --- a/src/views/components/carouselChart2.vue +++ /dev/null @@ -1,282 +0,0 @@ - - - - diff --git a/src/views/components/carouselChartnew.vue b/src/views/components/carouselChartnew.vue deleted file mode 100644 index 49a58cd..0000000 --- a/src/views/components/carouselChartnew.vue +++ /dev/null @@ -1,280 +0,0 @@ - - - - diff --git a/src/views/management/monitoringEquipment/photographicDevice/index.vue b/src/views/management/monitoringEquipment/photographicDevice/index.vue index 4707387..75d78a0 100644 --- a/src/views/management/monitoringEquipment/photographicDevice/index.vue +++ b/src/views/management/monitoringEquipment/photographicDevice/index.vue @@ -51,7 +51,7 @@ 查询 - + 重置 @@ -335,7 +335,7 @@ > - +