FBS_MES_WEB/src/app/routes/fbs-abnormal-working-hours/view/view.component.html

<nz-spin [nzSpinning]="saveLoading">
  <!-- 主数据 -->
  <nz-table nzSize="small"  [nzNoResult]="' '" nzBordered #basicTable [nzShowPagination]="false" style="margin-bottom: 5px;">
    <thead>
      <tr>
        <!-- 异常工时信息统计单 -->
        <th colspan="13">
          <h2><strong>生产日报表</strong></h2>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <!-- <td style="width: 25%;">姓名</td>
        <td style="width: 25%;" colSpan="2">
          <nz-select [(ngModel)]="fbsAbnormalWorkingHours.personnelIdU8" style="width: 100%;" nzShowSearch nzAllowClear
            nzPlaceHolder="请选择" (ngModelChange)="personnelChange($event)">
            <ng-container *ngFor="let proper of properList">
              <nz-option  [nzLabel]="proper.cpersonname" [nzValue]="proper.cpersoncode"> </nz-option>
            </ng-container>
          </nz-select>
        </td> -->
        <td colSpan="2">日期</td>
        <td colspan="11">
          {{fbsAbnormalWorkingHours.date}}
        </td>
      </tr>
      <tr>
        <td>出勤工时</td>
        <td>应到人数</td>
        <td style="width: 8%;">
          {{fbsAbnormalWorkingHours.numberOfPeopleToArrive}}
        </td>
        <td>实到人数</td>
        <td style="width: 8%;">
          {{fbsAbnormalWorkingHours.actualNumberOfPeople}}
        </td>
        <td>请假</td>
        <td style="width: 8%;">
          {{fbsAbnormalWorkingHours.lleave}}
        </td>
        <td>旷工</td>
        <td style="width: 8%;">
          {{fbsAbnormalWorkingHours.absenteeism}}
        </td>
        <td>离职</td>
        <td style="width: 8%;">
          {{fbsAbnormalWorkingHours.quit}}
        </td>
        <td>出勤工时</td>
        <td style="width: 8%;">
          {{fbsAbnormalWorkingHours.attendanceHours}}
        </td>
      </tr>
      <tr>
        <td>加班记录</td>
        <td>加班人数</td>
        <td>
          {{fbsAbnormalWorkingHours.overtimePeople}}
        </td>
        <td>加班工时</td>
        <td>
          {{fbsAbnormalWorkingHours.overtimeHours}}
        </td>
        <td>加班原因</td>
        <td colspan="7">
          {{fbsAbnormalWorkingHours.overtimeReason}}
        </td>
      </tr>
      <tr>
        <td  rowSpan="6">其他工时统计</td>
        <td >培训</td>
        <td >
          {{fbsAbnormalWorkingHours.train}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.trainMemo}}
        </td>
      </tr>
      <tr>
        <td >会议</td>
        <td >
         {{fbsAbnormalWorkingHours.meeting}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.meetingMemo}}
        </td>
      </tr>
      
      <tr>
        <td>研发</td>
        <td>
          {{fbsAbnormalWorkingHours.researchAndDevelopment}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.researchAndDevelopmentMemo}}
        </td>
      </tr>
      <tr>
        <td >5S</td>
        <td >
          {{fbsAbnormalWorkingHours.fiveS}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.fiveSMemo}}
        </td>
      </tr>
      <tr>
        <td >打包</td>
        <td >
          {{fbsAbnormalWorkingHours.pack}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.packMemo}}
        </td>
      </tr>
      <tr>
        <td >其他</td>
        <td >
          {{fbsAbnormalWorkingHours.other}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.otherMemo}}
        </td>
      </tr>
      <tr>
        <td rowSpan="6">异常工时统计</td>
        <td>质量</td>
        <td>
         {{fbsAbnormalWorkingHours.quality}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.qualityMemo}}
        </td>
      </tr>
      <tr>
        <td>物料</td>
        <td>
          {{fbsAbnormalWorkingHours.materiel}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.materielMemo}}
        </td>
      </tr>
      <tr>
        <td>设备</td>
        <td>
         {{fbsAbnormalWorkingHours.equipment}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.equipmentMemo}}
        </td>
      </tr>
      <tr>
        <td>设计</td>
        <td>
          {{fbsAbnormalWorkingHours.design}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.designMemo}}
        </td>
      </tr>
      <tr>
        <td>能源</td>
        <td>
          {{fbsAbnormalWorkingHours.energy}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.energyMemo}}
        </td>
      </tr>
      <tr>
        <td>计划</td>
        <td>
         {{fbsAbnormalWorkingHours.plan}}
        </td>
        <td >备注</td>
        <td colspan="9">
          {{fbsAbnormalWorkingHours.planMemo}}
        </td>
      </tr>
      <!-- <tr>
        <td>设计</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.design" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
        <td>返工</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.rework" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
      </tr>
      <tr>
        <td>物料</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.materiel" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
        <td>能源</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.energy" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
        <td>其他</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.other" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
      </tr>
      <tr>
        <td>设备</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.equipment" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
        <td>计划</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.plan" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td rowSpan="2">仓库工时统计</td>
        <td>配料</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.mixedIngredients" [nzMin]="0" [nzStep]="1">
          </nz-input-number>
        </td>
        <td>入库</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.warehousing" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
        <td>打包</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.pack" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
      </tr>
      <tr>
        <td>其他</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.warehouseOthers" [nzMin]="0" [nzStep]="1">
          </nz-input-number>
        </td>
        <td>备注</td>
        <td colSpan="3">
          <textarea rows="2" nz-input [(ngModel)]="fbsAbnormalWorkingHours.memo"></textarea>
        </td>
      </tr> -->
      <tr>
        <!-- <td>改善措施</td>
        <td>当日派工产品</td>
        <td>
          <nz-select [(ngModel)]="fbsAbnormalWorkingHours.productId" style="width: 100%;" nzShowSearch
            nzAllowClear nzPlaceHolder="请选择" (ngModelChange)="productChange($event)">
            <ng-container *ngFor="let produc of productList">
              <nz-option [nzLabel]="produc.product" [nzValue]="produc.productId"> </nz-option>
            </ng-container>
          </nz-select>
        </td>
        <td>不良品数量</td>
        <td><nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.rejectsNumber" [nzMin]="0" [nzStep]="1"></nz-input-number></td> -->
        <!-- <td>异常类别</td>
        <td>
          <nz-select [(ngModel)]="fbsAbnormalWorkingHours.typeId" style="width: 100%;" nzShowSearch
            nzAllowClear nzPlaceHolder="请选择" (ngModelChange)="typeChange($event)">
            <ng-container *ngFor="let type of typeListSelect">
              <nz-option [nzLabel]="type.typeName" [nzValue]="type.id"> </nz-option>
            </ng-container>
          </nz-select>
        </td> -->
      </tr>
      <tr></tr>
    </tbody>
  </nz-table>

  <!-- 子表数据 -->
  <div nz-row nzGutter="24" >
    <!-- 异常原因描述 -->
    <div nz-col nzMd="24" nzLg="24">
      <nz-card nzTitle="异常原因描述">
        <!-- 表格 -->
        <nz-table style="margin-top: 5px;" nzSize="small" #editRowTable nzBordered [nzData]="describeList" [nzShowPagination]="false" [nzFrontPagination]=false>
          <thead>
            <tr>
              <th nzWidth="5%">序号</th>
              <th nzWidth="10%">生产订单</th>
              <th nzWidth="10%">物料编码</th>
              <th nzWidth="10%">物料名称</th>
              <th nzWidth="5%">计划数量</th>
              <th nzWidth="5%">不良品数量</th>
              <th nzWidth="15%">不良描述</th>
              <th nzWidth="10%">不良物料名称</th>
              <th nzWidth="5%">数量</th>
              <th nzWidth="5%">不良数量</th>
              <!-- <th nzWidth="10%">操作</th> -->
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let data of editRowTable.data">
              <td>{{data.sort}}</td>
              <td>{{data.productionOrderNumberName}}</td>
              <td>{{data.productId}}</td>
              <td>{{data.product}}</td>
              <td>{{data.plannedQuantity}}</td>
              <td>{{data.rejectsNumber}}</td>
              <td>{{data.describes}}</td>
              <td>{{data.materielName}}</td>
              <td>{{data.materielNumberOfTasks}}</td>
              <td>{{data.materielBadNumber}}</td>
            </tr>
          </tbody>
        </nz-table>
      </nz-card>
    </div>


  </div>
</nz-spin>

<!-- 底部按钮 -->
<div class="base">
  <!-- 底部关闭按钮 -->
    <button (click)="close()" nz-button class="ant-btn buttonDistance"><span>关闭</span></button>
</div>