|
|
|
@ -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>
|
|
|
|
|
);
|
|
|
|
|
}
|