popover笔记

88 阅读1分钟

 <Popover
                                            content={
                                                <div className='treeContent' >

                                                    <div className="lfTree" >
                                                        <div className='lAll'>
                                                            <Tree
                                                                className='lTree'
                                                                checkable
                                                                onExpand={onExpand}
                                                                expandedKeys={expandedKeys}
                                                                autoExpandParent={autoExpandParent}
                                                                onCheck={onCheck}
                                                                checkedKeys={checkedKeys}
                                                                onSelect={onSelect}
                                                                selectedKeys={selectedKeys}
                                                                treeData={departmentUserList}
                                                            />
                                                        </div>

                                                        <div className='rAll' >
                                                            <div className='tAll'>

                                                                {foundItems.map(item => (
                                                                    <div key={item.key} >
                                                                        {item.key.substring(0, 1) !== 'D' && item.key.substring(0, 1) !== 'R' && (
                                                                            <div className='rList' style={{}}>
                                                                                <span>{item.val}</span>
                                                                                <span>  <CloseCircleOutlined className='delete-hover' onClick={() => handleRemoveItem(item.key)} /></span>
                                                                            </div>
                                                                        )}
                                                                    </div>
                                                                ))}
                                                            </div>
                                                            <div className='bAll'>  <Space><Button onClick={handleHide}>取消</Button> <Button type="primary" onClick={handleSure}>确定</Button></Space></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            }
                                            title={
                                                dynamicTitle
                                            }
                                            trigger="click"
                                            open={open}
                                            onOpenChange={handleOpenChange}
                                        >
                                            <Button icon={<SearchOutlined />}  onClick={clickPopver} className='search_tree'>请选择</Button>
                                        </Popover>