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() {
|
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 (
|
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>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in new issue