首页

src/app/routes/dashboard/analysis/analysis.component.html

@@ -134,30 +134,36 @@
           <th nzLeft="265px" nzWidth="120px" nzAlign="center" style="background-color:rgb(223, 223, 219)"><strong>物料编码</strong></th>
           <th nzLeft="383px" nzWidth="200px" nzAlign="center" style="background-color:rgb(223, 223, 219)"><strong>物料名称</strong></th> -->
 
-            <th nzLeft="0px" rowSpan="2" nzWidth="60px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+            <th nzLeft="0px" rowSpan="2" nzWidth="30px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
               <strong>序号</strong></th>
-            <th nzLeft="58px" rowSpan="2" nzWidth="100px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+            <th nzLeft="29px" rowSpan="2" nzWidth="80px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
               <strong>项目名称</strong></th>
-            <th nzLeft="157px" rowSpan="2" nzWidth="110px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+            <th nzLeft="109px" rowSpan="2" nzWidth="110px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
               <strong>生产订单号</strong></th>
-            <th nzLeft="265px" rowSpan="2" nzWidth="120px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+            <th nzLeft="218px" rowSpan="2" nzWidth="120px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
               <strong>物料编码</strong></th>
-            <th nzLeft="383px" rowSpan="2" nzWidth="200px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+            <th nzLeft="337px" rowSpan="2" nzWidth="100px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
               <strong>物料名称</strong></th>
-            <th nzLeft="580px" rowSpan="2" nzWidth="80px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
-              <strong>月度计划</strong></th>
-            <th nzLeft="659px" rowSpan="2" nzWidth="100px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
-              <strong>标准总工时</strong></th>
-            <th nzLeft="758px" rowSpan="2" nzWidth="110px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
-              <strong>累计完成数量</strong></th>
-            <th nzLeft="867px" rowSpan="2" nzWidth="110px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
-              <strong>累计完成工时</strong></th>
+            <th nzLeft="437px" rowSpan="2" nzWidth="50px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+              <strong>计划</strong></th>
+            <th nzLeft="486px" rowSpan="2" nzWidth="50px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+              <strong>总工时</strong></th>
+            <th nzLeft="536px" rowSpan="2" nzWidth="50px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+              <strong>完成数量</strong></th>
+            <th nzLeft="586px" rowSpan="2" nzWidth="50px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+              <strong>完成工时</strong></th>
+              <th nzLeft="636px" rowSpan="2" nzWidth="100px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+                <strong>开始时间</strong></th>
+                <th nzLeft="736px" rowSpan="2" nzWidth="100px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+                  <strong>结束时间</strong></th>
+                  <!-- <th nzLeft="836px" rowSpan="2" nzWidth="70px" nzAlign="center" style="background-color:rgb(223, 223, 219)">
+                    <strong>状态</strong></th> -->
             <ng-container *ngFor="let date of dateList">
-              <th nzWidth="120px" nzAlign="center"><strong>当日计划数量</strong></th>
-              <th nzWidth="120px" nzAlign="center"><strong>当日完成数量</strong></th>
-              <th nzWidth="120px" nzAlign="center"><strong>当日完成工时 </strong></th>
-              <th nzWidth="120px" nzAlign="center"><strong>当日标准工时</strong></th>
-              <th nzWidth="120px" nzAlign="center"><strong>当日生产效率</strong></th>
+              <th nzWidth="100px" nzAlign="center"><strong>当日计划数量</strong></th>
+              <th nzWidth="100px" nzAlign="center"><strong>当日完成数量</strong></th>
+              <th nzWidth="100px" nzAlign="center"><strong>当日完成工时 </strong></th>
+              <th nzWidth="100px" nzAlign="center"><strong>当日标准工时</strong></th>
+              <th nzWidth="100px" nzAlign="center"><strong>当日生产效率</strong></th>
               <th nzWidth="100px" nzAlign="center"><strong>当日达成率</strong></th>
             </ng-container>
           </tr>
@@ -178,14 +184,17 @@
               <!-- *ngIf="data.mergeLines!=0" [attr.rowSpan]="data.mergeLines" -->
               <td nzLeft="0px" nzAlign="center" *ngIf="data.mergeLines!=0" [attr.rowSpan]="data.mergeLines">
                 {{ data.sort }}</td>
-              <td nzLeft="58px" *ngIf="data.mergeLines!=0" [attr.rowSpan]="data.mergeLines">{{ data.projectName }}</td>
-              <td nzLeft="157px">{{ data.productionOrderNumberName }}</td>
-              <td nzLeft="265px">{{data.productId}}</td>
-              <td nzLeft="383px">{{data.product}}</td>
-              <td nzLeft="580px" nzAlign="center">{{data.surplusNumberOfTasksTotal}}</td>
-              <td nzLeft="659px" nzAlign="center">{{data.surplusStandardWorkingHoursTotal}}</td>
-              <td nzLeft="758px" nzAlign="center">{{data.quantityCompletedTotal}}</td>
-              <td nzLeft="867px" nzAlign="center">{{data.manHoursCompletedTotal}}</td>
+              <td nzLeft="29px" *ngIf="data.mergeLines!=0" [attr.rowSpan]="data.mergeLines">{{ data.projectName }}</td>
+              <td nzLeft="109px">{{ data.productionOrderNumberName }}</td>
+              <td nzLeft="218px">{{data.productId}}</td>
+              <td nzLeft="337px">{{data.product}}</td>
+              <td nzLeft="437px" nzAlign="center">{{data.surplusNumberOfTasksTotal}}</td>
+              <td nzLeft="486px" nzAlign="center">{{data.surplusStandardWorkingHoursTotal}}</td>
+              <td nzLeft="536px" nzAlign="center">{{data.quantityCompletedTotal}}</td>
+              <td nzLeft="586px" nzAlign="center">{{data.manHoursCompletedTotal}}</td>
+              <td nzLeft="636px" nzAlign="center">{{data.plannedStartTime}}</td>
+              <td nzLeft="736px" nzAlign="center">{{data.plannedEndTime}}</td>
+              <!-- <td nzLeft="836px" nzAlign="center"></td> -->
               <ng-container *ngFor="let dateChild of data.fbsWorkshopDispatchListList">
                 <td nzAlign="center">{{dateChild.numberOfTasks}}</td>
                 <td nzAlign="center">{{dateChild.qualifiedNumber}}</td>
@@ -207,18 +216,21 @@
           <tr style="background-color:rgb(223, 223, 219)" *ngFor="let data of columnTable.data;let i = index">
             <ng-container *ngIf="data.projectName==='统计'">
               <td nzLeft="0px" style="background-color:rgb(223, 223, 219)"></td>
-              <td nzLeft="58px" style="background-color:rgb(223, 223, 219);font-weight:bolder" nzAlign="center">
-                <!-- 剩余工时 -->
+              <td nzLeft="29px" style="background-color:rgb(223, 223, 219);font-weight:bolder" nzAlign="center">
+                <!-- 剩余工时 -->总标准工时
               </td>
-              <td nzLeft="157px" style="background-color:rgb(223, 223, 219)" nzAlign="center">
-                <!-- {{data.remainingWorkTotal}} -->
+              <td nzLeft="109px" style="background-color:rgb(223, 223, 219)" nzAlign="center">
+                <!-- {{data.remainingWorkTotal}} -->{{data.standardWorkingHoursTotal}}
               </td>
-              <td nzLeft="265px" style="background-color:rgb(223, 223, 219);font-weight:bolder" nzAlign="center">统计</td>
-              <td nzLeft="383px"></td>
-              <td nzLeft="580px" nzAlign="center">{{data.surplusNumberOfTasksTotal}}</td>
-              <td nzLeft="659px" nzAlign="center">{{data.surplusStandardWorkingHoursTotal}}</td>
-              <td nzLeft="758px" nzAlign="center">{{data.quantityCompletedTotal}}</td>
-              <td nzLeft="867px" nzAlign="center">{{data.manHoursCompletedTotal}}</td>
+              <td nzLeft="218px" style="background-color:rgb(223, 223, 219);font-weight:bolder" nzAlign="center"></td>
+              <td nzLeft="337px" style="background-color:rgb(223, 223, 219);font-weight:bolder">统计</td>
+              <td nzLeft="437px" nzAlign="center">{{data.surplusNumberOfTasksTotal}}</td>
+              <td nzLeft="486px" nzAlign="center">{{data.surplusStandardWorkingHoursTotal}}</td>
+              <td nzLeft="536px" nzAlign="center">{{data.quantityCompletedTotal}}</td>
+              <td nzLeft="586px" nzAlign="center">{{data.manHoursCompletedTotal}}</td>
+              <td nzLeft="636px" nzAlign="center"></td>
+              <td nzLeft="736px" nzAlign="center"></td>
+              <!-- <td nzLeft="836px" nzAlign="center"></td> -->
               <ng-container *ngFor="let dateChild of data.fbsWorkshopDispatchListList">
                 <td nzAlign="center">{{dateChild.numberOfTasks}}</td>
                 <td nzAlign="center">{{dateChild.qualifiedNumber}}</td>
@@ -242,18 +254,18 @@
         <tbody>
           <tr>
             <!-- <td nzLeft="0px" colspan="5" rowSpan="8"></td> -->
-            <td rowSpan="2" nzLeft="0px"></td>
-            <td rowSpan="2" nzLeft="58px" nzAlign="center" style="font-weight:bolder">总达成率</td>
-            <td rowSpan="2" nzLeft="157px" nzAlign="center">{{achievementRateTotal}}%</td>
-            <td rowSpan="2" nzLeft="265px" nzAlign="center" style="font-weight:bolder">总生产效率</td>
-            <td rowSpan="2" nzLeft="383px" nzAlign="center">{{productivityTotal}}%</td>
+            <td  nzLeft="0px"></td>
+            <td  nzLeft="29px" nzAlign="center" style="font-weight:bolder">总达成率</td>
+            <td  nzLeft="109px" nzAlign="center">{{achievementRateTotal}}%</td>
+            <td  nzLeft="218px" nzAlign="center" style="font-weight:bolder">总生产效率</td>
+            <td  nzLeft="337px" nzAlign="center">{{productivityTotal}}%</td>
             <!-- <td>月计划达成率</td>
           <td>1.95%</td>
           <td>月生产效率</td>
           <td>根据生产计划进度。实时变化</td> -->
-            <td nzLeft="580px" class="bolder">出勤总工时</td>
-            <td nzLeft="659px" nzAlign="center">{{AbnormalWorkingHoursTotal.attendanceHours}}</td>
-            <td nzLeft="758px" colSpan="2" nzAlign="right" class="bolder">出勤情况</td>
+            <td nzLeft="437px" class="bolder">出勤总工时</td>
+            <td nzLeft="486px" nzAlign="center">{{AbnormalWorkingHoursTotal.attendanceHours}}</td>
+            <td nzLeft="536px" colSpan="4" nzAlign="right" class="bolder">出勤情况</td>
             <ng-container *ngFor="let abnormalWorkingHours of abnormalWorkingHoursList">
               <td>应到人数</td>
               <td nzAlign="center">{{abnormalWorkingHours.numberOfPeopleToArrive}}</td>
@@ -264,14 +276,10 @@
             </ng-container>
           </tr>
           <tr>
-            <!-- <td ></td>
-          <td ></td>
-          <td ></td>
-          <td ></td>
-          <td ></td> -->
-            <td nzLeft="580px" class="bolder">加班总工时</td>
-            <td nzLeft="659px" nzAlign="center">{{AbnormalWorkingHoursTotal.overtimeHours}}</td>
-            <td nzLeft="758px" colSpan="2" nzAlign="right" class="bolder">加班记录</td>
+            <td nzLeft="0px" colspan="5" rowSpan="9"></td>
+            <td nzLeft="437px" class="bolder">加班总工时</td>
+            <td nzLeft="486px" nzAlign="center">{{AbnormalWorkingHoursTotal.overtimeHours}}</td>
+            <td nzLeft="536px" colSpan="4" nzAlign="right" class="bolder">加班记录</td>
             <ng-container *ngFor="let abnormalWorkingHours of abnormalWorkingHoursList">
               <td>加班工时</td>
               <td nzAlign="center">{{abnormalWorkingHours.overtimeHours}}</td>
@@ -280,20 +288,10 @@
             </ng-container>
           </tr>
           <tr>
-            <!-- <td rowSpan="2"></td>
-          <td rowSpan="2"></td>
-          <td rowSpan="2"></td>
-          <td rowSpan="2"></td>
-          <td rowSpan="2"></td> -->
-            <!-- <td nzLeft="0px" rowSpan="2"></td>
-          <td nzLeft="58px" rowSpan="2"></td>
-          <td nzLeft="157px" rowSpan="2"></td>
-          <td nzLeft="265px" rowSpan="2"></td>
-          <td nzLeft="383px" rowSpan="2"></td> -->
-            <td nzLeft="0px" colspan="5" rowSpan="8"></td>
-            <td nzLeft="580px" rowSpan="2" class="bolder">其他总工时</td>
-            <td nzLeft="659px" rowSpan="2" nzAlign="center">{{AbnormalWorkingHoursTotal.train}}</td>
-            <td nzLeft="758px" colSpan="2" rowSpan="2" nzAlign="right" class="bolder">其他工时统计</td>
+            
+            <td nzLeft="437px" rowSpan="2" class="bolder">其他总工时</td>
+            <td nzLeft="486px" rowSpan="2" nzAlign="center">{{AbnormalWorkingHoursTotal.train}}</td>
+            <td nzLeft="536px" colSpan="4" rowSpan="2" nzAlign="right" class="bolder">其他工时统计</td>
             <ng-container *ngFor="let abnormalWorkingHours of abnormalWorkingHoursList">
               <td>培训</td>
               <td nzAlign="center">{{abnormalWorkingHours.train}}</td>
@@ -314,19 +312,9 @@
             </ng-container>
           </tr>
           <tr>
-            <!-- <td rowSpan="3"></td>
-          <td rowSpan="3"></td>
-          <td rowSpan="3"></td>
-          <td rowSpan="3"></td>
-          <td rowSpan="3"></td> -->
-            <!-- <td nzLeft="0px" rowSpan="3"></td>
-          <td nzLeft="58px" rowSpan="3"></td>
-          <td nzLeft="157px" rowSpan="3"></td>
-          <td nzLeft="265px" rowSpan="3"></td>
-          <td nzLeft="383px" rowSpan="3"></td> -->
-            <td nzLeft="580px" rowSpan="3" class="bolder">异常总工时统计</td>
-            <td nzLeft="659px" rowSpan="3" nzAlign="center">{{AbnormalWorkingHoursTotal.abnormalWorkingHours}}</td>
-            <td nzLeft="758px" colSpan="2" rowSpan="3" nzAlign="right" class="bolder">异常工时统计</td>
+            <td nzLeft="437px" rowSpan="3" class="bolder">异常总工时统计</td>
+            <td nzLeft="486px" rowSpan="3" nzAlign="center">{{AbnormalWorkingHoursTotal.abnormalWorkingHours}}</td>
+            <td nzLeft="536px" colSpan="4" rowSpan="3" nzAlign="right" class="bolder">异常工时统计</td>
             <ng-container *ngFor="let abnormalWorkingHours of abnormalWorkingHoursList">
               <td>质量</td>
               <td nzAlign="center">{{abnormalWorkingHours.quality}}</td>
@@ -357,9 +345,9 @@
             </ng-container>
           </tr>
           <tr>
-            <td nzLeft="580px" rowSpan="2" class="bolder">仓库总工时统计</td>
-            <td nzLeft="659px" rowSpan="2" nzAlign="center">{{AbnormalWorkingHoursTotal.warehouse}}</td>
-            <td nzLeft="758px" colSpan="2" rowSpan="2" nzAlign="right" class="bolder">仓库工时统计</td>
+            <td nzLeft="437px" rowSpan="2" class="bolder">仓库总工时统计</td>
+            <td nzLeft="486px" rowSpan="2" nzAlign="center">{{AbnormalWorkingHoursTotal.warehouse}}</td>
+            <td nzLeft="536px" colSpan="4" rowSpan="2" nzAlign="right" class="bolder">仓库工时统计</td>
             <ng-container *ngFor="let abnormalWorkingHours of abnormalWorkingHoursList">
               <td>配料</td>
               <td nzAlign="center">{{abnormalWorkingHours.mixedIngredients}}</td>
@@ -380,12 +368,7 @@
 
 
           <tr>
-            <!-- <td ></td>
-          <td ></td>
-          <td ></td>
-          <td ></td>
-          <td ></td> -->
-            <td nzLeft="580px" colSpan="4" class="bolder">异常原因描述</td>
+            <td nzLeft="437px" colSpan="6" class="bolder">异常原因描述</td>
             <ng-container *ngFor="let abnormalWorkingHours of abnormalWorkingHoursList">
               <td colSpan="6">
                 <ng-container *ngFor="let describe of abnormalWorkingHours.fbsAbnormalWorkingHoursDescribeList">
@@ -419,37 +402,46 @@
 </nz-spin>
 <nz-spin [nzSpinning]="planningReportLoading">
   <div nz-row [nzGutter]="{xs:12,sm:15,md:29,lg: 36, xl: 40}">
-    <div nz-col nzXs="24" nzSm="4" nzLg="24" >
+    <div nz-col nzXs="24" nzSm="4" nzLg="4">
+      <nz-form-item class="nz-form-item">
+        <nz-form-label [nzSpan]="6" >日期</nz-form-label>
+        <nz-form-control [nzSpan]="12">
+          {{fbsWorkshopDispatchListPlanningReport.year}}
+        </nz-form-control>
+      </nz-form-item>
+    </div>
+    <div nz-col nzXs="24" nzSm="24" nzLg="24" >
+     
       <nz-table  class="tableTdPadding" nzSize="small" #columnTable2 nzBordered [nzData]="planningReportList"
-       [nzShowPagination]="false" [nzFrontPagination]="false">
+      [nzScroll]="{x:columnTable2Width+'px',y:'35vw'}" [nzShowPagination]="false" [nzFrontPagination]="false">
         <thead>
           <tr>
-            <th style="background-color:rgb(223, 223, 219);width: 20px;" ><strong>序号</strong></th>
-            <th style="background-color:rgb(223, 223, 219);width: 100px;" ><strong>生产订单</strong></th>
-            <th style="background-color:rgb(223, 223, 219);width: 100px;" ><strong>物料编码</strong></th>
-            <th style="background-color:rgb(223, 223, 219);width: 100px;" ><strong>物料名称</strong></th>
-            <th style="background-color:rgb(223, 223, 219);width: 20px;"><strong>数量</strong></th>
-            <th style="background-color:rgb(223, 223, 219);width: 20px;" ><strong>{{fbsWorkshopDispatchListPlanningReport.year}}</strong></th>
+            <th style="background-color:rgb(223, 223, 219);" nzWidth="30px" nzLeft="0px"><strong>序号</strong></th>
+            <th style="background-color:rgb(223, 223, 219);" nzWidth="90px" nzLeft="30px"><strong>生产订单</strong></th>
+            <th style="background-color:rgb(223, 223, 219);" nzWidth="90px" nzLeft="120px"><strong>物料编码</strong></th>
+            <th style="background-color:rgb(223, 223, 219);" nzWidth="120px" nzLeft="210px"><strong>物料名称</strong></th>
+            <th style="background-color:rgb(223, 223, 219);" nzWidth="30px" nzLeft="310px"><strong>数量</strong></th>
+            <!-- <th style="background-color:rgb(223, 223, 219);" nzWidth="4vw"><strong>{{fbsWorkshopDispatchListPlanningReport.year}}</strong></th> -->
             <ng-container *ngFor="let day of fbsWorkshopDispatchListPlanningReport.dayList">
-              <th style="background-color:rgb(223, 223, 219);padding: 2px;width: 20px;" >{{day}}</th>
+              <th style="background-color:rgb(223, 223, 219);padding: 2px;" nzWidth="25px">{{day}}</th>
             </ng-container>
 
           </tr>
         </thead>
         <tbody>
           <tr *ngFor="let data of columnTable2.data;let i = index">
-            <td  style="text-align: center;width: 20px;" >{{i+1}}</td>
-            <td style="width: 100px;">{{data.productionOrderNumberName}}</td>
-            <td style="width: 100px;">{{data.productId}}</td>
-            <td style="width: 100px;">{{data.product}}</td>
-            <td style="text-align: center;width: 20px;">{{data.numberOfTasks}}</td>
-            <td style="width: 20px;"></td>
+            <td nzLeft="0px" nzAlign="center" >{{i+1}}</td>
+            <td nzLeft="30px">{{data.productionOrderNumberName}}</td>
+            <td nzLeft="120px">{{data.productId}}</td>
+            <td nzLeft="210px">{{data.product}}</td>
+            <td nzLeft="310px" nzAlign="center">{{data.numberOfTasks}}</td>
+            <!-- <td ></td> -->
             <ng-container *ngFor="let color of data.isColor">
               <ng-container *ngIf="color==='1'">
-                <td style="background-color:gold;width: 20px;"></td>
+                <td style="background-color:gold;"></td>
               </ng-container>
               <ng-container *ngIf="color==='0'">
-                <td></td>
+                <td ></td>
               </ng-container>
             </ng-container>
 

src/app/routes/dashboard/analysis/analysis.component.ts

@@ -341,7 +341,8 @@ export class DashboardAnalysisComponent implements OnInit {
   getDateList(){
     if(this.listOfData&&this.listOfData.length>0){
       this.dateList=this.listOfData[0].fbsWorkshopDispatchListList
-      this.widthLength=(this.listOfData[0].fbsWorkshopDispatchListList.length*700)+890;
+      // this.widthLength=(this.listOfData[0].fbsWorkshopDispatchListList.length*700)+890;
+      this.widthLength=(this.listOfData[0].fbsWorkshopDispatchListList.length*600)+840;
     }
   }
 
@@ -490,12 +491,13 @@ export class DashboardAnalysisComponent implements OnInit {
   planningReportList=[]
   planningReportLoading=false;
   fbsWorkshopDispatchListPlanningReport:FbsWorkshopDispatchList={}
-
+  columnTable2Width=0;
   getPlanningReport(){
     this.planningReportLoading=true;
     this.fbsWorkshopDispatchListService.getPlanningReport().then((response)=>{
       this.fbsWorkshopDispatchListPlanningReport=response.result;
       this.planningReportList=response.result.fbsWorkshopDispatchListList;
+      this.columnTable2Width=response.result.dayList.length*25+360
       this.planningReportLoading=false;
     })
   }

src/app/routes/fbs-workshop-dispatch-list/list/list.component.html

@@ -105,7 +105,7 @@
     <thead>
       <tr>
         <th  style="width:10%">姓名</th>
-        <th>日期</th>
+        <!-- <th>日期</th> -->
         <th>生产订单号</th>
         <th>物料名称</th>
         <th nzAlign="center">计划数量</th>
@@ -127,11 +127,11 @@
       <tr *ngFor="let item of  borderedTable.data">
         <!-- <td >{{item.milestoneCode}}</td> -->
         <td>{{item.name}}</td>
-        <td>
+        <!-- <td>
           <ng-container *ngIf="item.firstTime||item.finalTime">
             {{item.firstTime}}至{{item.finalTime}}
           </ng-container>
-        </td>
+        </td> -->
         <td>{{item.productionOrderNumberName}}</td>
         <td style="width: 15%;">{{item.product}}</td>
         <td  nzAlign="center" >{{item.plannedQuantity}}</td>
@@ -173,7 +173,7 @@
       </tr>
       <tr style="font-weight:bolder">
         <td>总计</td>
-        <td></td>
+        <!-- <td></td> -->
         <td></td>
         <td></td>
         <td nzAlign="center">{{totalList.plannedQuantity}}</td>

src/styles/index.less

@@ -141,7 +141,7 @@ pre {
   word-break: break-all;
 }
 
-.tableTdPadding td {
+.tableTdPadding td,.tableTdPadding th {
   padding: 2px !important;
 }