公告结构化

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

@@ -35,6 +35,8 @@ interface DataItem {
 }
 
 
+
+
 const BiddingAnnouncementList: React.FC<{}> = (props) => {
   const [Refresh, setRefresh] = useState<any>(Math.random);
 
@@ -62,12 +64,18 @@ const BiddingAnnouncementList: React.FC<{}> = (props) => {
   const [approvalViewVisible, setApprovalViewVisible] = useState<boolean>(false);//查看审批流程弹窗
   const [approvalViewUrl, setApprovalViewUrl] = useState<string>("");//查看审批流程参数-url
 
+  const [annoPreviewVisible, setAnnoPreviewVisible] = useState<boolean>(false);//公告结构化预览
+  const [annoContent, setAnnoContent] = useState<string>("");//公告正文
+  const modalHeight = window.innerHeight * 96 / 100;
+
+
   let name1 = "中标";
   let name2 = "评标";
   let name3 = "开标";
   let name4 = "标段";
   let proName = "";
   let proDict = getProMethod();
+  const proOpenTenderForm = getProOpenTenderForm();
   let defId = getDefId();
   if (proDict == "procurement_mode_1" || proDict == "procurement_mode_2") {
     proName = "招标";
@@ -177,7 +185,7 @@ const BiddingAnnouncementList: React.FC<{}> = (props) => {
         );
         let btn3 = (
           <>
-            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" disabled={pageloading} onClick={() => handleRelease(record)}>发布</Button>
+            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" disabled={pageloading} onClick={() => sensitiveWordConfirm(() => handleRelease(record))}>发布</Button>
             <Button type="text" onClick={() => toRead(record)}>查看</Button>
             <Button type="text" key="9" onClick={() => toApprovalFor(record)} hidden={!checkObjectId(record.id)}>
               查看审批流程
@@ -208,7 +216,7 @@ const BiddingAnnouncementList: React.FC<{}> = (props) => {
         );
         let btn6 = (
           <>
-            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" disabled={pageloading} onClick={() => handleRelease(record)}>发布</Button>
+            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" disabled={pageloading} onClick={() => sensitiveWordConfirm(() => handleRelease(record))}>发布</Button>
             <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" disabled={pageloading} onClick={() => handleReleaseOffline(record)}>线下发布</Button>
             <Button type="text" onClick={() => toRead(record)}>查看</Button>
             <Button type="text" key="9" onClick={() => toApprovalFor(record)} hidden={!checkObjectId(record.id)}>
@@ -218,25 +226,96 @@ const BiddingAnnouncementList: React.FC<{}> = (props) => {
           </>
         );
 
+        let jghbtn = (
+          <>
+            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" onClick={() => annoStrucPreview(record)}>预览</Button>
+            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase']) || !record?.structuralFileId} type="text" onClick={() => downloadFileObjectId(record.structuralFileId)}>下载</Button>
+          </>
+        );
+        let updatebtn = (
+          <>
+            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" onClick={() => editAnnoStruc(record.id, false)}>编辑</Button>
+          </>
+        );
+        let viewbtn = (
+          <>
+            <Button type="text" onClick={() => editAnnoStruc(record.id, true)}>查看</Button>
+          </>
+        );
+        let delbtn = (
+          <>
+            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" onClick={() => handleRemove(record)}>删除</Button>
+          </>
+        );
+        let releasebtn = (
+          <>
+            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" disabled={pageloading} onClick={() => sensitiveWordConfirm(() => handleRelease(record))}>发布</Button>
+          </>
+        );
+        let approvalbtn = (
+          <>
+            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" disabled={pageloading} onClick={() => handleApproval(record)}>提交审批</Button>
+          </>
+        );
+        let approvalviewbtn = (
+          <>
+            <Button type="text" key="9" onClick={() => toApprovalFor(record)} hidden={!checkObjectId(record.id)}> 查看审批流程 </Button>
+          </>
+        );
+        let changebtn = (
+          <>
+            <Button type="text" onClick={() => toChange(record)}>变更</Button>
+          </>
+        );
+        let releaseOfflinebtn = (
+          <>
+            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" disabled={pageloading} onClick={() => handleReleaseOffline(record)}>线下发布</Button>
+          </>
+        );
+        let hasCtpspbtn = (
+          <>
+            <Button hidden={isEmpty(record.hasCtpsp) || !record.hasCtpsp} type="text" key="common" onClick={() => window.open('/PublicPlatform' + '?id=' + record.id)}>公共服务平台</Button>
+          </>
+        );
         /*if(true){
           return btn3;
         }else*/
-        if (record.status == 1) {
-          return btn1;
-        } else if (record.status == 2) {
-          return btn2;
-        } else if (record.status == 3) {
-          return btn3;
-        } else if (record.status == 4) {
-          return btn4;
-        } else if (record.status == 5) {
-          return btn5;
-        } else if (record.status == 6) {
-          return btn6;
-        } else if (record.status == 9) {
-          return btn2;
+        if (proDict == "procurement_mode_1" && proOpenTenderForm === "open_tender_form_1" && record?.structuralFileId) {
+          if (record.status == 1) {
+            return [updatebtn, jghbtn, approvalbtn, hasCtpspbtn, delbtn];
+          } else if (record.status == 2) {
+            return [viewbtn, jghbtn, approvalviewbtn, hasCtpspbtn];
+          } else if (record.status == 3) {
+            return [releasebtn, viewbtn, jghbtn, approvalviewbtn, hasCtpspbtn];
+          } else if (record.status == 4) {
+            return [updatebtn, jghbtn, approvalbtn, approvalviewbtn, hasCtpspbtn, delbtn];
+          } else if (record.status == 5) {
+            return [viewbtn, jghbtn, approvalviewbtn, hasCtpspbtn, changebtn];
+          } else if (record.status == 6) {
+            return [releasebtn, releaseOfflinebtn, viewbtn, jghbtn, approvalviewbtn, hasCtpspbtn];
+          } else if (record.status == 9) {
+            return [viewbtn, jghbtn, approvalviewbtn, hasCtpspbtn];
+          } else {
+            return (<></>)
+          }
         } else {
-          return (<></>)
+          if (record.status == 1) {
+            return btn1;
+          } else if (record.status == 2) {
+            return btn2;
+          } else if (record.status == 3) {
+            return btn3;
+          } else if (record.status == 4) {
+            return btn4;
+          } else if (record.status == 5) {
+            return btn5;
+          } else if (record.status == 6) {
+            return btn6;
+          } else if (record.status == 9) {
+            return btn2;
+          } else {
+            return (<></>)
+          }
         }
       },
 
@@ -297,7 +376,7 @@ const BiddingAnnouncementList: React.FC<{}> = (props) => {
         );
         let btn3 = (
           <>
-            <Button type="text" hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} disabled={pageloading} onClick={() => handleRelease(record)}>发布</Button>
+            <Button type="text" hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} disabled={pageloading} onClick={() => sensitiveWordConfirm(() => handleRelease(record))}>发布</Button>
             <Button type="text" onClick={() => toRead(record)}>查看</Button>
             <Button type="text" key="9" onClick={() => toApprovalFor(record)} hidden={!checkObjectId(record.id)}>
               查看审批流程
@@ -327,7 +406,7 @@ const BiddingAnnouncementList: React.FC<{}> = (props) => {
         );
         let btn6 = (
           <>
-            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" disabled={pageloading} onClick={() => handleRelease(record)}>发布</Button>
+            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="text" disabled={pageloading} onClick={() => sensitiveWordConfirm(() => handleRelease(record))}>发布</Button>
             <Button type="text" onClick={() => toRead(record)}>查看</Button>
             <Button type="text" key="9" onClick={() => toApprovalFor(record)} hidden={!checkObjectId(record.id)}>
               查看审批流程
@@ -596,6 +675,25 @@ const BiddingAnnouncementList: React.FC<{}> = (props) => {
       setPageloading(false);
     })
   };
+  //公告审批单&变更公告审批单
+  const toApprovalFor = async (record: any) => {
+    // await getApprovalFor(record.id).then(res => {
+    //   if (res?.code == 200 || res?.success == true) {
+    //     const data = res?.data;
+    //     let durl = /http:\/\/([^\/]+)\//i;
+    //     let d = data?.replace(durl, '/');
+    //     setApprovalViewUrl(d);
+    //     setApprovalViewVisible(true);
+    //   }
+    // })
+    if (record.approvalInstanceId) {
+      setRecordData(record);
+      setApprovalViewVisible(true);
+    } else {
+      message.error("无法获取审批流程信息，请检查您的操作或联系管理员。");
+    }
+  }
+
   //招标公告结构化
   const addAnnoStruc = async (annoId: any, editStatus: boolean) => {
     spinSet(true);
@@ -628,20 +726,22 @@ const BiddingAnnouncementList: React.FC<{}> = (props) => {
     })
     spinSet(false);
   }
-  //公告审批单&变更公告审批单
-  const toApprovalFor = async (record: any) => {
-    await getApprovalFor(record.id).then(res => {
-      if (res?.code == 200 || res?.success == true) {
-        const data = res?.data;
-        let durl = /http:\/\/([^\/]+)\//i;
-        let d = data?.replace(durl, '/');
-        setApprovalViewUrl(d);
-        setApprovalViewVisible(true);
+  //招标公告结构化
+  const editAnnoStruc = (annoId: any, editStatus: boolean) => {
+    history.push({
+      pathname: '/biddingAnnouncement/BiddingAnnoStructureForm',
+      state: {
+        projectId: tpId,
+        annoId: annoId ? annoId : undefined,
+        editStatus: editStatus
       }
-    })
+    });
+  }
+  /*预览招标公告*/
+  const annoStrucPreview = (props: any) => {
+    setAnnoPreviewVisible(true);
+    setAnnoContent(props?.contentWithStyle);
   }
-
-
   return (
     <div style={{ padding: '0px 24px' }}>
       <Spin spinning={spin}>
@@ -650,8 +750,8 @@ const BiddingAnnouncementList: React.FC<{}> = (props) => {
           loading={pageloading}
           toolBarRender={() => [
             (defId === 'bid_qualification') &&
-            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase']) } type="primary" onClick={() => addAnnoStruc(null, false)}>新增结构化公告</Button>,
             <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="primary" onClick={() => history.push('/ProjectLayout/NoticeFileStruct')}>采购实施计划</Button>,
+            <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase']) || proDict !== "procurement_mode_1" || proOpenTenderForm !== "open_tender_form_1"} type="primary" onClick={() => addAnnoStruc(null, false)}>新增结构化公告</Button>,
             <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} type="primary" onClick={() => toEditAdd([])}>新增{proName}公告</Button>,
             <Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} onClick={() => {
               handleRemoveMore()
@@ -704,6 +804,22 @@ const BiddingAnnouncementList: React.FC<{}> = (props) => {
             />
           </Modal>
         ) : null}
+        {annoPreviewVisible ? (
+          <Modal
+            destroyOnClose
+            title={"公告预览"}
+            visible={annoPreviewVisible}
+            width={1000}
+            centered
+            closable={false}
+            bodyStyle={{ maxHeight: modalHeight - 107, overflowY: 'auto', }}
+            footer={[<Button onClick={() => { setAnnoPreviewVisible(false); setAnnoContent("") }}>关闭 </Button>]}
+          >
+            <div style={{ border: '1px solid #c9d8db', overflowX: 'auto' }} className='content-div'>
+              <div dangerouslySetInnerHTML={{ __html: annoContent }}></div>
+            </div>
+          </Modal>
+        ) : null}
         {updateVisible ? (
           <BiddingAnnouncement SX={() => setRefresh(Math.random() + 1)} titleName={updateChange}
             pkId={pkId} type={type} tpId={tpId}
@@ -729,7 +845,7 @@ const BiddingAnnouncementList: React.FC<{}> = (props) => {
             }
           }} data={approvalData} annoId={recordData?.id} />
         ) : null}
-        <ApprovalModal modalVisible={approvalViewVisible} onCancel={() => { setApprovalViewVisible(false) }} url={approvalViewUrl} />
+        <ApprovalModal modalVisible={approvalViewVisible} onCancel={() => { setApprovalViewVisible(false); setRecordData({}) }} record={recordData} />
       </Spin>
     </div>
   )