master_basic
parent
1332cf6247
commit
eee41e5aac
@ -1,9 +1,64 @@
|
||||
import styles from './index.less';
|
||||
import TabsComp from '@/components/TabsComp';
|
||||
import styles from '../../../GLQ/index.less';
|
||||
import { useState } from 'react';
|
||||
import { Checkbox, ConfigProvider, DatePicker, Input, Select, Table } from 'antd';
|
||||
|
||||
import { rowClassName } from '@/utils';
|
||||
import ButtonComp from '@/components/ButtonComp';
|
||||
import ContentWarp from '@/components/ContentWarp';
|
||||
|
||||
export default function Page() {
|
||||
const [activeTab, setActiveTab] = useState(1)
|
||||
const [tableData, setTableData] = useState([]);
|
||||
|
||||
const columns: any = [
|
||||
{ title: '单位名称', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '设备名称', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '实体标识', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '设备型号', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '网络', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '管理盘号', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '电话号码', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '接入日志', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: 'IP地址', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '注册日期', dataIndex: 'name', key: 'name', align: 'center' }
|
||||
]
|
||||
|
||||
return (
|
||||
<div>
|
||||
|
||||
<div className={`${styles.params_warp}`}>
|
||||
<TabsComp
|
||||
dataSource={[{ id: 1, name: '管理盘维护' }]}
|
||||
activeTab={activeTab}
|
||||
onChange={(e) => setActiveTab(e)} />
|
||||
|
||||
<ContentWarp
|
||||
style={{ padding: '60px 20px 20px 20px' }}
|
||||
text={<Checkbox onChange={() => { }}>按注册日期</Checkbox>}
|
||||
>
|
||||
<div className='flex_aC' style={{ marginBottom: 30 }}>
|
||||
<div className='mr16'>从</div>
|
||||
<DatePicker style={{ width: '70%' }} onChange={(e) => { }} />
|
||||
</div>
|
||||
<div className='flex_aC' style={{ marginBottom: 30 }}>
|
||||
<div className='mr16'>到</div>
|
||||
<DatePicker style={{ width: '70%' }} onChange={(e) => { }} />
|
||||
</div>
|
||||
</ContentWarp>
|
||||
|
||||
<div className='flex_jE mt20 mb20'>
|
||||
<ButtonComp text={'查询'} onClick={() => { }} />
|
||||
</div>
|
||||
|
||||
<ButtonComp type={'special'} text={'查找结果'} onClick={() => { }} />
|
||||
<Table
|
||||
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
|
||||
pagination={false}
|
||||
bordered
|
||||
columns={columns}
|
||||
dataSource={tableData}
|
||||
rowKey={(record: any) => record?.id}
|
||||
rowClassName={rowClassName}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
Loading…
Reference in new issue