中化加油站项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

83 lines
2.7 KiB

<!-- <p>器材管理</p> -->
<div class="box" id="equipmentInfo">
<div class="content">
<div class="title">
<app-title [name]="'编辑器材信息'"></app-title>
</div>
<div class="topbox">
<div class="lefttop">
<span>消防器材列表</span>
</div>
<div class="righttop">
<form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
<nz-form-item>
<nz-form-control>
<nz-input-group nzPrefixIcon="search">
<input type="text" nz-input placeholder="请输入器材名称" formControlName="search" />
</nz-input-group>
</nz-form-control>
<button style="display: none;" type="submit"></button>
</nz-form-item>
</form>
<button nz-button (click)="add()">新增</button>
</div>
</div>
<div class="tablebox">
<div class="table">
<div nz-row class="th">
<div nz-col nzSpan="5" style="box-sizing: border-box;padding-left: 28px;">
消防器材
</div>
<div nz-col nzSpan="4">
规格
</div>
<div nz-col nzSpan="4">
购入日期
</div>
<div nz-col nzSpan="4">
生产日期
</div>
<div nz-col nzSpan="4">
有效期至
</div>
<div nz-col nzSpan="3">
操作
</div>
</div>
<div class="tbody">
<div nz-row class="tr" *ngFor="let item of equipmentList">
<div nz-col nzSpan="5" style="box-sizing: border-box;padding-left: 28px;">
{{item.name}}
</div>
<div nz-col nzSpan="4">
{{item.specification}}
</div>
<div nz-col nzSpan="4">
{{item.purchaseDate | date:"yyyy-MM-dd"}}
</div>
<div nz-col nzSpan="4">
{{item.productionDate | date:"yyyy-MM-dd"}}
</div>
<div nz-col nzSpan="4">
{{item.validityEndTime | date:"yyyy-MM-dd"}}
</div>
<div nz-col nzSpan="3" class="btn">
<span (click)="edit(item)">
编辑
</span>
<span (click)="delete(item)">
删除
</span>
</div>
</div>
</div>
</div>
<div class="pagination">
<nz-pagination [nzHideOnSinglePage]="false" [nzPageIndex]="1" [nzTotal]="equipmentNum" [nzPageSize]="16"
[nzShowTotal]="totalTemplate" nzShowQuickJumper (nzPageIndexChange)="pageChange($event)">
</nz-pagination>
<ng-template #totalTemplate let-total> 16条/页,共{{equipmentNum}}条 </ng-template>
</div>
</div>
</div>
</div>