查询，树状展示结构，视屏的联动

code/VideoAccess-VCMP/web/client/src/sections/journaling/components/videoScreen.jsx

@@ -8,9 +8,10 @@ import VideoCard from './videoCard'
 const VideoScreen = (props) => {
    const [pageSize, setPageSize] = useState(4) //每页视频数量
    const [queryData, setQueryData] = useState([{ label: '全部', value: '全部', key: '0' }]) //查询树状数据
-   const [leftTree, setLefTtree] = useState([]) //左侧树状数据
+   const [leftTree, setLefTtree] = useState([{ label: '全部', value: '全部', key: '0' }]) //左侧树状数据
    const [playData, setPlayData] = useState([]) //视频数据
    const [queryValue, setQueryValue] = useState(['全部']) //查询条件
+   const [leftValue, setLeftValue] = useState() //
 
    const api = useRef();
 
@@ -29,7 +30,7 @@ const VideoScreen = (props) => {
       } else {
          let leftData = []
          queryValue.map(item => leftData.push(treeData?.find(({ value }) => item == value)))  //获取左侧树状数据
-         setLefTtree(leftData)
+         setLefTtree([{ label: '全部', value: '全部', key: '0', children: leftData }])
       }
 
 
@@ -38,7 +39,7 @@ const VideoScreen = (props) => {
 
    useEffect(() => {
 
-
+      setLeftValue()
    }, [])
 
 
@@ -207,8 +208,11 @@ const VideoScreen = (props) => {
                      multiple
                      treeData={leftTree}
                      defaultExpandAll
+                     defaultValue={['公司','外部']}
+                     blockNode={false}
                      onChange={(e) => {
                         console.log(e);
+                        setLeftValue(e)
                      }}
                      style={{ width: 150, color: '#FFFFFF' }}
                   />