4.13 增加页面

config/ZhaoBiao/router_menucBid.config.ts

@@ -24,6 +24,11 @@ export default [//招标  投标邀请
     path: '/ProjectLayout/NoticeFileStruct/List',
     component: './Bid/NoticeFileStruct/list',
   },
+  //公共服务平台
+  {
+    path: '/ProjectLayout/PublicPlatform',
+    component: './Bid/BiddingAnnouncement/components/PublicPlatform',
+  },
 
   //应答格式开始
   {

src/pages/Bid/BiddingAnnouncement/components/PublicPlatform.tsx

@@ -0,0 +1,87 @@
+import { Form, Input, InputNumber, Button, Card } from 'antd';
+import React from 'react';
+
+interface PublicPlatformProps {
+    modalVisible: boolean;
+    onCancel: () => void;
+}
+
+const layout = {
+    labelCol: {
+        span: 6,
+    },
+    wrapperCol: {
+        span: 16,
+    },
+};
+/* eslint-disable no-template-curly-in-string */
+
+const validateMessages = {
+    required: '${label} is required!',
+    types: {
+        email: '${label} is not a valid email!',
+        number: '${label} is not a valid number!',
+    },
+    number: {
+        range: '${label} must be between ${min} and ${max}',
+    },
+};
+/* eslint-enable no-template-curly-in-string */
+
+const PublicPlatform: React.FC<PublicPlatformProps> = (props) => {
+    // const { modalVisible, onCancel } = props;
+
+    const onFinish = (values: any) => {
+        console.log(values);
+    };
+
+    return (
+        <Card>
+            <Form {...layout} name="nest-messages" onFinish={onFinish} validateMessages={validateMessages}>
+                <h3 className="first-title">项目信息</h3>
+                <Form.Item name={['user', 'Projectsize']} label="项目规模">
+                    <Input.TextArea />
+                </Form.Item>
+                <Form.Item name={['user', 'introduction']} label="招标内容与范围及招标方案说明">
+                    <Input.TextArea />
+                </Form.Item>
+                <h3 className="first-title">标段信息</h3>
+                <Form.Item name={['user', 'website']} label="标段（包）内容">
+                    <Input.TextArea />
+                </Form.Item>
+                <Form.Item name={['user', 'website']} label="投标人资格条件">
+                    <Input.TextArea />
+                </Form.Item>
+                <h3 className="first-title">中标候选人信息</h3>
+                <Form.Item name={['user', 'website']} label="质量">
+                    <Input.TextArea />
+                </Form.Item>
+                <Form.Item name={['user', 'website']} label="评标情况">
+                    <Input.TextArea />
+                </Form.Item>
+                <Form.Item name={['user', 'website']} label="中标候选人响应招标文件的资格能力条件">
+                    <Input.TextArea />
+                </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.Item wrapperCol={{ ...layout.wrapperCol, offset: 8 }}>
+                    <Button type="primary" htmlType="submit">
+                        Submit
+                    </Button>
+                </Form.Item> */}
+            </Form>
+        </Card>
+    );
+};
+
+export default PublicPlatform