Sinopec-Anxin/src/app/pages/equipment-info/editequipment/editequipment.component.html

<div class="box" id="addequipment">
  <div class="title">
    <div class="titlecontent">
      编辑消防器材
    </div>
    <i nz-icon nzType="close" nzTheme="outline" (click)="destroyModal()"></i>
  </div>
  <form nz-form [formGroup]="validateForm" class="form">
    <p>消防器材名称</p>
    <nz-form-item>
      <nz-form-control>
        <nz-input-group>
          <input [(ngModel)]="data2.name" nz-input type="text" formControlName="name" placeholder="请输入名称" />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <p>规格</p>
    <nz-form-item>
      <nz-form-control>
        <nz-input-group>
          <input [(ngModel)]="data2.specification" nz-input type="text" formControlName="specification" placeholder="请输入规格" />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <p>购入日期</p>
    <nz-form-item>
      <nz-form-control>
        <nz-date-picker [(ngModel)]="data2.purchaseDate" formControlName="buytime" nzPlaceHolder="请输入购入日期"></nz-date-picker>
      </nz-form-control>
    </nz-form-item>
    <p>生产日期</p>
    <nz-form-item>
      <nz-form-control>
        <nz-date-picker [(ngModel)]="data2.productionDate" formControlName="prodtime" nzPlaceHolder="请输入生产日期"></nz-date-picker>
      </nz-form-control>
    </nz-form-item>
    <p>有效期至</p>
    <nz-form-item>
      <nz-form-control>
        <nz-date-picker [(ngModel)]="data2.validityEndTime" formControlName="validitytime" nzPlaceHolder="有效期至"></nz-date-picker>
      </nz-form-control>
    </nz-form-item>
    <div class="btnbox">
      <button nz-button type="submit" class="ok" (click)="ok()">确定</button>
      <button nz-button type="button" class="cancel" (click)="destroyModal()">取消</button>
    </div>
  </form>
</div>