修改视频显示
夜笙歌
2 years ago
parent
64b570c6a1
commit
a9a816d177
@ -0,0 +1,53 @@
|
||||
$(()=>{
|
||||
$.get(ctx + 'broad/home/queryCustomer', {}, (e) => {
|
||||
let treeData = e.data.map(e => {
|
||||
return {
|
||||
value: e.customerName,
|
||||
id: e.objid
|
||||
}
|
||||
})
|
||||
treeData.forEach(e=>{
|
||||
let html = `
|
||||
<div class="item" onclick="leftClick(this,${e.id},'${e.value}')">
|
||||
<div class="span">${e.value}</div>
|
||||
</div>
|
||||
`
|
||||
$("#left").append(html)
|
||||
})
|
||||
})
|
||||
})
|
||||
const leftClick = (e,id,name)=>{
|
||||
$(e).attr('class', 'itemClick');
|
||||
$(e).siblings().attr('class', 'item');
|
||||
$.post(ctx + 'manage/base_file/fileList', {name: name}, (e) => {
|
||||
console.log(e)
|
||||
let tableData = e.data.map((e, i) => {
|
||||
return {
|
||||
...e,
|
||||
no: i,
|
||||
name: e.fileName,
|
||||
date: e.createTime,
|
||||
people: e.customName,
|
||||
objid:e.objid
|
||||
}
|
||||
})
|
||||
let html = ``
|
||||
tableData.forEach(e=>{
|
||||
html += `
|
||||
<div class="item" onclick="leftClick1(this,'${e.filePath}')">
|
||||
<div class="video">
|
||||
<video src="${e.filePath}"
|
||||
style="width:100%!important; height:100%!important;"></video>
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
$("#left1").html(html)
|
||||
})
|
||||
}
|
||||
const leftClick1 = (e,path)=> {
|
||||
$(e).attr('class', 'itemClick');
|
||||
$(e).siblings().attr('class', 'item');
|
||||
$("#rightVideo").html(`<video controls preload="auto" src="${path}"
|
||||
style="width:100%!important; height:100%!important;"></video>`)
|
||||
}
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<th:block th:include="include :: header('设备智能驾驶舱')"/>
|
||||
</head>
|
||||
<body class="white-bg">
|
||||
<link href="../../board/monitoring.css" rel="stylesheet">
|
||||
<style>
|
||||
body{
|
||||
margin-top: 125%;
|
||||
margin-left: 30%;
|
||||
/*transform: translate(-50%,-50%);*/
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
|
||||
var edit = () => {
|
||||
clickStopRealPlay()
|
||||
}
|
||||
var login = () => {
|
||||
clickLogin()
|
||||
}
|
||||
</script>
|
||||
<div>
|
||||
<div class="plugin" id="divPlugin" style="width: 100vw;height: 100vh"></div>
|
||||
</div>
|
||||
<th:block th:include="include :: footer"/>
|
||||
<script id="videonode" src="../../js/webVideoCtrl.js"></script>
|
||||
<script src="../../board/monitoring.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue