| | |
| | | |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { Button, message, Modal, Row, Col, Card } from 'antd'; |
| | | import { Button, message, Modal, Row, Col, Card, Tree, Input } from 'antd'; |
| | | import { |
| | | FooterToolbar, |
| | | PageContainer, |
| | | ProTable, |
| | | LightFilter, |
| | | } from '@ant-design/pro-components'; |
| | | import { PlusOutlined, ExportOutlined } from '@ant-design/icons'; |
| | | import { PlusOutlined, ExportOutlined, DownOutlined } from '@ant-design/icons'; |
| | | import Http from '@/utils/http'; |
| | | import Edit from './components/edit' |
| | | import { TextFilter, SelectFilter, DatetimeRangeFilter, LinkFilter } from '@/components/TableSearch' |
| | |
| | | > |
| | | <Row gutter={[16, 24]}> |
| | | <Col lg={6} md={24}> |
| | | <Card title="部门" extra={<a href="#">More</a>} style={{ width: '100%', height: 'calc(100vh - 200px)' }}> |
| | | <p>Card content</p> |
| | | <p>Card content</p> |
| | | <p>Card content</p> |
| | | <Card title="部门" style={{ width: '100%', height: 'calc(100vh - 200px)' }}> |
| | | <Input |
| | | style={{ marginBottom: 8 }} |
| | | placeholder="Search" |
| | | onChange={(e) => { |
| | | const { value } = e.target; |
| | | console.log(value); |
| | | }} |
| | | /> |
| | | <Tree |
| | | showLine |
| | | switcherIcon={<DownOutlined />} |
| | | blockNode |
| | | defaultExpandAll |
| | | onSelect={(selectedKeys, info) => { |
| | | console.log(selectedKeys, info); |
| | | }} |
| | | treeData={[ |
| | | { |
| | | title: 'parent 1', |
| | | key: '0-0', |
| | | children: [ |
| | | { |
| | | title: 'parent 1-0', |
| | | key: '0-0-0', |
| | | disabled: true, |
| | | children: [ |
| | | { |
| | | title: 'leaf', |
| | | key: '0-0-0-0', |
| | | disableCheckbox: true, |
| | | }, |
| | | { |
| | | title: 'leaf', |
| | | key: '0-0-0-1', |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | title: 'parent 1-1', |
| | | key: '0-0-1', |
| | | children: [{ title: <span style={{ color: '#1677ff' }}>sss</span>, key: '0-0-1-0' }], |
| | | }, |
| | | ], |
| | | }, |
| | | ]} |
| | | /> |
| | | </Card> |
| | | </Col> |
| | | <Col lg={18} md={24}> |