fix: 优化售后订单管理页面滚动条区域

src/pages/AfterSaleManage/index.jsx

@@ -55,6 +55,9 @@ const AfterSale = props => {
     returnWaitAuditNum: 0,
     afterSalseDoneNum: 0,
   });
+  const scrollYRef = useRef();
+  const [tableScrollY, setTableScrollY] = useState(0);
+
   // 申诉
   const [proofsData, setProofsData] = useState([]);
   const [proofsVisible, setProofsVisible] = useState(false);
@@ -270,6 +273,17 @@ const AfterSale = props => {
     }
   }, [location]);
 
+  const calculationLayoutHeight = () => {
+    setTableScrollY(scrollYRef.current.offsetTop + 330);
+  };
+
+  useEffect(() => {
+    setTableScrollY(scrollYRef.current.offsetTop + 350);
+  }, []);
+
+  window.removeEventListener('resize', calculationLayoutHeight);
+  window.addEventListener('resize', calculationLayoutHeight);
+
   const columns = getColumns({
     openAudit,
     viewAppeal,
@@ -290,7 +304,7 @@ const AfterSale = props => {
     columns,
     params: tableParams,
     bordered: true,
-    scroll: { x: '100%', y: 'calc(100vh - 580px)' },
+    scroll: { x: '100%', y: `calc(100vh - ${tableScrollY}px)` },
     rowKey: r => r.serviceNo,
     request: async params => {
       const [start, end] = params.afterTime || afterTime;
@@ -373,6 +387,7 @@ const AfterSale = props => {
           />
         </Tabs>
       </div>
+      <div ref={scrollYRef}></div>
       <ProTable
         {...tableProps}
         actionRef={actionRef}
@@ -381,6 +396,9 @@ const AfterSale = props => {
         // toolBarRender={false}
       />
 
+      {/* 底部占位-防止消息提醒按钮挡住翻页 */}
+      {/* <div style={{ height: '80px' }}></div> */}
+
       <AuditModal visible={visible} onCancel={closeModal} formData={auditInfo} />
       <DetailTable visible={detailVisible} onCancel={closeModal} dataSource={detailInfo} />
       <ProofsModal visible={proofsVisible} onCancel={closeModal} data={proofsData} />