import Title from '../homepage/compontent/title'
import {Button, Col, Form, Input, Row, Select} from "antd";
import styles from'./AssetList.less'
import {DeleteOutlined, PlusOutlined, SearchOutlined, SyncOutlined} from "@ant-design/icons";
import AssetTable from "@/pages/assetmangement_assetlist/compontent/table";
const {Search}= Input
const AssetList = ()=>{
    return(
        <div style={{padding:'20px'}}>
            <Row justify={'space-between'}>
                <Col>
                    <Title title={'查询条件'}></Title>
                </Col>
                <Col>
                    <Button icon={<SearchOutlined />} className={styles['search-button']} style={{marginRight:'30px'}}>查询</Button>
                    <Button icon={<SyncOutlined />} className={styles['reset-button']}>重置</Button>
                </Col>
            </Row>
            <Row style={{marginTop:'20px',borderBottom:'1px solid #eeeeee',paddingBottom:'20px'}}>
                <Form
                    layout={'inline'}
                >
                    <Form.Item>
                        <Search placeholder={'搜索关键词'} style={{width:'291px'}}></Search>
                    </Form.Item>
                    <Form.Item label={'资产类型'}>
                        <Select defaultValue={'全部'} style={{width:'132px'}}></Select>
                    </Form.Item>
                    <Form.Item label={'状态'}>
                        <Select defaultValue={'全部'} style={{width:'132px'}}></Select>
                    </Form.Item>
                    <Form.Item label={'维保状态'}>
                    <Select defaultValue={'全部'} style={{width:'132px'}}></Select>
                    </Form.Item>
                    <Form.Item label={'地点'}>
                        <Select defaultValue={'全部'} style={{width:'132px'}}></Select>
                    </Form.Item>
                </Form>
            </Row>
            <Row style={{marginTop:'20px'}}>
                <div style={{flex:'1'}}>
                    <Title title={'资产列表'}></Title>
                    <Row  style={{marginTop:'20px'}} >
                        <Col span={12}>
                            <Button  className={styles['search-button']} style={{marginRight:'30px'}}>导入资产</Button>
                            <Button  className={styles['reset-button']} style={{marginRight:'30px'}}>导出资产</Button>
                            <Button  className={styles['del-button']}>删除</Button>
                        </Col>
                        <Col span={12} style={{textAlign:'right'}}>
                            <Button icon={<PlusOutlined />}  className={styles['search-button']} style={{marginRight:'30px'}}>新增资产</Button>
                        </Col>
                    </Row>
                </div>
            </Row>
            <Row style={{margin:'30px 0'}}>
                <AssetTable></AssetTable>
            </Row>

        </div>
    )
}
export default AssetList
