src/views/smoke/alarm/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/systemSetting/device/point/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/video/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/views/smoke/alarm/index.vue
@@ -58,7 +58,7 @@ </template> <script> import MyHeader from "./components/header"; import MyHeader from "./header"; import realTimeApi from "@/api/smoke/alarm"; export default { data() { src/views/systemSetting/device/point/index.vue
@@ -5,7 +5,14 @@ </el-aside> <el-container class="point-container"> <el-header style="display: flex; flex-direction: column; height: 120px;padding: 0 40px"> <el-header style=" display: flex; flex-direction: column; height: 120px; padding: 0 40px; " > <div style="display: flex; justify-content: space-between; height: 80px" > @@ -104,11 +111,13 @@ .catch((err) => this.$message.error(err)); }, loadVideo(item) { if (item.code) { if (item.code || item.platResourceId) { if (Hls.isSupported()) { var video = document.getElementById(item.id); var hls = new Hls(); videoPoint.getVideoPointUrl(item.code).then((res) => { videoPoint .getVideoPointUrl(item.code || item.platResourceId) .then((res) => { if (res.code === 0) { hls.loadSource(res.data); hls.attachMedia(video); src/views/video/index.vue
@@ -18,7 +18,12 @@ " >整体趋势</span > <el-date-picker class="video-time-select" v-model="value" type="date" placeholder="选择日期"> <el-date-picker class="video-time-select" v-model="value" type="date" placeholder="选择日期" > </el-date-picker> </div> <!-- <div style="height: 60px; display: flex; justify-content: flex-start"> @@ -127,24 +132,16 @@ mounted() {}, methods: { loadVideo(item) { if (item.code) { if (item.code || item.platResourceId) { if (Hls.isSupported()) { var video = document.getElementById(item.id); var hls = new Hls(); videoPoint.getVideoPointUrl(item.code).then((res) => { videoPoint .getVideoPointUrl(item.code || item.platResourceId) .then((res) => { if (res.code === 0) { hls.loadSource(res.data); hls.attachMedia(video); // hls.on(Hls.Events.MANIFEST_PARSED, function () { // video.play(); // document.body.addEventListener( // "click", // function () { // video.play(); // }, // false // ); // }); setTimeout(() => { video.play(); }, 2000); @@ -220,7 +217,7 @@ }); }, create(item) { if (item.platResourceId) { if (item.platResourceId && item.code) { const DHWsInstance = DHWs.getInstance(); this.ws = DHWsInstance; console.log(this.ws); @@ -302,7 +299,6 @@ &::v-deep .el-input__prefix{ height: auto; } } .video-body-right{ padding: 10px;