FBS_MES_WEB/src/app/routes/fbs-warehouse/list/list.component.html

<page-header [action]="phActionTpl">
  <ng-template #phActionTpl>
    <button (click)="add()" nz-button nzType="primary">新建</button>
    <button (click)="export()" nz-button nzType="primary" [nzLoading]="exportLoading">导出</button>
  </ng-template>
</page-header>
<nz-card>
  <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.name" name="name" nz-input
              placeholder="请输入" /> -->
              <nz-date-picker name="start" [(ngModel)]="fbsWarehouse.start" nzPlaceHolder="请选择" >
              </nz-date-picker>
          </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"[nzNoColon]="true"></nz-form-label>
          <nz-form-control [nzSpan]="16">
            <!-- <input [(ngModel)]="fbsWorkshopDispatchList.name" name="name" nz-input
              placeholder="请输入" /> -->
              <nz-date-picker name="end" [(ngModel)]="fbsWarehouse.end" nzPlaceHolder="请选择" >
              </nz-date-picker>
          </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]="2" [nzNoColon]="true"></nz-form-label>
          <nz-form-control [nzSpan]="22" style="text-align: right;">
            <!-- 查询 -->
            <button nz-button nzType="primary" (click)="query()">查询</button>
          </nz-form-control>
        </nz-form-item>
      </div>
    </div>
  </form>
  <div nz-row [nzGutter]="{xs:12,sm:15,md:29,lg: 36, xl: 40}">
    <div nz-col nzXs="24" nzSm="4" nzLg="24">
      <nz-table nzSize="small" class="buttonDistance" [nzData]="dataList" [nzLoading]="isLoading"
        [nzFrontPagination]="false" #borderedTable [nzTotal]="page.total" [nzPageIndex]="page.current"
        (nzPageIndexChange)="pageIndexChange($event)">
        <thead>
          <tr>
            <th>日期</th>
            <th nzAlign="center">加班工时</th>
            <th nzAlign="center">工单配料</th>
            <th nzAlign="center">成品收存</th>
            <th nzAlign="center">原材料收存</th>
            <th nzAlign="center">研发领用</th>
            <th nzAlign="center">项目配料</th>
            <th nzAlign="center">项目发货</th>
            <th nzAlign="center">项目打包</th>
            <th nzAlign="center">装车</th>
            <th nzAlign="center">盘点</th>
            <th nzAlign="center">培训</th>
            <th nzAlign="center">会议</th>
            <th nzAlign="center">5S</th>
            <th nzAlign="center">其他</th>
            <th nzAlign="center">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let item of  borderedTable.data">
            <td>{{item.date}}</td>
            <td nzAlign="center">{{item.overtimeHours}}</td>
            <td nzAlign="center">{{item.workOrderBatching}}</td>
            <td nzAlign="center">{{item.storageFinishedProducts}}</td>
            <td nzAlign="center">{{item.storageRawMaterials}}</td>
            <td nzAlign="center">{{item.researchAndDevelopment}}</td>
            <td nzAlign="center">{{item.projectIngredients}}</td>
            <td nzAlign="center">{{item.projectDelivery}}</td>
            <td nzAlign="center">{{item.packProject}}</td>
            <td nzAlign="center">{{item.loading}}</td>
            <td nzAlign="center">{{item.inventory}}</td>
            <td nzAlign="center">{{item.train}}</td>
            <td nzAlign="center">{{item.meeting}}</td>
            <td nzAlign="center">{{item.fiveS}}</td>
            <td nzAlign="center">{{item.other}}</td>
            <td>
              <!-- 详情 -->
              <a (click)="view(item)">详情</a>
              <!-- 修改 -->
              <span>&nbsp;|&nbsp;</span>
              <a (click)="update(item)">修改</a>
              <!-- 删除 -->
              <span>&nbsp;|&nbsp;</span>
              <a nz-popconfirm nzTitle="是否删除" nzOkText="是" nzCancelText="否"
                (nzOnConfirm)="delete(item)">删除</a>
    
            </td>
          </tr>
          <tr style="font-weight:bolder;text-align: center;">
            <td>总计</td>
            <td>{{totalList.overtimeHours}}</td>
            <td>{{totalList.workOrderBatching}}</td>
            <td>{{totalList.storageFinishedProducts}}</td>
            <td>{{totalList.storageRawMaterials}}</td>
            <td>{{totalList.researchAndDevelopment}}</td>
            <td>{{totalList.projectIngredients}}</td>
            <td>{{totalList.projectDelivery}}</td>
            <td>{{totalList.packProject}}</td>
            <td>{{totalList.loading}}</td>
            <td>{{totalList.inventory}}</td>
            <td>{{totalList.train}}</td>
            <td>{{totalList.meeting}}</td>
            <td>{{totalList.fiveS}}</td>
            <td>{{totalList.other}}</td>
            <!-- <td>{{totalList.mixedIngredients}}</td>
            <td>{{totalList.warehousing}}</td>
            <td>{{totalList.pack}}</td> -->
            <td></td>
          </tr>
        </tbody>
      </nz-table>
    </div>
  </div>
</nz-card>