Merge branch '20230128-供应商多的时候加载时间相对长，需增加加载等待动效效果' into 'release_20230210'

1.28 供应商多的时候加载时间相对长，需增加加载等待动效效果

See merge request eshop/fe_service_ebtp_frontend!150

src/pages/Evaluation/BidControl/BidControlManager/components/ViewRishFormModal.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Collapse, Table, PageHeader, Empty, Card } from 'antd';
+import { Collapse, Table, PageHeader, Empty, Card, Spin } from 'antd';
 import { getList } from '../service';
 import { getProMethod, getRoomId } from '@/utils/session';
 import FileDown from '@/utils/Download';
@@ -15,6 +15,7 @@ interface ViewRishFormModalProps {
 const ViewRishFormModal: React.FC<ViewRishFormModalProps> = (props) => {
 
   const [rishList, setDataList] = useState([]);
+  const [loading, setLoading] = useState<boolean>(false);
 
   let name1 = "投标";
   let proDict = getProMethod();
@@ -61,12 +62,15 @@ const ViewRishFormModal: React.FC<ViewRishFormModalProps> = (props) => {
   const getWarningList = async () => {
     let roomId = getRoomId();//sessionStorage.getItem('roomId');//sessionStorage.getItem('roomId')
     //ip mac
+    setLoading(true);
     await getList(roomId).then((res) => {
       if (res.success === true) {
         if (res.data !== null && res.data.length > 0) {
           setDataList(res.data)
         }
       }
+    }).finally(() => {
+      setLoading(false);
     })
   }
 
@@ -80,6 +84,7 @@ const ViewRishFormModal: React.FC<ViewRishFormModalProps> = (props) => {
     <>
       <Collapse onChange={callback} defaultActiveKey={props?.activeKey ? ['1'] : []}>
         <Collapse.Panel header={`${name1}文件制作地址日志信息查看`} key="1">
+          <Spin spinning={loading}>
             {rishList?.length == 0
               ? <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
               : <>
@@ -145,6 +150,7 @@ const ViewRishFormModal: React.FC<ViewRishFormModalProps> = (props) => {
                   )
                 }
               </>}
+          </Spin>
         </Collapse.Panel>
       </Collapse>
     </>