13 changed files with 446 additions and 370 deletions
|
After Width: | Height: | Size: 919 KiB |
@ -0,0 +1,76 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { tree } from './mirroringDetail'; |
|||
import VideoScreen from '../components/videoScreen'; |
|||
|
|||
|
|||
|
|||
|
|||
const CallService = (props) => { |
|||
const { dispatch, actions, user } = props |
|||
const [treeData, setTreeData] = useState([]) //树形控件数据 |
|||
const [headerName, setHeaderName] = useState('dfvbfdbe') |
|||
const [showHeader, setShowHeader] = useState(true) //是否展示头部 |
|||
const [filterGroup, setFilterGroup] = useState([]) //筛选项数据 |
|||
const [template, setTemplate] = useState('') //主题颜色 |
|||
const [videoPlay, setVideoPlay] = useState(true) //视频预览 |
|||
|
|||
useEffect(() => { |
|||
|
|||
|
|||
dispatch(actions.openness.getMirrorList()).then((res) => { |
|||
if (res?.success && res?.payload?.data?.some(v => v.mid == user?.mid)) { |
|||
dispatch(actions.openness.getMirrorMid(user?.mid)).then((r) => { |
|||
if (r?.success) { |
|||
let data = r?.payload?.data || {} |
|||
|
|||
let filterGrouplist =data.filterGroup |
|||
for (let i = 0; i < filterGrouplist.length; i++) { |
|||
filterGrouplist[i].num = i |
|||
if (filterGrouplist[i].filters.length > 0) { |
|||
for (let j = 0; j < filterGrouplist[i].filters.length; j++) { |
|||
filterGrouplist[i].filters[j].num = j |
|||
} |
|||
} |
|||
} |
|||
setTreeData(tree(data.tree)) |
|||
setHeaderName(data.title) |
|||
setShowHeader(data.showHeader) |
|||
setFilterGroup(filterGrouplist) |
|||
setTemplate(data.template) |
|||
} |
|||
}) |
|||
} else { |
|||
dispatch(push('/callService')); |
|||
} |
|||
}) |
|||
|
|||
}, []) |
|||
|
|||
return ( |
|||
<div style={{ width: '100%', height: '100%' }}> |
|||
|
|||
{treeData ? <VideoScreen |
|||
treeData={treeData} |
|||
headerName={headerName} |
|||
showHeader={showHeader} |
|||
filterGroup={filterGroup} |
|||
template={template} |
|||
videoPlay={videoPlay} /> : ""} |
|||
</div> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps (state) { |
|||
const { auth, global, members } = state; |
|||
console.log('ccccccccccc', state) |
|||
return { |
|||
loading: members.isRequesting, |
|||
user: auth.user, |
|||
actions: global.actions, |
|||
global: global, |
|||
members: members.data, |
|||
}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(CallService); |
|||
Loading…
Reference in new issue