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.
66 lines
3.5 KiB
66 lines
3.5 KiB
<!-- <p>六熟悉记录</p> --> |
|
<div class="box"> |
|
<div class="header"> |
|
<form class="queryBox" (ngSubmit)="onSubmit()"> |
|
<div class="queryField"> |
|
<span style="width: 108px;">预案名称:</span> |
|
<input name="name" nz-input placeholder="请输入预案名称" [(ngModel)]="name" /> |
|
</div> |
|
<div class="queryField"> |
|
<span style="width: 108px;">单位名称:</span> |
|
<input name="companyname" nz-input placeholder="请输入单位名称" [(ngModel)]="companyname" /> |
|
</div> |
|
<div class="queryField" style="margin-right: 35px;"> |
|
<span>组织机构:</span> |
|
<nz-tree-select [nzDropdownClassName]="'maxHeightTreeSelect'" style="width: 250px" |
|
[nzExpandedKeys]="expandKeys" [nzNodes]="nodes" nzShowSearch nzPlaceHolder="请选择组织机构" name="orId" |
|
[(ngModel)]="orId"> |
|
</nz-tree-select> |
|
</div> |
|
<div class="queryField"> |
|
<span>熟悉时间:</span> |
|
<nz-range-picker name="time" [(ngModel)]="time"></nz-range-picker> |
|
</div> |
|
<div class="queryField btnbox"> |
|
<button nz-button nzType="primary">查询</button> |
|
<button nz-button type="button" nzType="default" (click)="reset()">重置</button> |
|
</div> |
|
</form> |
|
</div> |
|
<div class="tablebox"> |
|
<table mat-table [dataSource]="tabledataSource" class="mat-elevation-z8"> |
|
<ng-container matColumnDef="planname"> |
|
<th mat-header-cell *matHeaderCellDef>预案名称</th> |
|
<td mat-cell *matCellDef="let element">{{element.planComponent.name}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="name"> |
|
<th mat-header-cell *matHeaderCellDef>熟悉对象</th> |
|
<td mat-cell *matCellDef="let element">{{element.planComponent.plan.company.name}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="or"> |
|
<th mat-header-cell *matHeaderCellDef>组织机构</th> |
|
<td mat-cell *matCellDef="let element">{{element.planComponent.plan.company.organizationName}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="people"> |
|
<th mat-header-cell *matHeaderCellDef>人员数量</th> |
|
<td mat-cell *matCellDef="let element">{{element.memberCount}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="time"> |
|
<th mat-header-cell *matHeaderCellDef>熟悉时间</th> |
|
<td mat-cell *matCellDef="let element">{{element.startTime | date:'yyyy-MM-dd HH:mm'}} - |
|
{{element.endTime | date:'yyyy-MM-dd HH:mm'}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="operate"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 200px;">操作</th> |
|
<td mat-cell *matCellDef="let element" class="operate"> |
|
<span (click)="look(element)">查看</span> |
|
<span (click)="delete(element)">删除</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" (page)="chagePage($event)"> |
|
</mat-paginator> |
|
</div> |
|
</div> |