index.jsx

import React, { useState,useEffect } from 'react';
import { connect } from 'umi';
import { Tree, Input, Button,TreeSelect } from 'antd';
import style from './index.less';
import { dicFindUtils, DictBizType, ApproveType, convertFieldToNum,parseAreaTreeData } from '@/utils/utils';
const { Search } = Input;

const DeviceTree = (props) => {
    const {
        treeCheckable,
        isNameValue,
        value,
        oStyle,
        dict:{
            dicTotalsList
        }
       } = props;
    const [treeData,setTreeData] = useState([]);
    useEffect(async () => {
        let treeData = dicFindUtils(dicTotalsList,DictBizType.deviceType);
        console.log(`device treeData is:`, treeData);
        let DeviceTreeArr = parseAreaTreeData(treeData, isNameValue);
        setTreeData(DeviceTreeArr);
    }, [dicTotalsList]);
    console.log(`treeData is:`, treeData,`value is:`,value);
    const changeParent = (val) => {
        props.onChange(val);
    };
    return (
        <div className={style.popover_tree}>
            <TreeSelect
                defaultValue = { value } 
                treeCheckable = { treeCheckable ? true : false}
                treeData={treeData && treeData.length > 0 && treeData || []}
                showSearch={true}
                placeholder='请选择'
                onChange={changeParent}
                allowClear
                readOnly={props.readOnly}
                disabled={props.disabled}
                treeNodeFilterProp= "title"
                style = {oStyle}
            />
        </div>
    );
};
export default connect(({ dict, universal,user, loading}) => ({
    universal,
    dict,
    user,
}))(DeviceTree);