From 0e8de93f2fbed571c78102f26912ecd66211d909 Mon Sep 17 00:00:00 2001
From: jl-zhoujl2 <jl-zhoujl2@chinaunicom.cn>
Date: Mon, 18 Apr 2022 20:40:54 +0800
Subject: [PATCH] =?UTF-8?q?4.18=20=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PublicPlatform.tsx             | 178 ++++++++----------
 1 file changed, 79 insertions(+), 99 deletions(-)

diff --git a/src/pages/Bid/BiddingAnnouncement/components/PublicPlatform.tsx b/src/pages/Bid/BiddingAnnouncement/components/PublicPlatform.tsx
index 56caedc..63b0949 100644
--- a/src/pages/Bid/BiddingAnnouncement/components/PublicPlatform.tsx
+++ b/src/pages/Bid/BiddingAnnouncement/components/PublicPlatform.tsx
@@ -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="标段（包）名称">
-                                        <TextArea autoSize />
-                                    </Form.Item>
-                                    <Form.Item name={['user', 'website']} label="标段（包）编号">
-                                        <Input />
-                                    </Form.Item>
-                                    <Form.Item name={['user', 'website']} label="标段（包）内容">
-                                        <TextArea autoSize />
-                                    </Form.Item>
-                                    <Form.Item name={['user', 'website']} 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="质量">
-                                                        <TextArea autoSize />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'website']} label="评标情况">
-                                                        <TextArea autoSize />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'website']} label="中标候选人响应招标文件的资格能力条件">
-                                                        <TextArea rows={2} />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'age']} label="工期/交货期/服务期" rules={[{ type: 'number', min: 0, max: 99 }]}>
-                                                        <InputNumber />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'website']} label="项目负责人姓名">
-                                                        <Input />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'website']} label="项目负责人证件号码">
-                                                        <Input />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'website']} label="项目负责人相关证书和编号">
-                                                        <Input />
-                                                    </Form.Item>
-                                                </Form>
-                                            </Card>
-                                            <Card type="inner" title="北京人大金仓信息技术股份有限公司">
-                                                <Form {...candidateLayout}>
-                                                    <Form.Item name={['user', 'website']} label="质量">
-                                                        <TextArea autoSize />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'website']} label="评标情况">
-                                                        <TextArea autoSize />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'website']} label="中标候选人响应招标文件的资格能力条件">
-                                                        <TextArea rows={2} />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'age']} label="工期/交货期/服务期" rules={[{ type: 'number', min: 0, max: 99 }]}>
-                                                        <InputNumber />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'website']} label="项目负责人姓名">
-                                                        <Input />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'website']} label="项目负责人证件号码">
-                                                        <Input />
-                                                    </Form.Item>
-                                                    <Form.Item name={['user', 'website']} label="项目负责人相关证书和编号">
-                                                        <Input />
-                                                    </Form.Item>
-                                                </Form>
-                                            </Card>
-                                        </Space>
-                                    </Form.Item>
-                                </Form>
-                            </Card>
-                        </Space>
+                                <h3 className="scd-title">标段信息</h3>
+                                <Form.Item name={['user', 'bidSectName']} label="标段（包）名称">
+                                    <TextArea autoSize />
+                                </Form.Item>
+                                <Form.Item name={['user', 'bidSectBizNum']} label="标段（包）编号">
+                                    <Input />
+                                </Form.Item>
+                                <Form.Item name={['user', 'bidSectionContent']} label="标段（包）内容">
+                                    <TextArea autoSize />
+                                </Form.Item>
+                                <Form.Item name={['user', 'biddingEligbility']} label="投标人资格条件">
+                                    <TextArea autoSize />
+                                </Form.Item>
+                                <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', 'suppliers', 'evaluationStatus']} label="评标情况">
+                                            <TextArea autoSize />
+                                        </Form.Item>
+                                        <Form.Item name={['user', 'suppliers', 'winCandidateQualification']} label="中标候选人响应招标文件的资格能力条件">
+                                            <TextArea rows={2} />
+                                        </Form.Item>
+                                        <Form.Item name={['user', 'suppliers', 'timeLimit']} label="工期/交货期/服务期" rules={[{ type: 'number', min: 0, max: 99 }]}>
+                                            <InputNumber />
+                                        </Form.Item>
+                                        <Form.Item name={['user', 'suppliers', 'pmName']} label="项目负责人姓名">
+                                            <Input />
+                                        </Form.Item>
+                                        <Form.Item name={['user', 'suppliers', 'pmCode']} label="项目负责人证件号码">
+                                            <Input />
+                                        </Form.Item>
+                                        <Form.Item name={['user', 'suppliers', 'pmCeritficates']} label="项目负责人相关证书和编号">
+                                            <Input />
+                                        </Form.Item>
+                                    </Panel>
+                                    <Panel header="北京人大金仓信息技术股份有限公司" key="2">
+                                        <Form.Item name={['user', 'suppliers', 'quality']} label="质量">
+                                            <TextArea autoSize />
+                                        </Form.Item>
+                                        <Form.Item name={['user', 'suppliers', 'evaluationStatus']} label="评标情况">
+                                            <TextArea autoSize />
+                                        </Form.Item>
+                                        <Form.Item name={['user', 'suppliers', 'winCandidateQualification']} label="中标候选人响应招标文件的资格能力条件">
+                                            <TextArea rows={2} />
+                                        </Form.Item>
+                                        <Form.Item name={['user', 'suppliers', 'timeLimit']} label="工期/交货期/服务期" rules={[{ type: 'number', min: 0, max: 99 }]}>
+                                            <InputNumber />
+                                        </Form.Item>
+                                        <Form.Item name={['user', 'suppliers', 'pmName']} label="项目负责人姓名">
+                                            <Input />
+                                        </Form.Item>
+                                        <Form.Item name={['user', 'suppliers', 'pmCode']} label="项目负责人证件号码">
+                                            <Input />
+                                        </Form.Item>
+                                        <Form.Item name={['user', 'suppliers', 'pmCeritficates']} label="项目负责人相关证书和编号">
+                                            <Input />
+                                        </Form.Item>
+                                    </Panel>
+                                </Collapse>
+                            </Panel>
+                        </Collapse>
                     </ProCard>
                 </ProCard>
-                {/* <Form.Item wrapperCol={{ ...layout.wrapperCol, offset: 8 }}>
-                    <Button type="primary" htmlType="submit">
-                        Submit
-                    </Button>
-                </Form.Item> */}
             </Form>
         </div>
     );