diff --git a/src/assets/images/videoSurveillance/page-icon.png b/src/assets/images/videoSurveillance/page-icon.png new file mode 100644 index 00000000..b6ce7ec0 Binary files /dev/null and b/src/assets/images/videoSurveillance/page-icon.png differ diff --git a/src/assets/images/videoSurveillance/page-icon_active.png b/src/assets/images/videoSurveillance/page-icon_active.png new file mode 100644 index 00000000..51ee3563 Binary files /dev/null and b/src/assets/images/videoSurveillance/page-icon_active.png differ diff --git a/src/assets/images/videoSurveillance/page-icon_down.png b/src/assets/images/videoSurveillance/page-icon_down.png new file mode 100644 index 00000000..f3b830d3 Binary files /dev/null and b/src/assets/images/videoSurveillance/page-icon_down.png differ diff --git a/src/assets/images/videoSurveillance/page-icon_up.png b/src/assets/images/videoSurveillance/page-icon_up.png new file mode 100644 index 00000000..e51ff327 Binary files /dev/null and b/src/assets/images/videoSurveillance/page-icon_up.png differ diff --git a/src/assets/js/http.js b/src/assets/js/http.js index aa0c64a7..56ce7a75 100644 --- a/src/assets/js/http.js +++ b/src/assets/js/http.js @@ -181,34 +181,34 @@ if (process.env.NODE_ENV == "development") { // axios.defaults.baseURL = 'http://192.168.34.221:28889/' //郭圣雄本地 // axios.defaults.baseURL = 'http://192.168.34.221:28890/' //郭圣雄本地 // axios.defaults.baseURL = "http://192.168.34.221:9111/"; //郭圣雄本地 - axios.defaults.baseURL = "http://192.168.34.221:19112/"; //郭圣雄本地 - // axios.defaults.baseURL = 'http://192.168.34.155:19111/' //彭洁本地 - // axios.defaults.baseURL = 'http://182.90.224.237:51234/' //郭圣雄远程 - // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:61212/' //彭洁远程 - // axios.defaults.baseURL ='http://101.43.164.214:45020/' //沈阳和盈 - // axios.defaults.baseURL ='http://183.249.224.118:9000/' //嘉兴王江泾公用码头 - // axios.defaults.baseURL = 'http://101.43.164.214:11111/' // 百色三标段项目 - // axios.defaults.baseURL = 'http://125.88.207.86:8088/'//中建四局线上(最新)地址 - // axios.defaults.baseURL = 'http://125.88.207.86:8099/'//中建四局(沙湖)线上(最新)地址 - // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:15551/'//测试地址 - // axios.defaults.baseURL = 'http://47.93.215.234:9809/'//鞍钢正式地址(弃用) - // axios.defaults.baseURL = 'http://42.180.188.17:9809/' //鞍钢正式地址 - // axios.defaults.baseURL = 'http://47.93.215.234:11211/'//鞍钢测试地址(弃用) - // axios.defaults.baseURL = 'http://42.180.188.17:11211/' //鞍钢测试地址 - // axios.defaults.baseURL = 'http://8.136.222.164:8808/' //中科安信正式地址 - // axios.defaults.baseURL = 'http://1.13.185.209:9820/' //中科佳成正式地址 - // axios.defaults.baseURL = 'http://192.168.9.249:9820/' //四川网城正式地址 - // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:34568/' //四川网城外网映射地址 - // axios.defaults.baseURL = 'http://192.168.110.220:9809/' //同济正式地址 - // axios.defaults.baseURL = 'http://192.168.100.4:9809/' //乌丹(合肥启程)新正式地址 - // axios.defaults.baseURL = "http://jxj.zhgdyun.com:18000"; //包头化工 - // axios.defaults.baseURL = "http://222.80.185.228:6090"; //木垒 - // axios.defaults.baseURL = "https://zm.zhgdyun.com:11111"; - // axios.defaults.baseURL = "http://121.37.106.37:9809"; - // axios.defaults.baseURL = "http://139.9.66.234:20628"; - // axios.defaults.baseURL = "http://jxj.zhgdyun.com:9500"; - // axios.defaults.baseURL = "http://jxj.zhgdyun.com:21000"; // 潮州 - // axios.defaults.baseURL = "http://gszhdz.crpower.com.cn:9809/"; // 敦煌 + axios.defaults.baseURL = "http://192.168.34.221:19112/"; //郭圣雄本地 + // axios.defaults.baseURL = 'http://192.168.34.155:19111/' //彭洁本地 + // axios.defaults.baseURL = 'http://182.90.224.237:51234/' //郭圣雄远程 + // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:61212/' //彭洁远程 + // axios.defaults.baseURL ='http://101.43.164.214:45020/' //沈阳和盈 + // axios.defaults.baseURL ='http://183.249.224.118:9000/' //嘉兴王江泾公用码头 + // axios.defaults.baseURL = 'http://101.43.164.214:11111/' // 百色三标段项目 + // axios.defaults.baseURL = 'http://125.88.207.86:8088/'//中建四局线上(最新)地址 + // axios.defaults.baseURL = 'http://125.88.207.86:8099/'//中建四局(沙湖)线上(最新)地址 + // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:15551/'//测试地址 + // axios.defaults.baseURL = 'http://47.93.215.234:9809/'//鞍钢正式地址(弃用) + // axios.defaults.baseURL = 'http://42.180.188.17:9809/' //鞍钢正式地址 + // axios.defaults.baseURL = 'http://47.93.215.234:11211/'//鞍钢测试地址(弃用) + // axios.defaults.baseURL = 'http://42.180.188.17:11211/' //鞍钢测试地址 + // axios.defaults.baseURL = 'http://8.136.222.164:8808/' //中科安信正式地址 + // axios.defaults.baseURL = 'http://1.13.185.209:9820/' //中科佳成正式地址 + // axios.defaults.baseURL = 'http://192.168.9.249:9820/' //四川网城正式地址 + // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:34568/' //四川网城外网映射地址 + // axios.defaults.baseURL = 'http://192.168.110.220:9809/' //同济正式地址 + // axios.defaults.baseURL = 'http://192.168.100.4:9809/' //乌丹(合肥启程)新正式地址 + // axios.defaults.baseURL = "http://jxj.zhgdyun.com:18000"; //包头化工 + // axios.defaults.baseURL = "http://222.80.185.228:6090"; //木垒 + // axios.defaults.baseURL = "https://zm.zhgdyun.com:11111"; + // axios.defaults.baseURL = "http://121.37.106.37:9809"; + // axios.defaults.baseURL = "http://139.9.66.234:20628"; + // axios.defaults.baseURL = "http://jxj.zhgdyun.com:9500"; + // axios.defaults.baseURL = "http://jxj.zhgdyun.com:21000"; // 潮州 + axios.defaults.baseURL = "http://gszhdz.crpower.com.cn:9809/"; // 敦煌 // axios.defaults.baseURL = "https://gszhdz.crpower.com.cn:9807/"; // 敦煌 } else if (process.env.NODE_ENV == "debug") { axios.defaults.baseURL = "https://www.ceshi.com"; diff --git a/src/components/videoModule/isc_plugin/isc_plugin.vue b/src/components/videoModule/isc_plugin/isc_plugin.vue index 92137eca..2b5a207d 100644 --- a/src/components/videoModule/isc_plugin/isc_plugin.vue +++ b/src/components/videoModule/isc_plugin/isc_plugin.vue @@ -1,15 +1,25 @@ \ No newline at end of file diff --git a/src/components/videoModule/isc_plugin/isc_plugin_h5.vue b/src/components/videoModule/isc_plugin/isc_plugin_h5.vue index c8021872..db4ba1b6 100644 --- a/src/components/videoModule/isc_plugin/isc_plugin_h5.vue +++ b/src/components/videoModule/isc_plugin/isc_plugin_h5.vue @@ -1,5 +1,5 @@ @@ -111,7 +119,7 @@ import reloadImg from "@/assets/images/iscImage/reload.png"; import moment from "moment"; export default { name: "hik", - props: ["devList", "type", "isIframe", "shrinkCloseFlag"], + props: ["devList", "type", "isIframe", "shrinkCloseFlag", "devListAll"], data() { return { // 监控点编码 @@ -135,6 +143,8 @@ export default { isFullScreen: false, isFullScreenAll: false, randomNumber: "", + pageNo: 1, + pageBtn: false, }; }, watch: { @@ -207,6 +217,11 @@ export default { this.onTwoSubmit(this.numCount); }, }, + created() { + if(this.$route.path.indexOf("/companyAdmin/videoSurveillance") != -1) { + this.pageBtn = true; + } + }, mounted() { this.devH5List = this.devList.map((item, index) => ({ ...item, @@ -217,19 +232,44 @@ export default { this.initPlayer(); }, methods: { + onPageClick(type) { + if(type == "up") { + if(this.pageNo <= 1) return; + this.pageNo -= 1; + } else if(type == "next") { + console.log("pageNo", this.pageSizeFlag); + if(this.pageNo >= this.pageSizeFlag) return; + this.pageNo += 1; + } + const dataList = this.pageList; + this.devH5List = dataList.map((item, index) => ({ + ...item, + eIndex: index, + })); + this.devH5List.forEach((item) => { + this.play(item,item.eIndex); + }) + console.log("dataList", dataList, this.pageNo); + }, // 关闭所有视频 stopAllPlay() { + // 调用播放器API停止所有实时播放 this.player.JS_StopRealPlayAll().then( () => { + // 重置播放速率为0 this.playback.rate = 0; console.log("stopAllPlay success"); + // 遍历所有设备,清理对应的DOM元素 this.devH5List.forEach((item, index) => { + // 查找视频播放容器 const wnd = document.querySelector(`#player #player-container-${index}`); if (wnd) { + // 移除控制栏的显示样式 const controls = document.getElementById(`controls-${index + 1}`); if (controls) { controls.classList.remove("video-controls_flex"); } + // 查找并移除播放器中的图片元素(封面或占位图) const findIndex = Array.from(wnd.childNodes).findIndex( (item) => item.localName == "img" || item.className == "classImg" ); @@ -238,6 +278,7 @@ export default { } } }); + // 清空设备列表 this.devH5List = []; }, (e) => { @@ -775,6 +816,15 @@ export default { return find ? find.videoName : ""; }; }, + pageList() { + const pageSize = this.numCount * this.numCount; + return this.devListAll.slice((this.pageNo - 1) * pageSize, this.pageNo * pageSize) + }, + pageSizeFlag() { + console.log("aassss", this.devListAll.length, (this.numCount * this.numCount)) + + return this.devListAll.length / (this.numCount * this.numCount) + } }, }; @@ -784,6 +834,54 @@ export default { }