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.
63 lines
3.0 KiB
63 lines
3.0 KiB
<!-- <p>六熟悉</p> --> |
|
<div class="box"> |
|
<div class="header"> |
|
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm"> |
|
<div class="queryBox"> |
|
|
|
<div class="queryField"> |
|
<label style="margin-right: 10px;">熟悉对象:</label> |
|
<mat-form-field class="example-full-width"> |
|
<input matInput placeholder="请输入熟悉对象" name="companyName" [(ngModel)]="name" autocomplete="off"> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField"> |
|
<label style="margin-right: 10px;">熟悉时间:</label> |
|
<mat-form-field class="example-full-width"> |
|
<input matInput placeholder="请选择熟悉时间" name="companyName" [(ngModel)]="time" autocomplete="off"> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField"> |
|
<button mat-raised-button color="primary">查询</button> |
|
<button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button> |
|
</div> |
|
</div> |
|
|
|
</form> |
|
</div> |
|
<div class="body"> |
|
<div class="tablebox"> |
|
|
|
<table mat-table [dataSource]="tabledataSource" class="mat-elevation-z8"> |
|
<ng-container matColumnDef="name"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 10%;">熟悉对象</th> |
|
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="time"> |
|
<th mat-header-cell *matHeaderCellDef>熟悉时间</th> |
|
<td mat-cell *matCellDef="let element">{{element.time}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="leader"> |
|
<th mat-header-cell *matHeaderCellDef>带队领导</th> |
|
<td mat-cell *matCellDef="let element">{{element.leader}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="upload"> |
|
<th mat-header-cell *matHeaderCellDef>上传人员</th> |
|
<td mat-cell *matCellDef="let element">{{element.upload}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="operate"> |
|
<th mat-header-cell *matHeaderCellDef>操作</th> |
|
<td mat-cell *matCellDef="let element" class="operate"> |
|
<span>查看</span> |
|
<span>详情</span> |
|
</td> |
|
</ng-container> |
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
|
</table> |
|
<mat-paginator [length]="length" [pageSize]="pageSize" [pageSizeOptions]="pageSizeOptions" |
|
(page)="chagePage($event)"> |
|
</mat-paginator> |
|
|
|
</div> |
|
</div> |
|
</div> |