调整表格的滚动距离

src/pages/kanban/ProductionProgress/components/ProgressTable/index.tsx

@@ -3,9 +3,7 @@ import styles from './index.less';
 import moment from 'moment';
 import { useIntl } from 'umi';
 
-type ErrorDetailCriteria = KANBAN.ProductionComprehens.ErrorDetailCriteria;
 type ProductionProgressKanbanData = KANBAN.ProductionProgress.ProductionProgressKanbanDataDto;
-type ProductionProgressKanbanSetting = KANBAN.ProductionProgress.ProductionProgressKanbanSetting;
 
 type ProgressTableProps = {
   lineName: string;

src/pages/kanban/materialSynthesis/components/partProgress/index.less

@@ -58,11 +58,15 @@
       }
       .row {
         display: flex;
-        line-height: 60px;
+        height: 60px;
         .item {
-          flex: 1;
+          justify-content: center;
+          word-break: break-all;
+          flex: 1 1;
+          line-height: 20px;
           font-size: 18px;
-          text-align: center;
+          display: flex;
+          align-items: center;
         }
       }
     }

src/pages/kanban/materialSynthesis/components/partProgress/index.tsx

@@ -58,7 +58,7 @@ const Main: React.FC<{ data: PartScheduleIndexDataDto[]; rowMovingTime: any }> =
             behavior: 'instant',
           });
         } else {
-          leftScroll.current.scrollTop += 30
+          leftScroll.current.scrollTop += 60
         }
       }, rowMovingTime * 1000)
     }

src/pages/kanban/materialSynthesis/components/partProgressLeft/index.less

@@ -58,11 +58,15 @@
       }
       .row {
         display: flex;
-        line-height: 60px;
+        height: 60px;
         .item {
-          flex: 1;
+          justify-content: center;
+          word-break: break-all;
+          flex: 1 1;
+          line-height: 20px;
           font-size: 18px;
-          text-align: center;
+          display: flex;
+          align-items: center;
         }
       }
     }

src/pages/kanban/materialSynthesis/components/partProgressLeft/index.tsx

@@ -56,7 +56,7 @@ const Main: React.FC<{ data: PartScheduleIndexDataDto1[]; rowMovingTime: any }>
             behavior: 'instant',
           });
         } else {
-          leftScroll.current.scrollTop += 30
+          leftScroll.current.scrollTop += 60
         }
       }, rowMovingTime * 1000)
     }
@@ -74,26 +74,26 @@ const Main: React.FC<{ data: PartScheduleIndexDataDto1[]; rowMovingTime: any }>
         </div>
         <div className="table-container">
           <div className="table-header">
-            <div className="item">{intl.formatMessage({id: '生产工单'})}</div>
+            <div className="item" style={{flex: 0.75}}>{intl.formatMessage({id: '生产工单'})}</div>
             <div className="item">{intl.formatMessage({id: '产品名称'})}</div>
-            <div className="item">{intl.formatMessage({id: '计划完成时间'})}</div>
-            <div className="item">{intl.formatMessage({id: '计划数量'})}</div>
-            <div className="item">{intl.formatMessage({id: '完成数量'})}</div>
+            <div className="item" style={{flex: 0.8}}>{intl.formatMessage({id: '计划完成时间'})}</div>
+            <div className="item" style={{flex: 0.5}}>{intl.formatMessage({id: '计划数量'})}</div>
+            <div className="item" style={{flex: 0.6}}>{intl.formatMessage({id: '完成数量'})}</div>
           </div>
           <div className="table-body" style={{height: '225px'}} ref={leftScroll}>
             {data?.map((item, index) => {
               return (
                 <div className="row" key={index}>
-                  <div className="item">{item.workorderNo}</div>
+                  <div className="item" style={{flex: 0.75}}>{item.workorderNo}</div>
                   <div className="item">{item.itemName	}</div>
-                  <div className="item">{item.planFinishDate}</div>
+                  <div className="item" style={{flex: 0.8}}>{item.planFinishDate}</div>
                   <div
-                    className="item"
+                    className="item" style={{flex: 0.5}}
                   >
                     {item.planQuantity}
                   </div>
                   <div
-                    className="item"
+                    className="item" style={{flex: 0.6}}
                   >
                     {item.finishQuantity}
                   </div>