liuchang/fe_service_ebtp_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

4.18 样式修改

Browse Source
This commit is contained in:
jl-zhoujl2
2022-04-18 20:40:54 +08:00
parent 0595d4e339
commit 0e8de93f2f
1 changed files with 79 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

178
src/pages/Bid/BiddingAnnouncement/components/PublicPlatform.tsx
View File

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