5.24

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

@@ -41,6 +41,7 @@ const BiddingDocument: React.FC<BiddingDocumentProps> = (props) => {
   const [docSaveBtn, setDocSaveBtn] = useState<string>("compact");//保存按钮是否展示
   const [UploadList, setUploadList] = useState<any>();		//存upload列表
   const [UploadID, setUploadID] = useState<any>("empty"); //upload 业务id
+  const [docName, setDocName] = useState<string>('');//文件名称格式化
 
   const UploadProps: UploadProps = {
     name: "file",
@@ -287,7 +288,7 @@ const BiddingDocument: React.FC<BiddingDocumentProps> = (props) => {
               },
             ]}
           >
-            <Input maxLength={200} readOnly={editInformation} />
+            <Input maxLength={200} readOnly={editInformation} value={docName} onChange={e => setDocName(trim(e.target.value))} />
           </Form.Item>
 
           {//单一来源简化流程

src/pages/Project/ProjectManage/PackageDivided/components/PackageInformationChoose.tsx

@@ -3,6 +3,7 @@ import { Button, Form, Input, Modal, Select, Spin } from 'antd';
 import { PackageInformationProps } from '../data';
 import SelectProcess from './SelectProcess';
 import { getChooseProcess } from '../service';
+import { trim } from '@/utils/CommonUtils';
 
 /**
  * 公开比选编辑
@@ -45,6 +46,8 @@ const PackageInformationChoose: React.FC<PackageInformationProps> = (props) => {
   const [spinningload, setSpinningload] = useState<boolean>(false);
   //保存loading
   const [saveLoading, setSaveLoading] = useState<boolean>(false);
+  //名称格式化
+  const [bidSectName, setBidSectName] = useState<string>('');
   useEffect(() => {
     if (values.status == 0 || values.status == 1) {
       setStatus(false);
@@ -256,7 +259,7 @@ const PackageInformationChoose: React.FC<PackageInformationProps> = (props) => {
               label="采购包名称"
               rules={[{ required: controlDisplay }, { max: 100, message: '最大不能超过100字' }]}
             >
-              <Input disabled={!controlDisplay} placeholder="请填写采购包名称" />
+              <Input disabled={!controlDisplay} placeholder="请填写采购包名称" value={bidSectName} onChange={e => setBidSectName(trim(e.target.value))} />
             </Form.Item>
             <Form.Item name="bidSectContractPrice" label="标段预算">
               <Input prefix="￥" suffix="元" disabled />

src/pages/Project/ProjectManage/PackageDivided/components/PackageInformationEnquiry.tsx

@@ -3,6 +3,7 @@ import { Button, Form, Input, Modal, Select } from 'antd';
 import { PackageInformationProps } from '@/pages/Project/ProjectManage/PackageDivided/data';
 import { getChooseProcess } from '@/pages/Project/ProjectManage/PackageDivided/service';
 import SelectProcess from '@/pages/Project/ProjectManage/PackageDivided/components/SelectProcess';
+import { trim } from '@/utils/CommonUtils';
 /*
  *
  * 询价编辑
@@ -44,6 +45,8 @@ const PackageInformationEnquiry: React.FC<PackageInformationProps> = (props) =>
   const [spinningload, setSpinningload] = useState<boolean>(false);
   //loading
   const [saveLoading, setSaveLoading] = useState<boolean>(false);
+  //名称格式化
+  const [bidSectName, setBidSectName] = useState<string>('');
   useEffect(() => {
     if (values.status == 1 || values.status == 0) {
       setStatus(false);
@@ -157,7 +160,7 @@ const PackageInformationEnquiry: React.FC<PackageInformationProps> = (props) =>
           label="采购包名称"
           rules={[{ required: controlDisplay }, { max: 100, message: '最大不能超过100字' }]}
         >
-          <Input disabled={!controlDisplay} placeholder="请填写采购包名称" />
+          <Input disabled={!controlDisplay} placeholder="请填写采购包名称" value={bidSectName} onChange={e => setBidSectName(trim(e.target.value))} />
         </Form.Item>
         <Form.Item
           name="evalMethodDict"

src/pages/Project/ProjectManage/PackageDivided/components/PackageInformationInvite.tsx

@@ -3,6 +3,7 @@ import { Button, Form, Input, Modal, Select, Spin } from 'antd';
 import { PackageInformationProps } from '../data';
 import { getChooseProcess } from '../service';
 import SelectProcess from './SelectProcess';
+import { trim } from '@/utils/CommonUtils';
 /**
  * 邀请招标编辑
  *
@@ -45,6 +46,8 @@ const PackageInformationInvite: React.FC<PackageInformationProps> = (props) => {
   const [spinningload, setSpinningload] = useState<boolean>(false);
   //loading
   const [saveLoading, setSaveLoading] = useState<boolean>(false);
+  //名称格式化
+  const [bidSectName, setBidSectName] = useState<string>('');
   useEffect(() => {
     if (values.status == 0 || values.status == 1) {
       setStatus(false);
@@ -185,7 +188,7 @@ const PackageInformationInvite: React.FC<PackageInformationProps> = (props) => {
             label="标段名称"
             rules={[{ required: controlDisplay }, { max: 100, message: '最大不能超过100字' }]}
           >
-            <Input disabled={!controlDisplay} placeholder="请填写标段名称" />
+            <Input disabled={!controlDisplay} placeholder="请填写标段名称" value={bidSectName} onChange={e => setBidSectName(trim(e.target.value))} />
           </Form.Item>
           <Form.Item name="bidSectContractPrice" label="标段预算">
             <Input prefix="￥" suffix="元" disabled />

src/pages/Project/ProjectManage/PackageDivided/components/PackageInformationInviteBid.tsx

@@ -3,6 +3,7 @@ import { Button, Form, Input, Modal, Select, Spin } from 'antd';
 import { PackageInformationProps } from '../data';
 import { getChooseProcess } from '../service';
 import SelectProcess from './SelectProcess';
+import { trim } from '@/utils/CommonUtils';
 /**
  * 公开招标编辑
  *
@@ -46,6 +47,8 @@ const PackageInformationInviteBid: React.FC<PackageInformationProps> = (props) =
   const [spinningload, setSpinningload] = useState<boolean>(false);
   //loading
   const [saveLoading, setSaveLoading] = useState<boolean>(false);
+  //名称格式化
+  const [bidSectName, setBidSectName] = useState<string>('');
   useEffect(() => {
     if (values.status == 1 || values.status == 0) {
       setStatus(false);
@@ -266,7 +269,7 @@ const PackageInformationInviteBid: React.FC<PackageInformationProps> = (props) =
             label="标段名称"
             rules={[{ required: controlDisplay }, { max: 100, message: '最大不能超过100字' }]}
           >
-            <Input disabled={!controlDisplay} placeholder="请填写标段名称" />
+            <Input disabled={!controlDisplay} placeholder="请填写标段名称" value={bidSectName} onChange={e => setBidSectName(trim(e.target.value))} />
           </Form.Item>
           <Form.Item name="bidSectContractPrice" label="标段预算">
             <Input prefix="￥" suffix="元" disabled />

src/pages/Project/ProjectManage/PackageDivided/components/PackageInformationNegotiate.tsx

@@ -3,6 +3,7 @@ import { Button, Form, Input, Modal, Select, Spin } from 'antd';
 import { PackageInformationProps } from '../data';
 import { getChooseProcess } from '../service';
 import SelectProcess from './SelectProcess';
+import { trim } from '@/utils/CommonUtils';
 
 /**
  * 竞争性谈判编辑
@@ -46,7 +47,8 @@ const PackageInformationNegotiate: React.FC<PackageInformationProps> = (props) =
   const [spinningload, setSpinningload] = useState<boolean>(false);
   //保存loading
   const [saveLoading, setSaveLoading] = useState<boolean>(false);
-
+  //名称格式化
+  const [bidSectName, setBidSectName] = useState<string>('');
   useEffect(() => {
     if (values.status == 0 || values.status == 1) {
       setStatus(false);
@@ -176,7 +178,7 @@ const PackageInformationNegotiate: React.FC<PackageInformationProps> = (props) =
             label="采购包名称"
             rules={[{ required: controlDisplay }, { max: 100, message: '最大不能超过100字' }]}
           >
-            <Input disabled={!controlDisplay} placeholder="请填写采购包名称" />
+            <Input disabled={!controlDisplay} placeholder="请填写采购包名称" value={bidSectName} onChange={e => setBidSectName(trim(e.target.value))} />
           </Form.Item>
           <Form.Item name="bidSectContractPrice" label="采购包预算">
             <Input prefix="￥" suffix="元" disabled />

src/pages/Project/ProjectManage/PackageDivided/components/PackageInformationOnly.tsx

@@ -3,6 +3,7 @@ import { Button, Form, Input, Modal, Select, Spin } from 'antd';
 import { PackageInformationProps } from '../data';
 import { getChooseProcess } from '../service';
 import SelectProcess from './SelectProcess';
+import { trim } from '@/utils/CommonUtils';
 /**
  * 单一来源编辑
  *
@@ -43,7 +44,8 @@ const PackageInformationOnly: React.FC<PackageInformationProps> = (props) => {
   const [spinningload, setSpinningload] = useState<boolean>(false);
   //保存loading
   const [saveLoading, setSaveLoading] = useState<boolean>(false);
-
+  //名称格式化
+  const [bidSectName, setBidSectName] = useState<string>('');
   useEffect(() => {
     if (values.status == 0 || values.status == 1) {
       setStatus(false);
@@ -144,7 +146,7 @@ const PackageInformationOnly: React.FC<PackageInformationProps> = (props) => {
             <Input disabled />
           </Form.Item>
           <Form.Item name="bidSectName" label="采购包名称" rules={[{ required: controlDisplay }, { max: 100, message: "最大不能超过100字" }]}>
-            <Input disabled={!controlDisplay} placeholder="请填写采购包名称" />
+            <Input disabled={!controlDisplay} placeholder="请填写采购包名称" value={bidSectName} onChange={e => setBidSectName(trim(e.target.value))} />
           </Form.Item>
           <Form.Item name="bidSectContractPrice" label="采购包预算">
             <Input prefix="￥" suffix="元" disabled />

src/pages/Project/ProjectManage/PackageDivided/components/PackageInformationRecruit.tsx

@@ -3,6 +3,7 @@ import { Button, Form, Input, Modal, Select, Spin } from 'antd';
 import { PackageInformationProps } from '../data';
 import SelectProcess from './SelectProcess';
 import { getChooseProcess } from '../service';
+import { trim } from '@/utils/CommonUtils';
 /**
  * 公开招募编辑
  *
@@ -45,6 +46,8 @@ const PackageInformationRecruit: React.FC<PackageInformationProps> = (props) =>
   const [spinningload, setSpinningload] = useState<boolean>(false);
   //保存loading
   const [saveLoading, setSaveLoading] = useState<boolean>(false);
+  //名称格式化
+  const [bidSectName, setBidSectName] = useState<string>('');
   useEffect(() => {
     if (values.status == 0 || values.status == 1) {
       setStatus(false);
@@ -187,7 +190,7 @@ const PackageInformationRecruit: React.FC<PackageInformationProps> = (props) =>
             label="包件名称"
             rules={[{ required: controlDisplay }, { max: 100, message: '最大不能超过100字' }]}
           >
-            <Input disabled={!controlDisplay} placeholder="请填写包件名称" />
+            <Input disabled={!controlDisplay} placeholder="请填写包件名称" value={bidSectName} onChange={e => setBidSectName(trim(e.target.value))} />
           </Form.Item>
           <Form.Item
             name="reviewRules"

src/pages/Project/ProjectManage/ProjectManager/ProjectInformationManagement/components/ProcurementMethod1.tsx

@@ -76,6 +76,8 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
     const openTenderFormSelect = createSelect(dictData['open_tender_form=record']);
     //是否需要供应商ipass解密显隐
     const [isIPassDecode, isIPassDecodeSet] = useState<boolean>(false);
+    //项目名称格式化
+    const [projectName, setProjectName] = useState<string>('');
     function onChangeIpass(e: any) {//是否使用ipass制作
         isIPassDecodeSet(e.target.value === '0');
     }
@@ -305,7 +307,7 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
                             name="projectName"
                             rules={[{ required: true }]}
                         >
-                            <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={150} />
+                            <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={150} value={projectName} onChange={e => setProjectName(trim(e.target.value))} />
                         </Form.Item>
                     </Col>
                     <Col span={12}>

src/pages/Project/ProjectManage/ProjectManager/ProjectInformationManagement/components/ProcurementMethod2.tsx

@@ -71,6 +71,8 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
     const bidMethodSubDictSelect = createSelect(dictData['bid_method_sub=record']);
     //适用法律
     const openTenderFormSelect = createSelect(dictData['open_tender_form=record']);
+    //项目名称格式化
+    const [projectName, setProjectName] = useState<string>('');
     useEffect(() => {
         /**
         * 根据id获取数据
@@ -295,7 +297,7 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
                             name="projectName"
                             rules={[{ required: true }]}
                         >
-                            <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={150} />
+                            <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={150} value={projectName} onChange={e => setProjectName(trim(e.target.value))} />
                         </Form.Item>
                     </Col>
                     <Col span={12}>

src/pages/Project/ProjectManage/ProjectManager/ProjectInformationManagement/components/ProcurementMethod3.tsx

@@ -77,6 +77,8 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
   const [noInformationFlag, setNoInformationFlag] = useState<boolean>(String(status) === '0');
   //是否需要供应商ipass解密显隐
   const [isIPassDecode, isIPassDecodeSet] = useState<boolean>(false);
+  //项目名称格式化
+  const [projectName, setProjectName] = useState<string>('');
   useEffect(() => {
     /**
      * 根据id获取数据
@@ -308,7 +310,7 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
               name="projectName"
               rules={[{ required: true }]}
             >
-              <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={100} />
+              <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={100} value={projectName} onChange={e => setProjectName(trim(e.target.value))} />
             </Form.Item>
           </Col>
           <Col span={12}>

src/pages/Project/ProjectManage/ProjectManager/ProjectInformationManagement/components/ProcurementMethod4.tsx

@@ -74,6 +74,8 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
     const [noInformationFlag, setNoInformationFlag] = useState<boolean>(String(status) === '0');
     //是否需要供应商ipass解密显隐
     const [isIPassDecode, isIPassDecodeSet] = useState<boolean>(false);
+    //项目名称格式化
+    const [projectName, setProjectName] = useState<string>('');
     useEffect(() => {
         /**
         * 根据id获取数据
@@ -281,7 +283,7 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
                             name="projectName"
                             rules={[{ required: true }]}
                         >
-                            <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={100} />
+                            <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={100} value={projectName} onChange={e => setProjectName(trim(e.target.value))} />
                         </Form.Item>
                     </Col>
                     <Col span={12}>

src/pages/Project/ProjectManage/ProjectManager/ProjectInformationManagement/components/ProcurementMethod5.tsx

@@ -73,6 +73,8 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
     const [noInformationFlag, setNoInformationFlag] = useState<boolean>(String(status) === '0');
     //是否需要供应商ipass解密显隐
     const [isIPassDecode, isIPassDecodeSet] = useState<boolean>(false);
+    //项目名称格式化
+    const [projectName, setProjectName] = useState<string>('');
     function onChangeIpass(e: any) {//是否使用ipass制作
         isIPassDecodeSet(e.target.value === '0');
     }
@@ -306,7 +308,7 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
                             name="projectName"
                             rules={[{ required: true }]}
                         >
-                            <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={150} />
+                            <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={150} value={projectName} onChange={e => setProjectName(trim(e.target.value))} />
                         </Form.Item>
                     </Col>
                     <Col span={12}>

src/pages/Project/ProjectManage/ProjectManager/ProjectInformationManagement/components/ProcurementMethod6.tsx

@@ -71,6 +71,8 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
     const [noInformationFlag, setNoInformationFlag] = useState<boolean>(String(status) === '0');
     //是否需要供应商ipass解密显隐
     const [isIPassDecode, isIPassDecodeSet] = useState<boolean>(false);
+    //项目名称格式化
+    const [projectName, setProjectName] = useState<string>('');
     function onChangeIpass(e: any) {//是否使用ipass制作
         isIPassDecodeSet(e.target.value === '0');
     }
@@ -305,7 +307,7 @@ const ProjectDocumentation: React.FC<ProcurementMethodItem> = (props) => {
                             name="projectName"
                             rules={[{ required: true }]}
                         >
-                            <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={150} />
+                            <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={150} value={projectName} onChange={e => setProjectName(trim(e.target.value))} />
                         </Form.Item>
                     </Col>
                     <Col span={12}>

src/pages/Project/ProjectManage/ProjectManager/ProjectInformationManagement/components/ProcurementMethod9.tsx

@@ -71,6 +71,8 @@ import { btnAuthority } from '@/utils/authority';
     const [noInformationFlag, setNoInformationFlag] = useState<boolean>(String(status) === '0');
     //是否需要供应商ipass解密显隐
     const [isIPassDecode, isIPassDecodeSet] = useState<boolean>(false);
+    //项目名称格式化
+    const [projectName, setProjectName] = useState<string>('');
     function onChangeIpass(e: any) {//是否使用ipass制作
         isIPassDecodeSet(e.target.value === '0');
     }
@@ -305,7 +307,7 @@ import { btnAuthority } from '@/utils/authority';
                             name="projectName"
                             rules={[{ required: true }]}
                         >
-                             <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={150} />
+                            <Input disabled={whetherReadonly} readOnly={whetherReadonly} maxLength={150} value={projectName} onChange={e => setProjectName(trim(e.target.value))} />
                         </Form.Item>
                     </Col>
                     <Col span={12}>

src/pages/ZYuShen/Bid/BiddingAnnouncement/components/BiddingDocument.tsx

@@ -38,6 +38,7 @@ const BiddingDocument: React.FC<BiddingDocumentProps> = (props) => {
   const [docSaveBtn, setDocSaveBtn] = useState<string>("compact");//保存按钮是否展示
   const [UploadList, setUploadList] = useState<any>();		//存upload列表
   const [UploadID, setUploadID] = useState<any>("empty"); //upload 业务id
+  const [docName, setDocName] = useState<string>('');//文件名称格式化
   const UploadProps: UploadProps = {
     name: "file",
     disabled: editInformation
@@ -244,7 +245,7 @@ const BiddingDocument: React.FC<BiddingDocumentProps> = (props) => {
               },
             ]}
           >
-            <Input maxLength={200} readOnly={editInformation} />
+            <Input maxLength={200} readOnly={editInformation} value={docName} onChange={e => setDocName(trim(e.target.value))} />
           </Form.Item>
           <Form.Item
             label="关联标段"

src/utils/CommonUtils.ts

@@ -307,8 +307,11 @@ export const numberToChinese = (num: any) => {
  * @param str 
  * @returns 
  */
-export const trim = (str: string | undefined) => {
+export const trim = (str: string): string => {
-  let _str = str?.replace(/(^\s*)|(\s*$)/g, "");
+  if (isNotEmpty(str)) {
-  _str = _str?.replace(/[<>|\\/?？:：*""“”\s\r\n\t]/, "");
+    let _str = str.replace(/(^\s*)|(\s*$)/g, "");
+    _str = _str.replace(/[<>|\\/?？:：*""“”\s\r\n\t]/, "");
     return _str;
   }
+  return '';
+}