master_basic
鲁誉程 1 year ago
parent 406d151ebd
commit 2c5e79374d

@ -10,6 +10,7 @@
},
"dependencies": {
"antd": "^5.11.2",
"moment": "^2.29.4",
"umi": "^4.0.88"
},
"devDependencies": {

@ -3,7 +3,7 @@ import styles from './index.less';
interface PageProps {
style?: any; // 样式
text: string; // 标题
text: any; // 标题区域
children?: any; // 插槽内容
}

@ -3,11 +3,19 @@ import { Outlet, history, useLocation } from 'umi';
import styles from './index.less';
import { useEffect, useState } from 'react';
import { MenuType, tabsType } from '@/utils/menu';
import { Select, message } from 'antd';
import { ConfigProvider, Select, message } from 'antd';
import LeftMenuOne from '@/layouts/LeftMenuOne';
import LeftMenuTwo from '@/layouts/LeftMenuTwo';
import BottomConfigInfo from '@/layouts/BottomConfigInfo';
import zhCN from 'antd/es/locale/zh_CN';
import dayjs from 'dayjs';
import theme from '@/styles/antd.theme';
import 'dayjs/locale/zh-cn';
dayjs.locale('zh-cn');
const options2 = [
{ value: 1, label: 'GLQ管理' },
{ value: 2, label: 'MY管理' },
@ -81,7 +89,7 @@ export default function Layout() {
setActiveName(tabList[0].name)
let info = MenuType[tabList[0].name];
if(tabList[0].name == '注册管理') {
if (tabList[0].name == '注册管理') {
history.push(`${info[1].data[1].url}`)
return
}
@ -95,110 +103,117 @@ export default function Layout() {
}, [selectVal])
return (
<div id={styles.layout_main}>
{/* 顶部导航 */}
<div className={styles.nav_warp}>
<div className={styles.nav_warp_t}>
<div className={styles.logo_warp}>
<div className={styles.logo_icon}></div>
<div className={styles.system_title}>XXXX</div>
</div>
<Select
value={selectVal}
style={{ width: 180 }}
onChange={(e) => {
// 改变下拉框数据时将布局信息清空
localStorage.setItem('layoutInfo', JSON.stringify(null));
setSelectVal(e)
setTabList([...tabsType[e]])
setActive(1)
}}
options={options2}
/>
<div className={styles.menu_list}>
<div title=''></div>
<div title=''></div>
<div title=''></div>
<div title=''></div>
<div title=''></div>
<div title=''></div>
</div>
<div className={styles.times}>
<div>XXXX3023-00-00 15:00:00</div>
<div>XXXX3023-00-00 15:00:00</div>
<ConfigProvider
locale={zhCN}
autoInsertSpaceInButton={false}
componentSize="middle"
theme={theme}
>
<div id={styles.layout_main}>
{/* 顶部导航 */}
<div className={styles.nav_warp}>
<div className={styles.nav_warp_t}>
<div className={styles.logo_warp}>
<div className={styles.logo_icon}></div>
<div className={styles.system_title}>XXXX</div>
</div>
<Select
value={selectVal}
style={{ width: 180 }}
onChange={(e) => {
// 改变下拉框数据时将布局信息清空
localStorage.setItem('layoutInfo', JSON.stringify(null));
setSelectVal(e)
setTabList([...tabsType[e]])
setActive(1)
}}
options={options2}
/>
<div className={styles.menu_list}>
<div title=''></div>
<div title=''></div>
<div title=''></div>
<div title=''></div>
<div title=''></div>
<div title=''></div>
</div>
<div className={styles.times}>
<div>XXXX3023-00-00 15:00:00</div>
<div>XXXX3023-00-00 15:00:00</div>
</div>
</div>
</div>
<div className={styles.nav_warp_b}>
{
tabList.map((item: any, index: number) => {
return <div key={index} className={styles.tab_warp}>
<div className={`${styles.tab_con} ${(index + 1) == active ? styles.active_tab : ''}`}
onClick={() => {
let info = MenuType[item.name];
setActive(item.id)
setActiveName(item.name)
if (info.length == 0 || info[0].data && info[0].data.length == 0) {
history.push('/construction');
// 暂时屏蔽
// setActive(tabList[0].id)
// setActiveName(tabList[0].name)
// message.info(item.name + '模块正在建设中!')
return
}
// 改变activeName时跳转菜单栏的第一个路由
if (info[0].data) {
history.push(`${info[0].data[0].url}`)
} else {
history.push(`${info[0].url}`)
}
}}>
{item.name}
<div className={styles.nav_warp_b}>
{
tabList.map((item: any, index: number) => {
return <div key={index} className={styles.tab_warp}>
<div className={`${styles.tab_con} ${(index + 1) == active ? styles.active_tab : ''}`}
onClick={() => {
let info = MenuType[item.name];
setActive(item.id)
setActiveName(item.name)
if (info.length == 0 || info[0].data && info[0].data.length == 0) {
history.push('/construction');
// 暂时屏蔽
// setActive(tabList[0].id)
// setActiveName(tabList[0].name)
// message.info(item.name + '模块正在建设中!')
return
}
// 改变activeName时跳转菜单栏的第一个路由
if (info[0].data) {
history.push(`${info[0].data[0].url}`)
} else {
history.push(`${info[0].url}`)
}
}}>
{item.name}
</div>
</div>
</div>
})
}
</div>
</div>
{/* 主体内容 */}
<div className={styles.main_warp}>
{/* 右侧菜单栏 */}
<div className={styles.left_menu}>
{leftMenuType[activeName]}
})
}
</div>
</div>
{/* 左侧内容 */}
<div className={styles.right_warp}>
<div className={styles.right_route}
style={{
height: selectVal == 1 ?
'calc(100vh - 114px - 141px - 52px)' :
'calc(100vh - 114px - 52px)'
}}
>
<Outlet></Outlet>
{/* 主体内容 */}
<div className={styles.main_warp}>
{/* 右侧菜单栏 */}
<div className={styles.left_menu}>
{leftMenuType[activeName]}
</div>
{/* GQL管理整个模块页面底部的配置信息 */}
{selectVal == 1 && <BottomConfigInfo />}
{/* 底部信息 */}
<div className={styles.footer}>
<div>0.0.0</div>
<div>admin</div>
<div></div>
{/* 左侧内容 */}
<div className={styles.right_warp}>
<div className={styles.right_route}
style={{
height: selectVal == 1 ?
'calc(100vh - 114px - 141px - 52px)' :
'calc(100vh - 114px - 52px)'
}}
>
<Outlet></Outlet>
</div>
{/* GQL管理整个模块页面底部的配置信息 */}
{selectVal == 1 && <BottomConfigInfo />}
{/* 底部信息 */}
<div className={styles.footer}>
<div>0.0.0</div>
<div>admin</div>
<div></div>
</div>
</div>
</div>
</div>
</div>
</ConfigProvider>
);
}

@ -36,18 +36,17 @@ export default function Page() {
<div className='pd20'></div>
<div className='line'></div>
<div className='pd20 pb100'>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20'>
<Form.Item name="aaa" label="普密对外服务器IP仅Ⅱ型隔离器时需配置此项" rules={[{ required: true, message: '请输入普密对外服务器IP' }]} >
<Input style={{ width: '280px' }} />

@ -48,17 +48,15 @@ export default function Page() {
</div>
</Form>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className={styles.btn_warp}>
<ButtonComp style={{ marginRight: 20 }} text={'发送数据'} onClick={() => { }} />

@ -19,16 +19,16 @@ export default function Page() {
return <span>{c + 1}</span>;
},
},
{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: '产品名称', 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' }
]
const formItemSty = { width: '32%', marginBottom: 20 };
const formItemSty = { width: '32%', marginBottom: 20 };
const onFinish = (values: any) => {
console.log('表单提交:', values);
@ -42,26 +42,26 @@ export default function Page() {
onChange={(e) => setActiveTab(e)} />
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20'>
<Form.Item name="33" label="" style={{ width: '100%', marginBottom: 20}}>
<Form.Item name="33" label="" style={{ width: '100%', marginBottom: 20 }}>
<Radio.Group>
<Radio value="1"> </Radio>
<Radio value="2"> </Radio>
</Radio.Group>
</Form.Item>
<Form.Item name="aaa" label="密钥种类" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="产品名称" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="产品编号" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="申请类型" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="申请数量" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
</Form>
@ -70,18 +70,16 @@ export default function Page() {
</div>
<div className='mb20'></div>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

@ -17,15 +17,15 @@ export default function Page() {
return <span>{c + 1}</span>;
},
},
{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: '导入时间', 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: '当前状态', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '导入时间', dataIndex: 'name', key: 'name', align: 'center' }
]
return (
@ -39,17 +39,16 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'刷新'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

@ -11,8 +11,8 @@ export default function Page() {
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' }
]
return (
@ -22,17 +22,16 @@ export default function Page() {
activeTab={activeTab}
onChange={(e) => setActiveTab(e)} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

@ -41,17 +41,15 @@ export default function Page() {
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt20 mb20'>
<ButtonComp text={'添加'} onClick={() => { }} />
@ -70,17 +68,15 @@ export default function Page() {
<div>--</div>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='mb20 mt20 flex_aC' >
<div style={{ marginRight: 12 }}></div>
@ -91,10 +87,10 @@ export default function Page() {
<div className='flex_aC_jS mt20'>
<ButtonComp text={'添加'} onClick={() => { }} />
<div className='flex_jE'>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'移出'} onClick={() => {}} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'制作'} onClick={() => {}} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'预览'} onClick={() => {}} />
<ButtonComp type={'cancel'} text={'打印'} onClick={() => {}} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'移出'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'制作'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'预览'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'打印'} onClick={() => { }} />
</div>
</div>
</div>

@ -19,23 +19,23 @@ export default function Page() {
return <span>{c + 1}</span>;
},
},
{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: '已下载数量', 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: '密钥分发平台实体标识', 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: '优先级', 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' }
]
const formItemSty = { width: '32%', marginBottom: 20 };
const formItemSty = { width: '32%', marginBottom: 20 };
const onFinish = (values: any) => {
console.log('表单提交:', values);
@ -50,34 +50,34 @@ export default function Page() {
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20'>
<Form.Item name="aaa" label="产品名称" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="载体类型" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="可下载数量" style={formItemSty}>
<Input style={{width: 260}} />
<Input style={{ width: 260 }} />
</Form.Item>
<Form.Item name="aaa" label="产品编号" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="载体型号" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="&nbsp;&nbsp;&nbsp;&nbsp;下载授权" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="目的系统" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="配发数量" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;优先级" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="结束时间" style={formItemSty}>
<DatePicker style={{width: 260}} />
<DatePicker style={{ width: 260 }} />
</Form.Item>
</Form>
@ -86,17 +86,15 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'配发'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

@ -17,10 +17,10 @@ export default function Page() {
return <span>{c + 1}</span>;
},
},
{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' }
]
return (
@ -32,23 +32,21 @@ export default function Page() {
<div className='mb20 flex_aC_jS'>
<div></div>
<div style={{display: 'flex'}}>
<div style={{ display: 'flex' }}>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'密钥体格式导入'} onClick={() => { }} />
<ButtonComp type={'delete'} text={'删除'} onClick={() => { }} />
</div>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

@ -19,16 +19,16 @@ export default function Page() {
return <span>{c + 1}</span>;
},
},
{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: '管理系统实体标识', 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' }
]
const formItemSty = { width: '32%', marginBottom: 20 };
const formItemSty = { width: '32%', marginBottom: 20 };
const onFinish = (values: any) => {
console.log('表单提交:', values);
@ -43,19 +43,19 @@ export default function Page() {
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20'>
<Form.Item name="aaa" label="产品名称" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="载体类型" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="载体型号" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="发布方式" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="目的系统" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
</Form>
@ -69,17 +69,15 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'全部'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

@ -1,7 +1,7 @@
import TabsComp from '@/components/TabsComp';
import styles from '../../../GLQ/index.less';
import { useState } from 'react';
import { ConfigProvider, Form, Input, Modal, Select, Table } from 'antd';
import { Button, ConfigProvider, Form, Input, Modal, Select, Table } from 'antd';
import { tableTheme } from '@/utils/theme';
import { rowClassName } from '@/utils';
import ButtonComp from '@/components/ButtonComp';
@ -71,17 +71,15 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'全部'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<Modal
title="请确认或者输入产品编号"
@ -100,14 +98,15 @@ export default function Page() {
2
<div>1</div>
<div className='flex_aC'>
<Input style={{ width: 260 }} /> <ButtonComp text={'选择'} onClick={() => { }} />
<Input style={{ width: 260 }} />
<ButtonComp style={{ marginLeft: 20 }} text={'选择'} onClick={() => { }} />
</div>
</div>
<div>3 </div>
<div>4 </div>
</div>
<div className='flex_jE mt20'>
<ButtonComp style={{marginRight: 20}} text={'确定'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} text={'确定'} onClick={() => { }} />
<ButtonComp type='cancel' text={'取消'} onClick={() => setVisibility(false)} />
</div>
</Modal>

@ -11,29 +11,29 @@ export default function Page() {
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: '产品编号', 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' }
]
const columns1: 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: '备注', 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: '导入时间', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '备注', dataIndex: 'name', key: 'name', align: 'center' }
]
const [form] = Form.useForm();
const formItemSty = { width: '32%', marginBottom: 20 };
const formItemSty = { width: '32%', marginBottom: 20 };
const onFinish = (values: any) => {
console.log('表单提交:', values);
@ -54,17 +54,15 @@ export default function Page() {
<div>xxxxxxx</div>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt20 mb20'>
<ButtonComp text={'添加'} onClick={() => { }} />
@ -72,7 +70,7 @@ export default function Page() {
<div className='mb20' style={{ height: 1, background: '#EDEDED' }}></div>
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20' style={{position: 'relative'}}>
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20' style={{ position: 'relative' }}>
<Form.Item name="aaa" label="密钥种类" style={formItemSty}>
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
@ -86,22 +84,20 @@ export default function Page() {
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<div style={{position: 'absolute', right: 0, bottom: '20px'}}>
<div style={{ position: 'absolute', right: 0, bottom: '20px' }}>
<ButtonComp text={'查询'} onClick={() => { }} />
</div>
</Form>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt20'>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'移出'} onClick={() => form.submit()} />

@ -13,26 +13,26 @@ export default function Page() {
const [form] = Form.useForm();
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: '配发状态', 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: '申请编号', 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: '配发数量', 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: '配发编号', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '申请编号', dataIndex: 'name', key: 'name', align: 'center' }
]
const formItemSty = { width: '23%', marginBottom: 20 };
const formItemSty = { width: '23%', marginBottom: 20 };
const onFinish = (values: any) => {
console.log('表单提交:', values);
@ -47,25 +47,25 @@ export default function Page() {
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20'>
<Form.Item name="aaa" label="产品名称" style={formItemSty}>
<Select style={{width: 180}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 180 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="产品编号" style={formItemSty}>
<Select style={{width: 180}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 180 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="载体类型" style={formItemSty}>
<Select style={{width: 180}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 180 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="载体型号" style={formItemSty}>
<Select style={{width: 180}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 180 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="目的系统" style={formItemSty}>
<Select style={{width: 180}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 180 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="配发数量" style={formItemSty}>
<Input style={{width: 180}} />
<Input style={{ width: 180 }} />
</Form.Item>
<Form.Item name="aaa" label="申请编号" style={formItemSty}>
<Input style={{width: 180}} />
<Input style={{ width: 180 }} />
</Form.Item>
</Form>
@ -74,17 +74,15 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'配发'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={{ x: 800, y: 41 * 11}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={{ x: 800, y: 41 * 11 }}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

@ -60,17 +60,15 @@ export default function Page() {
<ButtonComp text={'同步'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='mb20' style={{ height: 1, background: '#EDEDED' }}></div>
@ -79,17 +77,16 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'全部'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

@ -31,17 +31,15 @@ export default function Page() {
<ButtonComp text={'数据导入'} onClick={() => setVisibility(true)} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<Modal
title="xx部一体化对称密码管理系统"

@ -53,17 +53,16 @@ export default function Page() {
<div className={`${styles.params_warp}`}>
<ButtonComp type={'special'} text={'密钥配置查询'} onClick={() => { }} />
<ButtonComp style={{ margin: '20px 0 ' }} text={'选择设备'} onClick={() => setVisibility(true)} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<Modal
title="选择设备"
@ -90,20 +89,18 @@ export default function Page() {
<ButtonComp text={'查找'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 8 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 8 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt20'>
<ButtonComp style={{marginRight: 20}} text={'确定'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} text={'确定'} onClick={() => { }} />
<ButtonComp type='cancel' text={'取消'} onClick={() => { }} />
</div>
</Modal>

@ -56,38 +56,34 @@ export default function Page() {
<Select style={{ width: 260, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div className='mr16'></div>
<DatePicker style={{width: 260}} />
<DatePicker style={{ width: 260 }} />
</div>
<div className='mb10'></div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt20'>
<ButtonComp text={'装配'} onClick={() => setVisibility(true)} />
</div>
<div className='mb10 mt30'></div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt20'>
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'过滤'} onClick={() => { }} />
@ -105,7 +101,7 @@ export default function Page() {
footer={null}>
<div>
<div className='mb20'>
1
1
<div className='ml20'>:</div>
<div className='ml20'> ZY310</div>
<div className='ml20'> 8151</div>

@ -41,17 +41,15 @@ export default function Page() {
<div className='mt30 mb30'></div>
<div className='mb10'></div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 8 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 8 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt20'>
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'过滤'} onClick={() => { }} />

@ -48,17 +48,15 @@ export default function Page() {
{/* 左侧 */}
<div style={{ width: '45%' }}>
<div className='mb20' style={{ color: '#0087DA' }}></div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
{/* 中间 */}
<div className={`${styles1.center_w} mb20`}>
@ -72,17 +70,15 @@ export default function Page() {
{/* 底部 */}
<div style={{ width: '45%' }}>
<div className='mb20' style={{ color: '#0087DA' }}></div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData1.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData1}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData1.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData1}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
</div>

@ -46,17 +46,15 @@ export default function Page() {
<div>--</div>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='mb20 mt20 flex_aC' >
<div style={{ marginRight: 12 }}></div>

@ -48,46 +48,42 @@ export default function Page() {
<Select style={{ width: 260, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div className='mr16'></div>
<DatePicker style={{width: 260, marginRight: 20 }} />
<DatePicker style={{ width: 260, marginRight: 20 }} />
</div>
<div className='flex_aC mt20 mb20'>
<div className='mr16'></div>
<DatePicker style={{width: 260, marginRight: 20 }} />
<DatePicker style={{ width: 260, marginRight: 20 }} />
<div className='mr16'></div>
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<div className='mb10'></div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt20'>
<ButtonComp text={'装配'} onClick={() => { }} />
</div>
<div className='mb10 mt30'></div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt20'>
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'过滤'} onClick={() => { }} />

@ -13,14 +13,14 @@ export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
const columns: any = [
{ title: '设备型号', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '设备名称', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '', align: 'center' },
]
return (
<div className={`${styles.params_warp}`}>
<TabsComp
dataSource={[{ id: 1, name: '设备照片维护' }]}
dataSource={[{ id: 1, name: '应用系统配置' }]}
activeTab={activeTab}
onChange={(e) => setActiveTab(e)} />
@ -37,26 +37,24 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className='flex_jE mt20'>
<ButtonComp style={{marginRight: 20}} type={'cancel'} text={'发布'} onClick={() => { }} />
<ButtonComp style={{marginRight: 20}} type={'cancel'} text={'新建'} onClick={() => { }} />
<ButtonComp style={{marginRight: 20}} type={'cancel'} text={'重命名'} onClick={() => { }} />
<ButtonComp style={{marginRight: 20}} type={'delete'} text={'删除'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'发布'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'新建'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'重命名'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'delete'} text={'删除'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'批量撤销'} onClick={() => { }} />
</div>
</div>
<div style={{ width: '50%' }}>
<ButtonComp type={'special'} text={'设备列表'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 14 }: {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 14 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
</div>
</div>

@ -26,18 +26,15 @@ export default function Page() {
<div className='flex_jS'>
<div style={{ width: 'calc(50% - 20px)' }}>
<ButtonComp type={'special'} text={'设备型号列表共0条'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 14 }: {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 14 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
<div style={{ width: '50%' }}>
<div className={styles1.info}>64KB128×128</div>
@ -47,7 +44,7 @@ export default function Page() {
</div>
<div className='flex_jE mt20 mb20'>
{/* <Upload {...props}> */}
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'选择'} onClick={() => { }} />
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'选择'} onClick={() => { }} />
{/* </Upload> */}
<ButtonComp text={'保存'} onClick={() => { }} />
</div>

@ -1,9 +1,112 @@
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 { tableTheme } from '@/utils/theme';
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' }
]
let mr30 = { marginRight: 30 }
return (
<div>
<div className={`${styles.params_warp}`}>
<TabsComp
dataSource={[{ id: 1, name: '管理盘维护' }]}
activeTab={activeTab}
onChange={(e) => setActiveTab(e)} />
<div className='mt30 mb30'></div>
<div className='flex_aC_jS'>
{/* 左 */}
<div style={{ width: '30%' }}>
<div className='flex_aC_jS' style={{ marginBottom: 70 }}>
<div style={{ width: '45%' }}>
<div className='mb10'></div>
<Input style={mr30} />
</div>
<div style={{ width: '45%' }}>
<div className='mb10'></div>
<Input style={mr30} />
</div>
</div>
<div>
<div className='mt20 mb10'></div>
<Input style={mr30} />
</div>
<div className='mt10' style={{ color: '#666666' }}></div>
</div>
{/* 中 */}
<div className='flex_aC_jS' style={{ width: '30%' }}>
<div style={{ width: '45%' }}>
<div className='mb10'></div>
<Input style={mr30} />
<div className='mb10 mt20'></div>
<Input style={mr30} />
<div className='mb10 mt20'></div>
<Input style={mr30} />
</div>
<div style={{ width: '45%' }}>
<div className='mb10'></div>
<Select style={{ width: '100%' }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div className='mb10 mt20'></div>
<Select style={{ width: '100%' }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div className='mb10 mt20'></div>
<Select style={{ width: '100%' }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
</div>
{/* 右 */}
<div style={{ width: '30%' }}>
<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>
</div>
<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>
);
}

@ -28,20 +28,17 @@ export default function Page() {
dataSource={[{ id: 1, name: '管理盘维护' }]}
activeTab={activeTab}
onChange={(e) => setActiveTab(e)} />
<ButtonComp type={'special'} text={'管理盘列表共0条'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<ButtonComp type={'special'} text={'管理盘列表共0条'} onClick={() => { }} />
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt20 mb20'>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'刷新'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} text={'导入'} onClick={() => { }} />
@ -49,17 +46,15 @@ export default function Page() {
</div>
<ButtonComp type={'special'} text={'管理盘文件列表'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

@ -26,18 +26,16 @@ export default function Page() {
</Radio.Group>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt30'>
<ButtonComp type={'cancel'} text={'执勤区信息'} onClick={() => { }} />
</div>

@ -52,25 +52,23 @@ export default function Page() {
<ContentWarp text={'核心区信息'}>
<div className='pd20'>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
</ContentWarp>
<ButtonComp style={{marginTop: 30}} type={'special'} text={'执勤区信息'} onClick={() => { }} />
<ButtonComp style={{ marginTop: 30 }} type={'special'} text={'执勤区信息'} onClick={() => { }} />
<div className='flex_aC mt30 mb30'>
<div className='mr16'></div>
<Select style={{ width: 260, margin: '0 20px 0 15px'}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260, margin: '0 20px 0 15px' }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div className='mr16'>IP</div>
<Input style={{ width: 260, marginRight: 20 }} />
<div className='mr16'>IP</div>
@ -85,7 +83,7 @@ export default function Page() {
<div className='mr16'></div>
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<div className='flex_aC mt20 mb20'>
<div className='mr16'></div>
<Select style={{ width: 260, marginLeft: 27 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
@ -96,17 +94,16 @@ export default function Page() {
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'修改'} onClick={() => { }} />
<ButtonComp type='cancel' text={'删除'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

@ -17,21 +17,18 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<ButtonComp style={{marginBottom: 40}} type={'special'} text={'报号维护'} onClick={() => { }} />
<ButtonComp style={{ marginBottom: 40 }} type={'special'} text={'报号维护'} onClick={() => { }} />
<ButtonComp type={'special'} text={'管理系统列表'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt30'>
<ButtonComp type={'cancel'} text={'查询版本'} onClick={() => { }} />
</div>

@ -19,20 +19,18 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<ButtonComp style={{marginBottom: 40}} type={'special'} text={'远程维护'} onClick={() => { }} />
<ButtonComp style={{ marginBottom: 40 }} type={'special'} text={'远程维护'} onClick={() => { }} />
<ButtonComp type={'special'} text={'下级管理系统信息'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_jE mt30'>
<ButtonComp type={'cancel'} text={'查询版本'} onClick={() => { }} />

@ -8,7 +8,7 @@ import { useState } from 'react';
export default function Page() {
const [tableData, setTableData] = useState([]);
let serial = {
title: '序号', key: 'index', align: 'center', width: 100,
render: (a: any, b: any, c: any) => {
@ -47,23 +47,23 @@ export default function Page() {
<div className={styles.params_warp}>
<div className='flex_jS'>
<div style={{ width: 'calc(40% - 20px)', marginRight: 20 }}>
<ContentWarp text={'参数安装配置'} style={{ padding: '45px 20px 20px 20px', minHeight: '623px' }}>
<ContentWarp text={'参数安装配置'} style={{ padding: '45px 20px 20px 20px', minHeight: '623px' }}>
<div className='mb20'></div>
<div className='mb20 mt20 flex_aC'>
<div className='mr16'></div>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 12 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 12 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ContentWarp>
</div>
<div style={{ width: '60%' }}>
@ -71,30 +71,30 @@ export default function Page() {
<div className='flex_jE mb20'>
<ButtonComp text={'查询'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ContentWarp>
<ContentWarp text={'安装配置成功记录'} style={{ padding: '48px 20px 20px 20px', marginTop: 28, minHeight: '240px' }}>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
bordered
columns={columns2}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
bordered
columns={columns2}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ContentWarp>
</div>
</div>

@ -8,7 +8,7 @@ import { useState } from 'react';
export default function Page() {
const [tableData, setTableData] = useState([]);
let serial = {
title: '序号', key: 'index', align: 'center', width: 100,
render: (a: any, b: any, c: any) => {
@ -43,19 +43,17 @@ export default function Page() {
<div className={styles.params_warp}>
<div className='flex_jS'>
<div style={{ width: 'calc(40% - 20px)', marginRight: 20 }}>
<ContentWarp text={'算法安装配置'} style={{ padding: '45px 20px 20px 20px', minHeight: '602px' }}>
<ContentWarp text={'算法安装配置'} style={{ padding: '45px 20px 20px 20px', minHeight: '602px' }}>
<div className='mb20'></div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 12 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 12 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ContentWarp>
</div>
<div style={{ width: '60%' }}>
@ -63,30 +61,28 @@ export default function Page() {
<div className='flex_jE mb20'>
<ButtonComp text={'查询'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ContentWarp>
<ContentWarp text={'安装配置成功记录'} style={{ padding: '48px 20px 20px 20px', marginTop: 28, minHeight: '230px' }}>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
bordered
columns={columns2}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
bordered
columns={columns2}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ContentWarp>
</div>
</div>

@ -40,8 +40,6 @@ export default function Page() {
<div style={{ marginRight: 12 }}></div>
<Select style={{ width: 200 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
@ -51,8 +49,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_aC_jS mt30'>
<ButtonComp text={'查看记录'} onClick={() => { }} />
<ButtonComp text={'配发'} onClick={() => { }} />

@ -32,19 +32,15 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<ButtonComp style={{ marginBottom: 30 }} type={'special'} text={'算法信息维护'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_aC_jS mt30'>
<ButtonComp text={'导入算法'} onClick={() => { }} />
<div className='flex_aC_jS'>

@ -53,19 +53,15 @@ export default function Page() {
<Select style={{ width: 200 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_aC_jS mt30'>
<ButtonComp text={'查看记录'} onClick={() => { }} />
<ButtonComp text={'配发'} onClick={() => { }} />

@ -29,28 +29,26 @@ export default function Page() {
<div className='flex_aC mt30 mb30'>
<div style={{ marginRight: 12 }}></div>
<Select style={{ width: 200, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div style={{ marginRight: 12 }}></div>
<Select style={{ width: 200, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div style={{ marginRight: 12 }}></div>
<Select style={{ width: 200, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div style={{ marginRight: 12 }}></div>
<Select style={{ width: 200 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<div className='flex_aC_jS mt30'>
<ButtonComp text={'导入参数'} onClick={() => { }} />

@ -0,0 +1,30 @@
export const theme =
{
token: {
colorPrimary: '#3FAFE2',
colorInfo: '#3FAFE2',
colorLink: '#3FAFE2',
borderRadius: 4,
fontSizeLG:14
},
components: {
Radio: {
radioSize: 16,
dotSize: 6,
},
Modal: {
titleFontSize: 16,
titleLineHeight: 1,
titleColor: "#000"
},
Table: {
headerBg: 'linear-gradient(180deg, #FFFFFF 0%, #DEE7EB 100%)',
headerBorderRadius: 0,
headerColor: '#191919',
rowHoverBg: '#e6f4ff'
},
},
}
export default theme;

@ -54,6 +54,14 @@
margin-bottom: 30px;
}
.mr30 {
margin-right: 30px;
}
.ml30 {
margin-left: 30px;
}
.line {
width: 100%;
@ -92,4 +100,4 @@
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
}
Loading…
Cancel
Save