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 @@
-
-
-
-
-
-
-
-
-
-
-
-
![]()
-
-
-
-
-
-
-
-
-
-
-
![]()
-

-
-
-
![]()
-
-
-
-
- {{ $moment(item.photoTime).format("HH:mm:ss") }}
-
-
- (
-
- {{ $moment(item.recvTime).format("HH:mm:ss") }}
-
- )
- --通道{{ item.channelId }}
-
-
-
-
-
-
-
-
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 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
![]()
-

-
-
-
![]()
-
-
-
-
- {{ $moment(item.photoTime).format("HH:mm:ss") }}
-
-
- (
-
- {{ $moment(item.recvTime).format("HH:mm:ss") }}
-
- )
- --通道{{ item.channelId }}
-
-
-
-
-
-
-
-
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 @@
>
-
+
图片标记
- 获取GPS位置开启GPS
关闭GPS
-
+ -->
{
- resetTerminalApi({ cmId: data.cmdId })
- .then((res) => {
- if (res.code == 200) {
- this.$message({
- duration: 1500,
- showClose: true,
- message: "装置已复位",
- type: "success",
- });
- } else {
- this.$message({
- duration: 1500,
- showClose: true,
- message: res.msg,
- type: "error",
- });
- }
- })
- .catch((err) => {});
- })
- .catch(() => {
- // this.$message({
- // duration: 1500,
- // showClose: true,
- // type: "info",
- // message: "已取消删除",
- // });
- });
- },
- //获取GPS位置
- handleShowGPS(data) {
- this.$refs.gpsdialog_ref.display();
- this.$refs.gpsdialog_ref.getgpsData(data);
- console.log(data);
- },
- //切换gps开启关闭
- changeGPS(val, row) {
- console.log(val, row);
- setTermGPSJoggle({ gpsstatus: val, cmdId: row.cmdId })
- .then((res) => {
- console.log(res);
- if (val == 0) {
- this.$message({
- duration: 1500,
- message: "关闭GPS",
- type: "success",
- showClose: true,
- });
- } else {
- this.$message({
- duration: 1500,
- message: "成功开启GPS",
- type: "success",
- showClose: true,
- });
- }
- })
- .catch((err) => {
- console.log(err); //代码错误、请求失败捕获
- });
- },
- handleCommand(command, row) {
- console.log(command, row);
- switch (command) {
- case "open": //开启
- this.changeGPS(1, row);
- break;
- case "close": //关闭
- this.changeGPS(0, row);
- break;
- }
- },
- //
- // gpsChange(val) {
- // console.log(val);
- // },
- //图像采集参数
- handleImageCapture(data) {
- this.$refs.imageCaptureref.display();
- this.$refs.imageCaptureref.getSingleAccess(data);
- this.$refs.imageCaptureref.getRatio();
- },
- //视频采集参数
- handleVideoCapture(data) {
- this.$refs.videoCaptureref.display();
- this.$refs.videoCaptureref.getSingleAccess(data);
- this.$refs.videoCaptureref.getRatio();
- },
//线缆绘制
handlepicture(data) {
console.log(data);
diff --git a/src/views/pictureRotation/index.vue b/src/views/pictureRotation/index.vue
index e96d75c..5121fb1 100644
--- a/src/views/pictureRotation/index.vue
+++ b/src/views/pictureRotation/index.vue
@@ -45,7 +45,7 @@
: ''
"
>
-
+
-
![]()
+