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

<nz-spin [nzSpinning]="saveLoading">
  <!-- 主数据 -->
  <nz-table nzSize="small" [nzNoResult]="' '" nzBordered #basicTable [nzShowPagination]="false" style="margin-bottom: 5px;">
    <thead>
      <tr>
        <!-- 异常工时信息统计单 -->
        <th colspan="7">
          <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 style="width: 25%;" colSpan="2">日期</td>
        <td style="width: 25%;" colspan="2">
          <nz-date-picker [(ngModel)]="fbsAbnormalWorkingHours.date" nzPlaceHolder="请选择" nzDisabled>
          </nz-date-picker>
        </td>
        <td colSpan="3"></td>
      </tr>
      <tr>
        <td>出勤记录</td>
        <td>应到人数</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.numberOfPeopleToArrive" [nzMin]="0" [nzStep]="1">
          </nz-input-number>
        </td>
        <td>实到人数</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.actualNumberOfPeople" [nzMin]="0" [nzStep]="1">
          </nz-input-number>
        </td>
        <td>出勤工时</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.attendanceHours" [nzMin]="0" [nzStep]="1">
          </nz-input-number>
        </td>
      </tr>
      <tr>
        <td>加班记录</td>
        <td>加班工时</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.overtimeHours" [nzMin]="0" [nzStep]="1">
          </nz-input-number>
        </td>
        <td>加班原因</td>
        <td colspan="3">
          <textarea rows="2" nz-input [(ngModel)]="fbsAbnormalWorkingHours.overtimeReason"></textarea>
        </td>
      </tr>
      <tr>
        <td style="width: 25%;" rowSpan="2">其他工时统计</td>
        <td style="width: 10%;">培训</td>
        <td style="width: 15%;">
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.train" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
        <td style="width: 10%;">会议</td>
        <td style="width: 15%;">
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.meeting" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
        <td style="width: 10%;">5S</td>
        <td style="width: 15%;">
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.fiveS" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
      </tr>
      <tr>
        <td>研发</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.researchAndDevelopment" [nzMin]="0" [nzStep]="1">
          </nz-input-number>
        </td>
        <td colSpan="5"></td>
      </tr>
      <tr>
        <td rowSpan="3">异常工时统计</td>
        <td>质量</td>
        <td>
          <nz-input-number [(ngModel)]="fbsAbnormalWorkingHours.quality" [nzMin]="0" [nzStep]="1"></nz-input-number>
        </td>
        <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="异常原因描述">
        <!-- 按钮 -->
        <div nz-row [nzGutter]="24">
          <div nz-col nzMd="24" nzLg="24">
            <button (click)="describeAddRow()" nz-button nzType="primary">新增</button>
          </div>
        </div>
        <!-- 表格 -->
        <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="15%">物料名称</th>
              <th nzWidth="10%">计划数量</th>
              <th nzWidth="10%">不良品数量</th>
              <th nzWidth="25%">异常原因描述</th>
              <th nzWidth="15%">异常类别</th>
              <th nzWidth="10%">操作</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let data of editRowTable.data">
              <td>{{data.sort}}</td>
              <td>
                <nz-select [(ngModel)]="data.type" style="width: 100%;" nzShowSearch nzAllowClear nzPlaceHolder="请选择"
                  [nzDropdownMatchSelectWidth]="false">
                  <nz-option nzLabel="产品" nzValue="产品"> </nz-option>
                  <nz-option nzLabel="物料" nzValue="物料"> </nz-option>
                </nz-select>
              </td>
              <td>
                <!-- 选择产品 -->
                <ng-container *ngIf="data.type=='产品'">
                  <nz-select [(ngModel)]="data.productId" style="width: 100%;" nzShowSearch nzAllowClear
                    nzPlaceHolder="请选择" (ngModelChange)="productChange($event,data)"
                    [nzDropdownMatchSelectWidth]="false">
                    <ng-container *ngFor="let produc of productList">
                      <nz-option [nzLabel]="produc.product" [nzValue]="produc.productId"> </nz-option>
                    </ng-container>
                  </nz-select>
                </ng-container>
                <!-- 选择物料 -->
                <ng-container *ngIf="data.type=='物料'">
                  <input [(ngModel)]="data.product" nz-input
              placeholder="请输入" />
                </ng-container>
              </td>
              <td>
              <ng-container *ngIf="data.type=='产品'">
                {{data.plannedQuantity}}
              </ng-container>
              <ng-container *ngIf="data.type=='物料'">
                <nz-input-number [(ngModel)]="data.plannedQuantity" [nzMin]="0" [nzStep]="1"></nz-input-number>
              </ng-container>
              </td>
              <td><nz-input-number [(ngModel)]="data.rejectsNumber" [nzMin]="0" [nzStep]="1"></nz-input-number></td>
              <td><textarea rows="1" nz-input [(ngModel)]="data.describes"></textarea></td>
              <td>
                <!-- <nz-select [(ngModel)]="data.typeId" style="width: 100%;" nzShowSearch
                  nzAllowClear nzPlaceHolder="请选择" (ngModelChange)="typeChange($event,data)">
                  <ng-container *ngFor="let type of typeListSelect">
                    <nz-option [nzLabel]="type.typeName" [nzValue]="type.id"> </nz-option>
                  </ng-container>
                </nz-select> -->
                <input nz-input name="data.typeName" [(ngModel)]="data.typeName" />
              </td>
              <td><a nz-popconfirm nzTitle="是否删除?" (nzOnConfirm)="describeDeleteRow(data.sort)">删除</a></td>
            </tr>
          </tbody>
        </nz-table>
      </nz-card>
    </div>

    <!-- 异常类型 -->
    <!-- <div nz-col nzMd="24" nzLg="12">
      <nz-card nzTitle="异常类别">
        <div nz-row [nzGutter]="24">
          <div nz-col nzMd="24" nzLg="24">
            <button (click)="typeAddRow()" nz-button nzType="primary">新增</button>
          </div>
        </div>
        <nz-table style="margin-top: 5px;" nzSize="small" #typeTable nzBordered [nzData]="typeList" [nzShowPagination]="false" [nzFrontPagination]=false>
          <thead>
            <tr>
              <th nzWidth="10%">序号</th>
              <th nzWidth="80%">异常类型</th>
              <th nzWidth="10%">操作</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let data of typeTable.data">
              <td>{{data.sort}}</td>
              <td><input nz-input placeholder="请输入" [(ngModel)]="data.typeName" /></td>
              <td><a nz-popconfirm nzTitle="是否删除?" (nzOnConfirm)="typeDeleteRow(data.sort)">删除</a></td>
            </tr>
          </tbody>
        </nz-table>
      </nz-card>
    </div> -->

  </div>
</nz-spin>

<!-- 底部按钮 -->
<div class="base">
  <!-- 底部关闭按钮 -->
  <a nz-popconfirm style="margin-right: 2%" nzTitle="确认关闭吗(关闭前请确认数据已保存)" (nzOnConfirm)="close()">
    <button nz-button class="ant-btn buttonDistance"><span>关闭
      </span></button>
  </a>
  <!-- 底部保存按钮 -->
  <button nzbutton (click)="save()" nz-button nzType="primary" [nzLoading]="saveLoading"><span>保存</span></button>
</div>