5.9 上传投标文件、应答情况查看页、评审打分页，评审汇总表，评审结果MAC强控

src/pages/ZZhaoMu/Tender/UploadResponse/index.tsx

@@ -8,6 +8,7 @@ import ProList from '@ant-design/pro-list';
 import TableLook from './TableLook';
 import { getStatusByProId } from '@/services/downLoad';
 import { ExclamationCircleOutlined } from '@ant-design/icons';
+import SupplierCommitment from '@/pages/Tender/UploadResponse/components/SupplierCommitment';
 
 const Index: React.FC<{}> = () => {
   const [dateList, setDateList] = useState([]);
@@ -17,6 +18,8 @@ const Index: React.FC<{}> = () => {
   const [supplierStatus, setSupplierStatus] = useState<boolean>(false);
   // 提示信息显隐
   const [tip, setTip] = useState<boolean>(true);
+  //是否初始化列表-供应商承诺书用
+  const [isInit, setIsInit] = useState<boolean>(false);
 
   /**
    * 根据项目id获取供应商资质库信息引用状态
@@ -24,11 +27,11 @@ const Index: React.FC<{}> = () => {
    * @returns true-有供应商资质库信息 false-无供应商资质库信息
    */
   const getSupplierStatus = async (id: string) => {
-    await getStatusByProId({id: id}).then(res => {
-        setTip(false)
-        if(res?.code == 200) {
-            setSupplierStatus(res?.data)
-        }
+    await getStatusByProId({ id: id }).then(res => {
+      setTip(false)
+      if (res?.code == 200) {
+        setSupplierStatus(res?.data)
+      }
     })
   }
 
@@ -36,7 +39,7 @@ const Index: React.FC<{}> = () => {
     title: item.packageName + '—第' + item.roomSort + '轮',
     description: (
       <div>
-        <TableLook messProp={item} itemIndex={index} supplierStatus={supplierStatus}/>
+        <TableLook messProp={item} itemIndex={index} supplierStatus={supplierStatus} />
         {/* {expandedRowKeys.includes(item.sectionVO.bsId) ? <TableLook messProp={item} itemIndex={index} /> : null} */}
       </div>
     )
@@ -55,52 +58,55 @@ const Index: React.FC<{}> = () => {
         <div>
           <div>
             <Row>
-                <Col span="24">
-                    <div className="first-title">分包分段信息</div>
-                </Col>
-                <Col span="24" hidden={tip}>
-                  <div><Tag hidden={!supplierStatus} style={{ marginBottom: "10px", marginLeft: "20px" }} icon={<ExclamationCircleOutlined />} color="warning"> 为确保制作应答文件环节顺利进行，请您提前维护好供应商库信息，具体操作步骤可参照系统菜单-【我的工作台】-【共享文档下载】-【招标采购中心引用供应商信息库信息操作手册】 </Tag></div>
-                  <div><Tag hidden={getSessionProjectData().isIPassFile == '1' ? true : false} style={{ marginBottom: "20px" }} icon={<ExclamationCircleOutlined />} color="warning"> 依照代理设置，您在客户端制作应答文件及上传应答文件时需要插入ipass，请您提前知晓。</Tag></div>
-                </Col>
+              <Col span="24">
+                <div className="first-title">分包分段信息</div>
+              </Col>
+              <Col span="24" hidden={tip}>
+                <div><Tag hidden={!supplierStatus} style={{ marginBottom: "10px", marginLeft: "20px" }} icon={<ExclamationCircleOutlined />} color="warning"> 为确保制作应答文件环节顺利进行，请您提前维护好供应商库信息，具体操作步骤可参照系统菜单-【我的工作台】-【共享文档下载】-【招标采购中心引用供应商信息库信息操作手册】 </Tag></div>
+                <div><Tag hidden={getSessionProjectData().isIPassFile == '1' ? true : false} style={{ marginBottom: "20px" }} icon={<ExclamationCircleOutlined />} color="warning"> 依照代理设置，您在客户端制作应答文件及上传应答文件时需要插入ipass，请您提前知晓。</Tag></div>
+              </Col>
             </Row>
           </div>
         </div>
-        <ProList
-          className="pro-list"
-          rowKey="bsId"
-          params={{ "projectId": projectId }}
-          request={async (params) =>
-            await getPackages(params).then((res) => {
-              if (res.code == 200) {
-                let data = res.data;
-                setDateList(res.data.records)
+        {isInit && (
+          <ProList
+            className="pro-list"
+            rowKey="bsId"
+            params={{ "projectId": projectId }}
+            request={async (params) =>
+              await getPackages(params).then((res) => {
+                if (res.code == 200) {
+                  let data = res.data;
+                  setDateList(res.data.records)
+                  return Promise.resolve({
+                    data: data.records,
+                    success: res.success,
+                    total: res.data.total,
+                    current: res.data.current,
+                  });
+                }
                 return Promise.resolve({
-                  data: data.records,
-                  success: res.success,
-                  total: res.data.total,
-                  current: res.data.current,
+                  data: [],
+                  success: false,
+                  total: 0,
+                  current: 1,
                 });
-              }
-              return Promise.resolve({
-                data: [],
-                success: false,
-                total: 0,
-                current: 1,
-              });
-            })
-          }
-          pagination={{
-            defaultPageSize: 10,
-            showSizeChanger: true,
-          }}
-          expandable={{ expandedRowKeys, onExpandedRowsChange: setExpandedRowKeys, onExpand: changeList }}
-          dataSource={listDate}
-          metas={{
-            title: {},
-            content: {},
-            description: {}
-          }}
-        />
+              })
+            }
+            pagination={{
+              defaultPageSize: 10,
+              showSizeChanger: true,
+            }}
+            expandable={{ expandedRowKeys, onExpandedRowsChange: setExpandedRowKeys, onExpand: changeList }}
+            dataSource={listDate}
+            metas={{
+              title: {},
+              content: {},
+              description: {}
+            }}
+          />
+        )}
+        <SupplierCommitment projectId={projectId} callback={() => { setIsInit(true) }} />
       </div>
     </>
   )