From 847d39af8b11a4c1f22e52ab3eb6bdcb82c8dc1a Mon Sep 17 00:00:00 2001
From: zengh <123456>
Date: Fri, 26 Mar 2021 09:51:06 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/views/realTimePolice/realHistory.vue | 70 ++++++++++++++++++++++++++++++++++-
1 files changed, 68 insertions(+), 2 deletions(-)
diff --git a/src/views/realTimePolice/realHistory.vue b/src/views/realTimePolice/realHistory.vue
index 4b2e649..5aa40d6 100644
--- a/src/views/realTimePolice/realHistory.vue
+++ b/src/views/realTimePolice/realHistory.vue
@@ -41,7 +41,14 @@
:size="size"
:type="type"
@click.stop="handleStart(row)"
- >视频回放
+ >实时视频
+ </el-button>
+ <el-button
+ icon="el-icon-video-camera-solid"
+ :size="size"
+ :type="type"
+ @click.stop="oldStartVideo(row)"
+ >查看历史
</el-button>
</template>
</avue-crud>
@@ -58,6 +65,27 @@
height="600px"
></iframe>
</el-drawer>
+
+ <el-dialog
+ class="old-video-dialog-box"
+ width="100%"
+ title="历史回放"
+ :visible.sync="oldVideoSatart"
+ :close-on-press-escape="false"
+ :close-on-click-modal="false"
+ @close="vaddress = ''"
+ append-to-body
+ >
+ <video
+ :src="vaddress"
+ muted="muted"
+ autoplay="autoplay"
+ loop
+ id="old_video"
+ style="width: 100%; height: 100%; object-fit: fill"
+ controls
+ ></video>
+ </el-dialog>
</basic-container>
</template>
@@ -85,7 +113,7 @@
height: "auto",
indexLabel: "序号",
calcHeight: 30,
- menuWidth: 160,
+ menuWidth: 240,
size: "mini",
labelWidth: "100",
dialogWidth: 950,
@@ -272,6 +300,8 @@
],
},
data: [],
+ oldVideoSatart: false,
+ vaddress: null,
};
},
computed: {
@@ -561,9 +591,45 @@
handleAdd11() {
this.qwe = true;
},
+ oldStartVideo(row) {
+ this.vaddress = row.vaddress;
+ this.oldVideoSatart = true;
+ },
},
};
</script>
<style>
+
+.old-video-dialog-box {
+ position: absolute !important;
+ top: 0px !important;
+ left: 0px !important;
+ right: 0px !important;
+ bottom: 0px !important;
+ margin: auto !important;
+ width: 720px !important;
+ z-index: 2200 !important;
+}
+
+.old-video-dialog-box .el-dialog {
+ position: absolute !important;
+ top: 0 !important;
+ left: 0 !important;
+ right: 0 !important;
+ bottom: 0 !important;
+ margin: auto !important;
+ height: 558px;
+ border-radius: 10px 10px 10px 10px;
+}
+
+.old-video-dialog-box .el-dialog .el-dialog__header {
+ padding-top: 10px;
+}
+
+.old-video-dialog-box .el-dialog .el-dialog__body {
+ padding: 10px !important;
+ height: calc(100% - 44px);
+ box-sizing: border-box;
+}
</style>
--
Gitblit v1.9.3