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.
 
 
 
hai-oil-web/src/app/pages/merchant/oil-no-config/oil-no-config.component.html

64 lines
2.1 KiB

<form nz-form [formGroup]="searchForm" class="search_form">
<div nz-row [nzGutter]="24">
<div nz-col [nzSpan]="6">
<nz-form-item>
<nz-form-label [nzNoColon]="true"></nz-form-label>
<nz-form-control>
<button nz-button style="margin-right: 8px" [nzType]="'primary'" (click)="showEditModal()">创建油枪号</button>
</nz-form-control>
</nz-form-item>
</div>
</div>
</form>
<nz-table #basicTable
[nzScroll]="{ x: '1000' }"
[nzBordered]="true"
[nzShowPagination]="false"
[nzFrontPagination]="false"
[nzShowQuickJumper]="false"
[nzShowTotal]="totalTemplate"
[nzTotal]="tableData.length"
[nzData]="tableData" >
<thead>
<tr>
<th nzWidth="60px">油品类型</th>
<th nzWidth="60px">油号</th>
<th nzWidth="80px">油枪号</th>
<th nzWidth="80px">创建时间</th>
<th nzRight nzWidth="60px">操作</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let data of basicTable.data">
<td>{{data.oilTypeName}}</td>
<td>{{data.oilNoName}}</td>
<td>{{data.gunNo}}</td>
<td>{{data.createTime | date : 'yyyy-MM-dd HH:mm'}}</td>
<td nzRight>
<button nz-button nzType="link" (click)="del(data)" [nzSize]="'small'" >删除</button>
</td>
</tr>
</tbody>
<ng-template #totalTemplate let-total>总计 {{ total }} 条</ng-template>
</nz-table>
<nz-modal [(nzVisible)]="editDataModal"
[nzWidth]="500"
nzTitle="创建油枪号"
[nzFooter]="null"
(nzOnCancel)="closeEditModal()">
<ng-container *nzModalContent>
<form nz-form [formGroup]="editDataForm">
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>油枪号</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="gunNo" placeholder="请输入"/>
</nz-form-control>
</nz-form-item>
<div nz-flex style="margin-top: 15px" [nzJustify]="'center'">
<button nz-button nzType="primary" (click)="submitData()" class="submit-btn">创建</button>
</div>
</form>
</ng-container>
</nz-modal>