更新版本库

src/pages/Tender/BiddingResponse/index.tsx

@@ -1,40 +1,16 @@
 import React, { useState, useEffect } from 'react';
-import { Button, Table, Tabs, Space, Modal, Collapse, PageHeader } from 'antd';
-import { DetailListItem, DownloadListItem } from './data';
+import { Button, Table, Space, Modal, Collapse } from 'antd';
 import { getPayandreply, getDetail } from './service';
 import '@/assets/ld_style.less';
+import { getProId } from '@/utils/session';
 
-const { TabPane } = Tabs;
 const { Panel } = Collapse;
 
-const detailData: DetailListItem[] = [
-  {
-    key: '1',
-    number: 'Test-20201103-zb/1',
-    bidSection: '第一包',
-    type: '传输网设备',
-    bidBook: '不需要邮寄',
-    contacts: '是温习',
-    state: '已投标',
-  },
-];
-const downloadData: DownloadListItem[] = [
-  {
-    key: '1',
-    number: 'Test-20201103-zb/1',
-    edition: '1',
-    time: '2020/08/22 11：15：20',
-    downloaders: '是温习',
-    files: 'Test-20201103-zb/1.zip',
-  },
-];
-
 const Index: React.FC<{}> = () => {
-  const [detailList, setDetailList] = useState(detailData); // 标包详情
-  const [downloadList, setDownloadList] = useState(downloadData); // 标书下载记录
+  const [detailList, setDetailList] = useState<any>([]); // 标包详情
+  const [downloadList, setDownloadList] = useState<any>([]); // 标书下载记录
   const [detailVisible, setDetailVisible] = useState<boolean>(false);
   const [packageList, setPackageList] = useState([]);
-  const [listData, setListData] = useState<object>(); // 存储列表数据到详情
   const [companyName, setCompanyName] = useState<object>(); // 单位名称
   const [downloadStatus, setDownloadStatus] = useState<object>(); // 状态
   const [contactName, setContactName] = useState<object>(); // 联系人姓名
@@ -42,33 +18,58 @@ const Index: React.FC<{}> = () => {
   const columns: any[] = [  // 标包列表
     {
       title: '序号',
+      width: '10%',
       render: (text: any, record: any, index: any) => `${index + 1}`
     },
     {
       title: '单位名称',
+      width: '25%',
       dataIndex: 'companyName',
     },
     {
       title: '购标联系人',
+      width: '15%',
       dataIndex: 'contactName',
     },
     {
       title: '购标联系人电话',
+      width: '20%',
       dataIndex: 'contactTelephone',
     },
     {
       title: '当前状态',
-      dataIndex: 'downloadStatus',
-      render: (_: any, record: any) => {
-        if (record.downloadStatus === 0) {
-          return (<>未投标</>)
-        } else if (record.downloadStatus === 1) {
-          return (<>已投标</>)
+      width: '15%',
+      render: (text: any, record: any) => {
+        if (record.registerStatus == '4') {
+          return (
+            <>已退出</>
+          )
+        } else {
+          if (record.downloadStatus == '1') {
+            return (
+              <>已下载</>
+            )
+          } else if (record.downloadStatus == '2') {
+            return (
+              <>已投标</>
+            )
+          } else {
+            if (record.payStatus == '2') {
+              return (
+                <>已付款</>
+              )
+            } else if (record.payStatus == '1') {
+              return (
+                <>未付款</>
+              )
+            }
+          }
         }
-      }
+      },
     },
     {
       title: '操作',
+      width: '15%',
       render: (text: any, record: any) => (
         <Space>
           <Button type="link" danger onClick={() => lookDetail(record)}>查看详情</Button>
@@ -100,11 +101,31 @@ const Index: React.FC<{}> = () => {
     {
       title: '当前状态',
       dataIndex: 'downloadStatus',
+      render: (text: any, record: any) => {
+        if (record.downloadStatus == '0') {
+          return (
+            <>未下载</>
+          )
+        } else if (record.downloadStatus == '1') {
+          return (
+            <>已下载</>
+          )
+        } else if (record.downloadStatus == '2') {
+          return (
+            <>已上传投标文件</>
+          )
+        } else if (record.downloadStatus == '3') {
+          return (
+            <>已撤回</>
+          )
+        }
+      },
     }
   ];
   const downloadColumns: any[] = [  // 标书下载记录
     {
       title: '序号',
+      width: 80,
       render: (text: any, record: any, index: any) => `${index + 1}`
     },
     {
@@ -125,6 +146,7 @@ const Index: React.FC<{}> = () => {
     },
     {
       title: '下载文件名',
+      width: '20%',
       dataIndex: 'fileName',
     }
   ];
@@ -147,7 +169,8 @@ const Index: React.FC<{}> = () => {
   }
 
   useEffect(() => {
-    getPayandreply("4419993030303037111").then((res) => {
+    let projectId = getProId()
+    getPayandreply(projectId).then((res) => {
       if (res.code == 200) {
         setPackageList(res.data)
       }
@@ -156,13 +179,7 @@ const Index: React.FC<{}> = () => {
 
   return (
     <>
-      <PageHeader
-        title="购标及应答情况查看"
-      />
       <div className="bidContent">
-        <h3 className="name">项目名称：[Test-201009911-zb]</h3>
-        {/* <Tabs>
-          <TabPane tab="Test-20201102-zb/1 【第一包】" key="1"> */}
         <Button type="primary" danger>导出购标信息</Button>
         {
           packageList.map((item: any, index: any) => {
@@ -229,8 +246,6 @@ const Index: React.FC<{}> = () => {
             </Collapse>
           </div>
         </Modal>
-        {/* </TabPane>
-        </Tabs> */}
       </div>
     </>
   )