FBS_MES_WEB/src/app/routes/fbs-scan-code/list/list.component.html

<page-header [action]="phActionTpl">
  <ng-template #phActionTpl>
    <!-- <button (click)="add()" nz-button nzType="primary">新建</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="fbsWorkshopDispatchList.start" [(ngModel)]="fbsWorkingStatistics.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="fbsWorkshopDispatchList.end" [(ngModel)]="fbsWorkingStatistics.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>
    <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">
            <nz-select [(ngModel)]="fbsWorkingStatistics.personnelCode" name="personnelCode" style="width: 100%"
              nzShowSearch nzAllowClear nzPlaceHolder="请选择">
              <ng-container *ngFor="let proper of properList">
                <nz-option [nzLabel]="proper.personnelName" [nzValue]="proper.personnelCode"> </nz-option>
              </ng-container>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
      </div>
    </div>
  </form>
  <!-- 数据表 -->
  <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>人员名称</th>
        <th>订单号</th>
        <th>物料编码</th>
        <th>物料名称</th>
        <th>上岗日期</th>
        <th>下岗时间</th>
        <th>扫码信息</th>
        <th nzAlign="center">工时</th>
        <th nzAlign="center">完成数量</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of  borderedTable.data">
        <td>{{item.personnelCode}}</td>
        <td>{{item.personnelName}}</td>
        <td>{{item.orderNumber}}</td>
        <td>{{item.materielCode}}</td>
        <td>{{item.materielName}}</td>
        <td>{{item.firstTime}}</td>
        <td>{{item.finalTime}}</td>
        <td>{{item.finalInfo}}</td>
        <td nzAlign="center">{{item.workingHours}}</td>
        <td nzAlign="center">{{item.qualifiedNumber}}</td>
      </tr>
    </tbody>
  </nz-table>
</nz-card>