fbs-mes-two-web/src/app/routes/dashboard/analysis/analysis.component.html

<!-- <div nz-row nzGutter="24">
  <nz-col nzXs="12" nzSm="6" nzMd="3" nzLg="3">
    <div class="block_normal">
      CD01项目<br/>
      85%
    </div>
  </nz-col>
  <nz-col nzXs="12" nzSm="6" nzMd="3" nzLg="3">
    <div class="block_normal">
      CD02项目<br/>
      50%
    </div>
  </nz-col>
  <nz-col nzXs="12" nzSm="6" nzMd="3" nzLg="3">
    <div class="block_normal">
      CD03项目<br/>
      90%
    </div>
  </nz-col>
  <nz-col nzXs="12" nzSm="6" nzMd="3" nzLg="3">
    <div class="block_normal">
      CD04项目<br/>
      40%
    </div>
  </nz-col>
  <nz-col nzXs="12" nzSm="6" nzMd="3" nzLg="3">
    <div class="block_danger">
      CD05项目<br/>
      30%
    </div>
  </nz-col>
  <nz-col nzXs="12" nzSm="6" nzMd="3" nzLg="3">
    <div class="block_normal">
      CD06项目<br/>
      25%
    </div>
  </nz-col>
  <nz-col nzXs="12" nzSm="6" nzMd="3" nzLg="3">
    <div class="block_danger">
      CD07项目<br/>
      15%
    </div>
  </nz-col>
  <nz-col nzXs="12" nzSm="6" nzMd="3" nzLg="3">
    <div class="block_normal">
      CD08项目<br/>
      0%
    </div>
  </nz-col>
</div> -->

<!-- <div nz-row [nzGutter]="24" class="pt-lg">
  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
    <nz-card [nzLoading]="loading" [nzBordered]="false" nzTitle="{{'last.90.days.project.statistics' | translate}}"
      class="mb-0">
      <g2-pie *ngIf="isVisible" [data]="projectFeeData" [hasLegend]="true" [subTitle]="'项目状态（个数）' | translate" [height]="600"
        [lineWidth]="4" [total]="projectFeeTotal" [valueFormat]="projectFeeFormat" [inner]="0.4">
      </g2-pie>
    </nz-card>
  </div>
</div> -->
<!-- class="tableTdPadding" -->
<!-- <th nzLeft="0px" nzWidth="60px"><strong>序号</strong></th>
<th nzLeft="60px" nzWidth="100px"><strong>生产线</strong></th>
<th nzLeft="160px" nzWidth="100px"><strong>订单编号</strong></th> -->
<nz-spin [nzSpinning]="saveLoading">
  <form nz-form>
    <div nz-row [nzGutter]="{xs:12,sm:15,md:29,lg: 36, xl: 40}">
      
      <div nz-col nzXs="24" nzSm="4" nzLg="8">
        <nz-form-item class="nz-form-item">
          <nz-form-label [nzSpan]="8">年份</nz-form-label>
          <nz-form-control [nzSpan]="16">
            <input [(ngModel)]="fbsWorkshopDispatchList.year" name="year" nz-input placeholder="请输入" />
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col nzXs="24" nzSm="4" nzLg="8">
        <nz-form-item class="nz-form-item">
          <nz-form-label [nzSpan]="8">月份</nz-form-label>
          <nz-form-control [nzSpan]="16">
            <input [(ngModel)]="fbsWorkshopDispatchList.month" name="month" nz-input placeholder="请输入" />
          </nz-form-control>
        </nz-form-item>
      </div>
      <!-- 按钮 -->
      <div nz-col nzXs="24" nzSm="4" nzLg="4">
        <nz-form-item class="nz-form-item">
          <nz-form-label [nzSpan]="2" [nzNoColon]="true"></nz-form-label>
          <nz-form-control [nzSpan]="22">
            <!-- 查询 -->
            <button nz-button nzType="primary" (click)="getSumDispatchReport()">查询</button>
            <button nz-button nzType="primary" (click)="export()" [nzLoading]="exportLoading">导出</button>
            &nbsp;&nbsp;
            <a *ngIf="!isShow" (click)="getShow()">展开&nbsp;<i nz-icon nzType="down" nzTheme="outline"></i></a>
            <a *ngIf="isShow" (click)="getShow()">收起&nbsp;<i nz-icon nzType="up" nzTheme="outline"></i></a>
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col nzXs="24" nzSm="4" nzLg="4">
        <nz-form-item class="nz-form-item">
          <nz-form-label [nzSpan]="18">是否显示已完成订单</nz-form-label>
          <nz-form-control [nzSpan]="6">
            <!-- 查询 -->
            <nz-switch [(ngModel)]="isSwitch" name="isSwitch" nzCheckedChildren="是" nzUnCheckedChildren="否"
              (ngModelChange)="isSwitchChange()">
            </nz-switch>
          </nz-form-control>
        </nz-form-item>
      </div>
    </div>
    <div *ngIf="isShow">
      <div nz-row [nzGutter]="{xs:12,sm:15,md:29,lg: 36, xl: 40}">
        <div nz-col nzXs="24" nzSm="4" nzLg="8">
          <nz-form-item class="nz-form-item">
            <nz-form-label [nzSpan]="8">项目编号</nz-form-label>
            <nz-form-control [nzSpan]="16">
              <input [(ngModel)]="fbsWorkshopDispatchList.costItemCode" name="costItemCode" nz-input
                placeholder="请输入" />
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzXs="24" nzSm="4" nzLg="8">
          <nz-form-item class="nz-form-item">
            <nz-form-label [nzSpan]="8">项目名称</nz-form-label>
            <nz-form-control [nzSpan]="16">
              <input [(ngModel)]="fbsWorkshopDispatchList.projectName" name="projectName" nz-input placeholder="请输入" />
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzXs="24" nzSm="4" nzLg="8">
          <nz-form-item class="nz-form-item">
            <nz-form-label [nzSpan]="8">工作中心</nz-form-label>
            <nz-form-control [nzSpan]="16">
              <input [(ngModel)]="fbsWorkshopDispatchList.workCenter" name="workCenter" nz-input placeholder="请输入" />
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
      <div nz-row [nzGutter]="{xs:12,sm:15,md:29,lg: 36, xl: 40}">
        <div nz-col nzXs="24" nzSm="4" nzLg="8">
          <nz-form-item class="nz-form-item">
            <nz-form-label [nzSpan]="8">订单编号</nz-form-label>
            <nz-form-control [nzSpan]="16">
              <!-- <input [(ngModel)]="fbsWorkshopDispatchList.productionOrderNumberName" name="productionOrderNumberName" nz-input
              placeholder="请输入" /> -->
              <nz-select [(ngModel)]="fbsWorkshopDispatchList.productionOrderNumberName" name="productionOrderNumberName"
                style="width: 100%" nzShowSearch nzAllowClear nzPlaceHolder="请选择">
                <ng-container *ngFor="let list of listOfDataSelect">
                  <nz-option [nzLabel]="list.productionOrderNumberName" [nzValue]="list.productionOrderNumberName">
                  </nz-option>
                </ng-container>
              </nz-select>
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzXs="24" nzSm="4" nzLg="8">
          <nz-form-item class="nz-form-item">
            <nz-form-label [nzSpan]="8">物料编码</nz-form-label>
            <nz-form-control [nzSpan]="16">
              <input [(ngModel)]="fbsWorkshopDispatchList.productId" name="productId" nz-input placeholder="请输入" />
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzXs="24" nzSm="4" nzLg="8">
          <nz-form-item class="nz-form-item">
            <nz-form-label [nzSpan]="8">物料名称</nz-form-label>
            <nz-form-control [nzSpan]="16">
              <input [(ngModel)]="fbsWorkshopDispatchList.product" name="product" nz-input placeholder="请输入" />
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
    </div>
  </form>
  <div nz-row [nzGutter]="24">
    <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
      <nz-table class="tableTdPadding" nzSize="small" #columnTable nzBordered [nzData]="listOfData"
        [nzShowPagination]="false" [nzFrontPagination]="false">
        <thead>
          <tr>
            <!-- <th nzLeft="0px" nzWidth="60px" nzAlign="center" style="background-color:rgb(223, 223, 219)"><strong>序号</strong></th>
          <th nzLeft="58px" nzWidth="100px" nzAlign="center" style="background-color:rgb(223, 223, 219)"><strong>项目名称</strong></th>
          <th nzLeft="157px" nzWidth="110px" nzAlign="center" style="background-color:rgb(223, 223, 219)"><strong>订单编号</strong></th>
          <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 rowSpan="2" nzAlign="center" style="width: 2%;background-color:rgb(223, 223, 219)">
              <strong>序号</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 7%;background-color:rgb(223, 223, 219)">
              <strong>项目编号</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 10%;background-color:rgb(223, 223, 219)">
              <strong>项目名称</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 7%;background-color:rgb(223, 223, 219)">
              <strong>工作中心</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 7%;background-color:rgb(223, 223, 219)">
              <strong>订单编号</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 7%;background-color:rgb(223, 223, 219)">
              <strong>物料编码</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 7%;background-color:rgb(223, 223, 219)">
              <strong>物料名称</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 8%;background-color:rgb(223, 223, 219)">
              <strong>状态</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 3%;background-color:rgb(223, 223, 219)">
              <strong>数量</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 3%;background-color:rgb(223, 223, 219)">
              <strong>完成数量</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 3%;background-color:rgb(223, 223, 219)">
              <strong>剩余数量</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 3%;background-color:rgb(223, 223, 219)">
              <strong>标准工时</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 3%;background-color:rgb(223, 223, 219)">
              <strong>实际工时</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 3%;background-color:rgb(223, 223, 219)">
              <strong>订单达成率</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 3%;background-color:rgb(223, 223, 219)">
              <strong>生产效率</strong></th>
            <th rowSpan="2" nzAlign="center" style="width: 14%;background-color:rgb(223, 223, 219)">
              <strong>计划开完工时间</strong></th>
            <!-- <ng-container *ngFor="let date of dateList">
              <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>
          <tr>
            <!-- <th colspan="5" nzLeft="0px"></th>
          <th colspan="4" ></th> -->
            <!-- <th colspan="9" ></th> -->
            <!-- <ng-container *ngFor="let date of dateList;let i=index">
              <th colspan="6" *ngIf="i%2===0" style="background-color:rgb(223, 223, 219)">
                <strong>{{date.finalTime|date:'y-MM-dd'}}</strong></th>
              <th colspan="6" *ngIf="i%2!==0"><strong>{{date.finalTime|date:'y-MM-dd'}}</strong></th>
            </ng-container> -->
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of columnTable.data;let i = index">
            <ng-container *ngIf="data.projectName!=='统计'&&data.isSwitch">
              <!-- *ngIf="data.mergeLines!=0" [attr.rowSpan]="data.mergeLines" -->
              <td nzAlign="center" *ngIf="data.mergeLines!=0" [attr.rowSpan]="data.mergeLines">
                {{ data.sort }}</td>
              <td>{{ data.costItemCode }}</td>
              <td *ngIf="data.mergeLines!=0" [attr.rowSpan]="data.mergeLines">{{ data.projectName }}</td>
              <td>{{ data.workCenter }}</td>
              <td>{{ data.productionOrderNumberName }}</td>
              <td>{{data.productId}}</td>
              <td>{{data.product}}</td>
              <td nzAlign="center">
                <ng-container *ngIf="data.lackOfMaterialState=='正常'">
                  {{data.lackOfMaterialState}}
                </ng-container>
                <ng-container *ngIf="data.lackOfMaterialState=='待料'">
                  <span style="color: red;">{{data.lackOfMaterialState}}</span>
                </ng-container>
              </td>
              <td nzAlign="center">{{data.numberOfTasksTotal}}</td>
              <td nzAlign="center">{{data.quantityCompletedTotal}}</td>
              <td nzAlign="center">{{data.surplusNumberOfTasksTotal}}</td>
              <!-- <td  nzAlign="center">{{data.surplusStandardWorkingHoursTotal}}</td> -->
              <td nzAlign="center">{{data.standardWorkingHoursTotal}}</td>
              <td nzAlign="center">{{data.manHoursCompletedTotal}}</td>
              <td nzAlign="center">{{data.achievementRate}}%</td>
              <td nzAlign="center">{{data.productionEfficiency}}%</td>
              <td nzAlign="center">{{data.startDate}}至{{data.dueDate}}</td>
              <!-- <ng-container *ngFor="let dateChild of data.fbsWorkshopDispatchListList">
                <td nzAlign="center">{{dateChild.numberOfTasks}}</td>
                <td nzAlign="center">{{dateChild.qualifiedNumber}}</td>
                <td nzAlign="center">{{dateChild.manHoursCompleted}}</td>
                <td nzAlign="center">{{dateChild.standardWorkingHours}}</td>
                <td nzAlign="center">
                  <ng-container *ngIf="dateChild.productionEfficiency">{{dateChild.productionEfficiency}}%
                  </ng-container>
                  <ng-container *ngIf="!dateChild.productionEfficiency">0%</ng-container>
                </td>
                <td nzAlign="center">
                  <ng-container *ngIf="dateChild.achievementRate">{{dateChild.achievementRate}}%</ng-container>
                  <ng-container *ngIf="!dateChild.achievementRate">0%</ng-container>
                </td>
              </ng-container> -->
            </ng-container>
          </tr>
          <!-- 统计 -->
          <tr style="background-color:rgb(223, 223, 219)" *ngFor="let data of columnTable.data;let i = index">
            <ng-container *ngIf="data.projectName==='统计'">
              <td style="background-color:rgb(223, 223, 219)"></td>
              <td style="background-color:rgb(223, 223, 219);font-weight:bolder" nzAlign="center">
                <!-- 标准总工时 -->
              </td>
              <td style="background-color:rgb(223, 223, 219)" nzAlign="center">
                <!-- {{data.standardWorkingHoursTotal}} -->
              </td>
              <td style="background-color:rgb(223, 223, 219);font-weight:bolder" nzAlign="center"></td>
              <td style="background-color:rgb(223, 223, 219);font-weight:bolder">
                <!-- 统计 -->
              </td>
              <td></td>
              <td></td>
              <td></td>
              <td nzAlign="center">{{data.numberOfTasksTotal}}</td>
              <td nzAlign="center">{{data.quantityCompletedTotal}}</td>
              <td nzAlign="center">{{data.surplusNumberOfTasksTotal}}</td>
              <!-- <td nzAlign="center">{{data.surplusStandardWorkingHoursTotal}}</td> -->
              <td nzAlign="center">{{data.standardWorkingHoursTotal}}</td>
              <td nzAlign="center">{{data.manHoursCompletedTotal}}</td>
              <td nzAlign="center"  colSpan="3"></td>
            </ng-container>
          </tr>
          <tr></tr>
        </tbody>
        <!-- 异常工时 -->
        <!-- <tbody>
          <tr>
            <td></td>
            <td nzAlign="center" style="font-weight:bolder">月计划达成率</td>
            <td nzAlign="center">{{achievementRateTotal}}%</td>
            <td nzAlign="center" style="font-weight:bolder">月生产效率</td>
            <td nzAlign="center">{{productivityTotal}}%</td>
            <td colSpan="11"></td>
          </tr>
          <tr>
            <td></td>
            <td nzAlign="center" style="font-weight:bolder">月出勤工时</td>
            <td nzAlign="center">{{abnormalWorkingHours.attendanceHours}}</td>
            <td nzAlign="center" style="font-weight:bolder">月加班工时</td>
            <td nzAlign="center">{{abnormalWorkingHours.overtimeHours}}</td>
            <td nzAlign="center" style="font-weight:bolder" colSpan="2">月其他工时</td>
            <td nzAlign="center">{{abnormalWorkingHours.other}}</td>
            <td nzAlign="center" style="font-weight:bolder" colSpan="2">月异常工时</td>
            <td nzAlign="center">{{abnormalWorkingHours.quality}}</td>
            <td nzAlign="center" colSpan="2" style="font-weight:bolder">月仓库工时</td>
            <td nzAlign="center">{{abnormalWorkingHours.plan}}</td>
            <td nzAlign="center" colSpan="2"></td>
          </tr>

        </tbody> -->
      </nz-table>
    </div>
  </div>
  <form nz-form>
    <div nz-row [nzGutter]="{xs:12,sm:15,md:29,lg: 36, xl: 40}">
      <!-- 按钮 -->
      <div nz-col nzXs="24" nzSm="4" nzLg="4">
        <nz-form-item class="nz-form-item">
          <nz-form-label [nzSpan]="2" [nzNoColon]="true"></nz-form-label>
          <nz-form-control [nzSpan]="16">
            <!-- 查询 -->
            <!-- <button nz-button nzType="primary" (click)="export()" [nzLoading]="exportLoading">导出</button> -->
          </nz-form-control>
        </nz-form-item>
      </div>
    </div>
  </form>

</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="4">
      <nz-form-item class="nz-form-item">
        <nz-form-label [nzSpan]="6"><strong>日期</strong></nz-form-label>
        <nz-form-control [nzSpan]="12">
          {{fbsWorkshopDispatchListPlanningReport.year}}
        </nz-form-control>
      </nz-form-item>
    </div>
    <div nz-col nzXs="24" nzSm="4" nzLg="4">
      <nz-form-item class="nz-form-item">
        <nz-form-label [nzSpan]="6"><strong>周末</strong></nz-form-label>
        <nz-form-control [nzSpan]="12">
          <span style="background-color: yellow;border:1px solid #000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        </nz-form-control>
      </nz-form-item>
    </div>
  </div>
  <div nz-row [nzGutter]="{xs:12,sm:15,md:29,lg: 36, xl: 40}">
    <div nz-col nzXs="24" nzSm="24" nzLg="24">

      <nz-table class="tableTdPadding" nzSize="small" #columnTable2 nzBordered [nzData]="planningReportList"
        [nzScroll]="{x:columnTable2Width+'px',y:'35vw'}" [nzShowPagination]="false" [nzFrontPagination]="false">
        <thead>
          <tr>
            <th style="background-color:rgb(223, 223, 219);" nzWidth="40px" nzLeft="0px" nzAlign="center">
              <strong>序号</strong></th>
            <th style="background-color:rgb(223, 223, 219);" nzWidth="90px" nzLeft="40px" nzAlign="center">
              <strong>订单编号</strong></th>
            <th style="background-color:rgb(223, 223, 219);" nzWidth="90px" nzLeft="120px" nzAlign="center">
              <strong>物料编码</strong></th>
            <th style="background-color:rgb(223, 223, 219);" nzWidth="120px" nzLeft="210px" nzAlign="center">
              <strong>物料名称</strong></th>
            <th style="background-color:rgb(223, 223, 219);" nzWidth="40px" nzLeft="310px" nzAlign="center">
              <strong>数量</strong></th>
            <th style="background-color:rgb(223, 223, 219);" nzWidth="80px" nzLeft="350px" nzAlign="center">
              <strong>标准工时</strong></th>
            <ng-container *ngFor="let day of fbsWorkshopDispatchListPlanningReport.dayList">
              <ng-container *ngIf="day.week=='2'">
                <th style="background-color:rgb(223, 223, 219);padding: 2px;" nzWidth="25px" nzAlign="center">
                  {{day.day}}</th>
              </ng-container>
              <ng-container *ngIf="day.week=='1'">
                <th style="background-color:yellow;padding: 2px;" nzWidth="25px" nzAlign="center">{{day.day}}</th>
              </ng-container>

            </ng-container>

          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of columnTable2.data;let i = index">
            <td nzLeft="0px" nzAlign="center">{{i+1}}</td>
            <td nzLeft="40px">{{data.productionOrderNumberName}}</td>
            <td nzLeft="120px">{{data.productId}}</td>
            <td nzLeft="210px">{{data.product}}</td>
            <td nzLeft="310px" nzAlign="center">{{data.numberOfTasks}}</td>
            <td nzLeft="350px" nzAlign="center">{{data.standardWorkingHours}}</td>
            <ng-container *ngFor="let color of data.isColor">
              <ng-container *ngIf="color==='1'">
                <td style="background-color:greenyellow;"></td>
              </ng-container>
              <ng-container *ngIf="color==='0'">
                <td></td>
              </ng-container>
            </ng-container>

          </tr>
        </tbody>
      </nz-table>
    </div>
  </div>
</nz-spin> -->



<!-- <div nz-row [nzGutter]="24" class="pt-lg">
    <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
        <nz-card [nzLoading]="loading" [nzBordered]="false" [nzTitle]="'项目费用占比' | translate"  class="mb-0">
            <h4 class="margin:5px 0 5px 0;"></h4>
            <nz-table [nzShowPagination]="false">
                <thead>
                  <tr>
                    <th rowspan="2">序号</th>
                    <th rowspan="2">任务</th>
                    <th rowspan="2">负责人</th>
                    <th rowspan="2">开始<br/>时间</th>
                    <th rowspan="2">完成<br/>时间</th>
                    <th rowspan="2">工期</th>
                    <th rowspan="2">进度</th>
                    <th colspan="2">19年2月</th>
                    <th colspan="2">19年3月</th>
                    <th colspan="2">19年4月</th>
                    <th colspan="2">19年5月</th>
                    <th colspan="2">19年6月</th>
                    <th colspan="2">19年7月</th>
                    <th colspan="2">19年8月</th>
                    <th colspan="2">19年9月</th>
                  </tr>
                  <tr>
                    <th>10</th>
                    <th>25</th>
                    <th>10</th>
                    <th>25</th>
                    <th>10</th>
                    <th>25</th>
                    <th>10</th>
                    <th>25</th>
                    <th>10</th>
                    <th>25</th>
                    <th>10</th>
                    <th>25</th>
                    <th>10</th>
                    <th>25</th>
                    <th>10</th>
                    <th>25</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>1</td>
                    <td>CD01</td>
                    <td>张三</td>
                    <td>20190201</td>
                    <td>20190620</td>
                    <td>100d</td>
                    <td>85%</td>
                    <td class="work_done"></td>
                    <td class="work_done"></td>

                    <td class="work_done"></td>
                    <td class="work_done"></td>

                    <td class="work_done"></td>
                    <td class="work_done"></td>

                    <td class="work_done"></td>
                    <td class="work_done"></td>

                    <td class="work_doing"></td>
                    <td class="work_doing"></td>

                    <td></td>
                    <td></td>

                    <td></td>
                    <td></td>

                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                      <td>2</td>
                      <td>CD02</td>
                      <td>李四</td>
                      <td>20190301</td>
                      <td>20190926</td>
                      <td>150d</td>
                      <td>50%</td>
                      <td></td>
                      <td></td>
  
                      <td class="work_done"></td>
                      <td class="work_done"></td>
  
                      <td class="work_done"></td>
                      <td class="work_done"></td>
  
                      <td class="work_done"></td>
                      <td class="work_done"></td>
  
                      <td class="work_doing"></td>
                      <td class="work_doing"></td>
  
                      <td class="work_doing"></td>
                      <td class="work_doing"></td>
  
                      <td class="work_doing"></td>
                      <td class="work_doing"></td>
  
                      <td class="work_doing"></td>
                      <td></td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>CD03</td>
                        <td>Jack</td>
                        <td>20190315</td>
                        <td>20190606</td>
                        <td>60d</td>
                        <td>90%</td>
                        <td></td>
                        <td></td>
    
                        <td class=""></td>
                        <td class="work_done"></td>
    
                        <td class="work_done"></td>
                        <td class="work_done"></td>
    
                        <td class="work_done"></td>
                        <td class="work_done"></td>
    
                        <td class="work_doing"></td>
                        <td class=""></td>
    
                        <td class=""></td>
                        <td class=""></td>
    
                        <td class=""></td>
                        <td class=""></td>
    
                        <td class=""></td>
                        <td></td>
                      </tr>
                      <tr>
                          <td>4</td>
                          <td>CD04</td>
                          <td>Alise</td>
                          <td>20190401</td>
                          <td>20190816</td>
                          <td>100d</td>
                          <td>40%</td>
                          <td></td>
                          <td></td>
      
                          <td class=""></td>
                          <td class=""></td>
      
                          <td class="work_done"></td>
                          <td class="work_done"></td>
      
                          <td class="work_done"></td>
                          <td class="work_doing"></td>
      
                          <td class="work_doing"></td>
                          <td class="work_doing"></td>
      
                          <td class="work_doing"></td>
                          <td class="work_doing"></td>
      
                          <td class="work_doing"></td>
                          <td class=""></td>
      
                          <td class=""></td>
                          <td></td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>CD05</td>
                            <td>Tom</td>
                            <td>20190410</td>
                            <td>20190924</td>
                            <td>120d</td>
                            <td>30%</td>
                            <td></td>
                            <td></td>
        
                            <td class=""></td>
                            <td class=""></td>
        
                            <td class=""></td>
                            <td class="work_done"></td>
        
                            <td class="work_done"></td>
                            <td class="work_doing"></td>
        
                            <td class="work_doing"></td>
                            <td class="work_doing"></td>
        
                            <td class="work_doing"></td>
                            <td class="work_doing"></td>
        
                            <td class="work_doing"></td>
                            <td class="work_doing"></td>
        
                            <td class="work_doing"></td>
                            <td></td>
                          </tr>
                          <tr>
                              <td>6</td>
                              <td>CD06</td>
                              <td>王五</td>
                              <td>20190422</td>
                              <td>20190906</td>
                              <td>100d</td>
                              <td>25%</td>
                              <td></td>
                              <td></td>
          
                              <td class=""></td>
                              <td class=""></td>
          
                              <td class=""></td>
                              <td class=""></td>
          
                              <td class="work_done"></td>
                              <td class="work_done"></td>
          
                              <td class="work_doing"></td>
                              <td class="work_doing"></td>
          
                              <td class="work_doing"></td>
                              <td class="work_doing"></td>
          
                              <td class="work_doing"></td>
                              <td class="work_doing"></td>
          
                              <td class=""></td>
                              <td></td>
                            </tr>
                            <tr>
                                <td>7</td>
                                <td>CD07</td>
                                <td>超人</td>
                                <td>20190510</td>
                                <td>20190829</td>
                                <td>80d</td>
                                <td>15%</td>
                                <td></td>
                                <td></td>
            
                                <td class=""></td>
                                <td class=""></td>
            
                                <td class=""></td>
                                <td class=""></td>
            
                                <td class=""></td>
                                <td class="work_done"></td>
            
                                <td class="work_doing"></td>
                                <td class="work_doing"></td>
            
                                <td class="work_doing"></td>
                                <td class="work_doing"></td>
            
                                <td class="work_doing"></td>
                                <td class="work_doing"></td>
            
                                <td class=""></td>
                                <td class=""></td>
                              </tr>
                              <tr>
                                  <td>8</td>
                                  <td>CD08</td>
                                  <td>Mike</td>
                                  <td>20190527</td>
                                  <td>20190913</td>
                                  <td>80d</td>
                                  <td>0%</td>
                                  <td></td>
                                  <td></td>
              
                                  <td class=""></td>
                                  <td class=""></td>
              
                                  <td class=""></td>
                                  <td class=""></td>
              
                                  <td class=""></td>
                                  <td class=""></td>
              
                                  <td class="work_doing"></td>
                                  <td class="work_doing"></td>
              
                                  <td class="work_doing"></td>
                                  <td class="work_doing"></td>
              
                                  <td class="work_doing"></td>
                                  <td class="work_doing"></td>
              
                                  <td class="work_doing"></td>
                                  <td class=""></td>
                                </tr>
                </tbody>
              </nz-table>
          </nz-card>
    </div>
  </div>
<div nz-row [nzGutter]="24">
  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="12">
    <nz-card [nzLoading]="loading" [nzBordered]="false" [nzTitle]="'2018年度成本分析' | translate" class="mb-0">
      
        <h4 class="margin:8px 0 32px 0;"></h4>
        <g2-pie *ngIf="salesPieData" [data]="feeData" [hasLegend]="true" [subTitle]="'' | translate" [height]="248" [lineWidth]="4" [total]=""
          [valueFormat]="feeFormat" [inner]="0">
        </g2-pie>
    </nz-card>
  </div>
  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="12">
    <nz-card [nzLoading]="loading" [nzBordered]="false" [nzTitle]="'项目风险预警' | translate" 
      class="sales-card mb-0" >
      <h4 class="margin:8px 0 32px 0;"></h4>
      <g2-bar *ngIf="salesPieData" [data]="alertData" [height]="248" >
      </g2-bar>
    </nz-card>
  </div>
</div> -->