5.27 增加手写签名及盖章示例

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

@@ -2,14 +2,15 @@ import React, { useEffect, useState } from 'react';
 import logo from '@/images/opening/logo.svg';
 import styles from './style.less';
 import './style.less';
-import { Anchor, BackTop, Button, Collapse, Descriptions, Form, Input, message, PageHeader, Space, Spin, Typography } from 'antd';
+import { Anchor, BackTop, Button, Collapse, Descriptions, Form, Input, message, Modal, PageHeader, Space, Spin, Tooltip, Typography } from 'antd';
 import { btnAuthority } from '@/utils/authority';
-import { ArrowUpOutlined, CaretRightOutlined } from '@ant-design/icons';
+import { ArrowUpOutlined, CaretRightOutlined, InfoCircleOutlined } from '@ant-design/icons';
 import { getURLInformation, isNotEmpty, returnDictVal } from '@/utils/CommonUtils';
 import ExtendUpload from '@/utils/ExtendUpload';
 import { getPublicData, savePublicData } from '../service';
 import { getDefId, getDicData, getProMethod } from '@/utils/session';
 import { getAllFlowNameByRoomType } from '@/utils/FlowUtils';
+import exampleImg from '@/images/stamp/stamp_example.png'
 
 const layout = {
     labelCol: {
@@ -35,6 +36,8 @@ const PublicPlatform: React.FC<{}> = () => {
     const [readOnly, setReadOnly] = useState<boolean>(true);
     //公示or公告 true-公示 false-公告
     const [annoType, setAnnoType] = useState<boolean>(false);
+    //示例弹窗Example
+    const [exampleVisible, setExampleVisible] = useState<boolean>(false);
     //annoId 公告公示id
     const annoId = getURLInformation("id");
     //资审流程所处阶段 (roomType 2是后审，1是预审)
@@ -108,7 +111,11 @@ const PublicPlatform: React.FC<{}> = () => {
                 extra={
                     <div style={{ color: '#b30000', marginTop: 16 }}>
                         <p>1、请上传含公告（公示）正文的pdf文件</p>
-                        <p>2、上传的pdf文件请务必盖章</p>
+                        <p>2、依据公共服务平台要求，上传的pdf请务必进行手写签名及盖章
+                            <Tooltip title="查看示例">
+                                <InfoCircleOutlined style={{ marginLeft: 4 }} onClick={() => setExampleVisible(true)} />
+                            </Tooltip>
+                        </p>
                         <p>勾选中国招标投标公共服务平台后该操作为必须执行</p>
                     </div>
                 }
@@ -380,6 +387,18 @@ const PublicPlatform: React.FC<{}> = () => {
                     </div>
                 </div>
             </Spin>
+            <Modal
+                destroyOnClose
+                title="PDF文件手写签名及盖章示例"
+                visible={exampleVisible}
+                onCancel={() => setExampleVisible(false)}
+                cancelText="关闭"
+                okButtonProps={{ hidden: true }}
+                centered
+                width={873}
+            >
+                <img src={exampleImg} width="825" height="501" />
+            </Modal>
         </div>
     )
 }