|
|
|
@ -162,14 +162,11 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
console.log(queryValue); |
|
|
|
if (treeData && queryValue.includes('全部')) { |
|
|
|
console.log(54254); |
|
|
|
setLefTtree(treeData) |
|
|
|
let values = treeData.map(v => v.value) |
|
|
|
videoData(treeData, values) |
|
|
|
} else { |
|
|
|
console.log(3); |
|
|
|
let leftData = [] |
|
|
|
queryValue.map(item => { |
|
|
|
leftData.push(treeData?.find(({ value }) => item == value)) |
|
|
|
@ -207,9 +204,7 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
console.log(leftTree, leftValue); |
|
|
|
videoPlay(leftTree, leftValue) |
|
|
|
console.log(playVideo); |
|
|
|
setPlayData(playVideo); |
|
|
|
|
|
|
|
for (let v of treeData) { //判断是否全选 |
|
|
|
@ -224,7 +219,6 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s |
|
|
|
}, [leftValue]) //树状勾选结果 |
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
console.log(searchs); |
|
|
|
let videoData = [] |
|
|
|
let wholeVideo = treeData?.map(v => { |
|
|
|
if (v.children) { |
|
|
|
@ -296,7 +290,6 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s |
|
|
|
|
|
|
|
//确定查询条件下视频总数 |
|
|
|
const videoData = (d, v) => { |
|
|
|
console.log(d, v); |
|
|
|
let playVideo = [] |
|
|
|
let videos = d.filter(item => v.some(vv => vv == item.value)) |
|
|
|
const playVideoData = (data) => { |
|
|
|
@ -316,8 +309,6 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s |
|
|
|
//宫格设置点击 |
|
|
|
const flipScreens = (data) => { |
|
|
|
const remind = localStorage.getItem(GONGGESCREEN) || 'false' |
|
|
|
console.log(remind); |
|
|
|
console.log(true); |
|
|
|
switch (data) { |
|
|
|
case "单屏": |
|
|
|
setPageSize(1) |
|
|
|
@ -590,7 +581,7 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s |
|
|
|
</div> |
|
|
|
{/* 视频设置 */} |
|
|
|
<div style={{ |
|
|
|
marginTop:5, width: 64, height: 476, background: mould('#01185F', ' linear-gradient(197deg, rgba(255,255,255,0.65) 0%, #E4E4E4 100%)', 'linear-gradient(197deg, rgba(38,38,38,0.65) 0%, #101010 100%)'), boxShadow: `inset 0px 0px 5px 1px ${mould('rgba(28,96,254,0.4000)', 'rgba(97,94,94,0.5)', 'rgba(132,132,132,0.5)')}`, borderRadius: ' 1px', textAlign: 'center', |
|
|
|
marginTop:5, width: 64, height: 476, background: mould('#01185F', ' linear-gradient(197deg, rgba(255,255,255,0.65) 0%, #E4E4E4 100%)', 'linear-gradient(216deg, #979797 0%, #BEBEBE 53%, #969696 100%)'), boxShadow: `inset 0px 0px 5px 1px ${mould('rgba(28,96,254,0.4000)', 'rgba(97,94,94,0.5)', 'rgba(132,132,132,0.5)')}`, borderRadius: ' 1px', textAlign: 'center', |
|
|
|
}}> |
|
|
|
{[{ img: mould('blueGongge', 'whiteGongge', 'blackGongge'), value: '宫格设置', screen: [{ img: mould('blueScreen1', 'whiteScreen1', 'blackScreen1'), value: '单屏' }, { img: mould('blueScreen4', 'whiteScreen4', 'blackScreen4'), value: '4分屏' }, { img: mould('blueScreen6', 'whiteScreen6', 'blackScreen6'), value: '6分屏' }, { img: mould('blueScreen12', 'whiteScreen12', 'blackScreen12'), value: '12分屏' },] }, |
|
|
|
{ img: mould('bluePolling', 'whitePolling', 'blackPolling'), value: '轮询设置', }, |
|
|
|
@ -603,7 +594,7 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s |
|
|
|
content={() => { |
|
|
|
switch (v.value) { |
|
|
|
case '宫格设置': |
|
|
|
return <div style={{ height: 69, background: mould('#01185F', 'linear-gradient(245deg, #FFFFFF 0%, #EAEBEC 100%)', 'linear-gradient(197deg, rgba(38,38,38,0.65) 0%, #101010 100%)'), boxShadow: `inset 0px 0px 5px 1px ${mould('rgba(28,96,254,0.2500)', 'rgba(97,94,94,0.39)', 'rgba(132,132,132,0.5)')}`, display: 'flex', justifyContent: 'space-evenly', alignItems: 'center' }}> |
|
|
|
return <div style={{ height: 69, background: mould('#01185F', 'linear-gradient(245deg, #FFFFFF 0%, #EAEBEC 100%)', 'linear-gradient(311deg, #9D9D9D 0%, #8C8C8C 50%, #7E7E7E 100%)'), boxShadow: `inset 0px 0px 5px 1px ${mould('rgba(28,96,254,0.2500)', 'rgba(97,94,94,0.39)', 'rgba(132,132,132,0.5)')}`, display: 'flex', justifyContent: 'space-evenly', alignItems: 'center' }}> |
|
|
|
{v.screen.map((item) => { |
|
|
|
return <div key={item.img} onClick={() => { flipScreens(item.value); setMultiScreen(item.value) }}> |
|
|
|
<img src={`/assets/images/application/${item.img}.png`} alt="" style={{ width: 40, height: 40, }} /> |
|
|
|
@ -612,9 +603,8 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s |
|
|
|
})} |
|
|
|
</div> |
|
|
|
case '轮询设置': |
|
|
|
return <div style={{ height: 48, background: mould('#01185F', 'linear-gradient(245deg, #FFFFFF 0%, #EAEBEC 100%)', 'linear-gradient(197deg, rgba(38,38,38,0.65) 0%, #101010 100%)'), boxShadow: `inset 0px 0px 5px 1px ${mould('rgba(28,96,254,0.2500)', 'rgba(97,94,94,0.39)', 'rgba(132,132,132,0.5)')}`, color: mould("#D9D9D9", '', "#D9D9D9"), display: 'flex', justifyContent: 'space-evenly', alignItems: 'center' }}> |
|
|
|
return <div style={{ height: 48, background: mould('#01185F', 'linear-gradient(245deg, #FFFFFF 0%, #EAEBEC 100%)', 'linear-gradient(311deg, #9D9D9D 0%, #8C8C8C 50%, #7E7E7E 100%)'), boxShadow: `inset 0px 0px 5px 1px ${mould('rgba(28,96,254,0.2500)', 'rgba(97,94,94,0.39)', 'rgba(132,132,132,0.5)')}`, color: mould("#D9D9D9", '', "#D9D9D9"), display: 'flex', justifyContent: 'space-evenly', alignItems: 'center' }}> |
|
|
|
<Switch onChange={(v, e) => { |
|
|
|
console.log(v); |
|
|
|
setPolling(v) |
|
|
|
}} aria-label="a switch for demo" style={{ border: ' 1px solid #D9D9D9', backgroundColor: polling ? mould('#2F53EA', '#4B4B4B', '#555F6D') : mould('#E8F0FF', '#C2C2C2', '#D7D7D7') }} checked={polling} /> |
|
|
|
轮询间隔 |
|
|
|
|
