4.18 样式修改
This commit is contained in:
jl-zhoujl2
@ -1,6 +1,6 @@
|
||||
import { scrollToAnchor } from '@/utils/CommonUtils';
|
||||
import ProCard from '@ant-design/pro-card';
|
||||
import { Form, Input, InputNumber, Button, Card, Row, Col, Typography, Tooltip, Space, Radio, Affix, List, Tag } from 'antd';
|
||||
import { Form, Input, InputNumber, Button, Card, Row, Col, Typography, Tooltip, Space, Radio, Affix, List, Tag, Collapse } from 'antd';
|
||||
import React, { useState } from 'react';
|
||||
|
||||
interface PublicPlatformProps {
|
||||
@ -13,23 +13,7 @@ const layout = {
|
||||
span: 6,
|
||||
},
|
||||
wrapperCol: {
|
||||
span: 17,
|
||||
},
|
||||
};
|
||||
const bidLayout = {
|
||||
labelCol: {
|
||||
span: 4,
|
||||
},
|
||||
wrapperCol: {
|
||||
span: 20,
|
||||
},
|
||||
};
|
||||
const candidateLayout = {
|
||||
labelCol: {
|
||||
span: 7,
|
||||
},
|
||||
wrapperCol: {
|
||||
span: 17,
|
||||
span: 18,
|
||||
},
|
||||
};
|
||||
|
||||
@ -68,6 +52,7 @@ const validateMessages = {
|
||||
const PublicPlatform: React.FC<PublicPlatformProps> = (props) => {
|
||||
// const { modalVisible, onCancel } = props;
|
||||
const { Text } = Typography;
|
||||
const { Panel } = Collapse;
|
||||
const { TextArea } = Input;
|
||||
const [container, setContainer] = useState<HTMLDivElement | null>(null);
|
||||
|
||||
@ -79,10 +64,10 @@ const PublicPlatform: React.FC<PublicPlatformProps> = (props) => {
|
||||
<div ref={setContainer} className="zjl-entrust" style={{ height: '100%', overflowY: 'auto', padding: '24px' }}>
|
||||
<Form {...layout} name="public-platform" onFinish={onFinish} validateMessages={validateMessages}>
|
||||
<h3 className="first-title">项目信息</h3>
|
||||
<Form.Item name={['user', 'Projectsize']} label="项目规模">
|
||||
<Form.Item name="projectScale" label="项目规模">
|
||||
<TextArea autoSize />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'introduction']} label="招标内容与范围及招标方案说明">
|
||||
<Form.Item name="tenderContent" label="招标内容与范围及招标方案说明">
|
||||
<TextArea autoSize />
|
||||
</Form.Item>
|
||||
<h3 className="first-title">公告信息</h3>
|
||||
@ -108,101 +93,96 @@ const PublicPlatform: React.FC<PublicPlatformProps> = (props) => {
|
||||
/>
|
||||
</List.Item>
|
||||
)}
|
||||
footer={
|
||||
<>
|
||||
<Button type='primary'>提交</Button>
|
||||
</>
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
</Affix>
|
||||
</ProCard>
|
||||
<ProCard bodyStyle={{ padding: 8 }}>
|
||||
<Space direction="vertical" style={{ display: 'flex' }}>
|
||||
<Card
|
||||
title={
|
||||
<Collapse defaultActiveKey={['1']}>
|
||||
<Panel
|
||||
header={
|
||||
<Space>
|
||||
<Tooltip title="标段标段标段标段标段标段标段标段标段标段标段标段标段标段标段标段标段标段标段标段标段1">
|
||||
<span>XY92632011202</span>
|
||||
<Text>XY92632011202</Text>
|
||||
</Tooltip>
|
||||
<Text>标段一</Text>
|
||||
<Tag color="success">已完成</Tag>
|
||||
</Space>
|
||||
}
|
||||
id="name1"
|
||||
key="1"
|
||||
>
|
||||
<Form {...bidLayout}>
|
||||
<Form.Item name={['user', 'website']} label="标段（包）名称">
|
||||
<h3 className="scd-title">标段信息</h3>
|
||||
<Form.Item name={['user', 'bidSectName']} label="标段（包）名称">
|
||||
<TextArea autoSize />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="标段（包）编号">
|
||||
<Form.Item name={['user', 'bidSectBizNum']} label="标段（包）编号">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="标段（包）内容">
|
||||
<Form.Item name={['user', 'bidSectionContent']} label="标段（包）内容">
|
||||
<TextArea autoSize />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="投标人资格条件">
|
||||
<Form.Item name={['user', 'biddingEligbility']} label="投标人资格条件">
|
||||
<TextArea autoSize />
|
||||
</Form.Item>
|
||||
<Form.Item label="中标候选人信息">
|
||||
<Space direction="vertical" style={{ display: 'flex' }}>
|
||||
<Card type="inner" title="中国邮政速递物流股份有限公司大连市分公司">
|
||||
<Form {...candidateLayout}>
|
||||
<Form.Item name={['user', 'website']} label="质量">
|
||||
<h3 className="scd-title">中标候选人信息</h3>
|
||||
<Collapse defaultActiveKey={['1', '2']}>
|
||||
<Panel header="中国邮政速递物流股份有限公司大连市分公司" key="1">
|
||||
<Form.Item name={['user', 'suppliers', 'quality']} label="质量">
|
||||
<TextArea autoSize />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="评标情况">
|
||||
<Form.Item name={['user', 'suppliers', 'evaluationStatus']} label="评标情况">
|
||||
<TextArea autoSize />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="中标候选人响应招标文件的资格能力条件">
|
||||
<Form.Item name={['user', 'suppliers', 'winCandidateQualification']} label="中标候选人响应招标文件的资格能力条件">
|
||||
<TextArea rows={2} />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'age']} label="工期/交货期/服务期" rules={[{ type: 'number', min: 0, max: 99 }]}>
|
||||
<Form.Item name={['user', 'suppliers', 'timeLimit']} label="工期/交货期/服务期" rules={[{ type: 'number', min: 0, max: 99 }]}>
|
||||
<InputNumber />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="项目负责人姓名">
|
||||
<Form.Item name={['user', 'suppliers', 'pmName']} label="项目负责人姓名">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="项目负责人证件号码">
|
||||
<Form.Item name={['user', 'suppliers', 'pmCode']} label="项目负责人证件号码">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="项目负责人相关证书和编号">
|
||||
<Form.Item name={['user', 'suppliers', 'pmCeritficates']} label="项目负责人相关证书和编号">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Card>
|
||||
<Card type="inner" title="北京人大金仓信息技术股份有限公司">
|
||||
<Form {...candidateLayout}>
|
||||
<Form.Item name={['user', 'website']} label="质量">
|
||||
</Panel>
|
||||
<Panel header="北京人大金仓信息技术股份有限公司" key="2">
|
||||
<Form.Item name={['user', 'suppliers', 'quality']} label="质量">
|
||||
<TextArea autoSize />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="评标情况">
|
||||
<Form.Item name={['user', 'suppliers', 'evaluationStatus']} label="评标情况">
|
||||
<TextArea autoSize />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="中标候选人响应招标文件的资格能力条件">
|
||||
<Form.Item name={['user', 'suppliers', 'winCandidateQualification']} label="中标候选人响应招标文件的资格能力条件">
|
||||
<TextArea rows={2} />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'age']} label="工期/交货期/服务期" rules={[{ type: 'number', min: 0, max: 99 }]}>
|
||||
<Form.Item name={['user', 'suppliers', 'timeLimit']} label="工期/交货期/服务期" rules={[{ type: 'number', min: 0, max: 99 }]}>
|
||||
<InputNumber />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="项目负责人姓名">
|
||||
<Form.Item name={['user', 'suppliers', 'pmName']} label="项目负责人姓名">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="项目负责人证件号码">
|
||||
<Form.Item name={['user', 'suppliers', 'pmCode']} label="项目负责人证件号码">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item name={['user', 'website']} label="项目负责人相关证书和编号">
|
||||
<Form.Item name={['user', 'suppliers', 'pmCeritficates']} label="项目负责人相关证书和编号">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Card>
|
||||
</Space>
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Card>
|
||||
</Space>
|
||||
</Panel>
|
||||
</Collapse>
|
||||
</Panel>
|
||||
</Collapse>
|
||||
</ProCard>
|
||||
</ProCard>
|
||||
{/* <Form.Item wrapperCol={{ ...layout.wrapperCol, offset: 8 }}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
Submit
|
||||
</Button>
|
||||
</Form.Item> */}
|
||||
</Form>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user