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.
77 lines
3.1 KiB
77 lines
3.1 KiB
4 years ago
|
<div class="box">
|
||
|
|
<div *ngIf="planType">
|
||
|
|
<div class="title">
|
||
|
|
添加预案
|
||
|
|
</div>
|
||
|
|
<div class="tablebox">
|
||
|
|
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
|
||
|
|
<!-- Checkbox Column -->
|
||
|
|
<ng-container matColumnDef="select">
|
||
|
|
<th mat-header-cell *matHeaderCellDef>
|
||
|
|
<!-- <mat-checkbox (change)="$event ? masterToggle() : null"
|
||
|
|
[checked]="selection.hasValue() && isAllSelected()"
|
||
|
|
[indeterminate]="selection.hasValue() && !isAllSelected()">
|
||
|
|
</mat-checkbox> -->
|
||
|
|
选择
|
||
|
|
</th>
|
||
|
|
<td mat-cell *matCellDef="let row">
|
||
|
|
<mat-checkbox color="primary" (click)="$event.stopPropagation()"
|
||
|
|
(change)="$event ? selection.toggle(row) : null"
|
||
|
|
[checked]="selection.isSelected(row)">
|
||
|
|
</mat-checkbox>
|
||
|
|
</td>
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
<!-- name Column -->
|
||
|
|
<ng-container matColumnDef="name">
|
||
|
|
<th mat-header-cell *matHeaderCellDef> 预案名称 </th>
|
||
|
|
<td mat-cell *matCellDef="let element"> {{element.name}} </td>
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
<!-- people Column -->
|
||
|
|
<ng-container matColumnDef="people">
|
||
|
|
<th mat-header-cell *matHeaderCellDef> 添加人 </th>
|
||
|
|
<td mat-cell *matCellDef="let element"> {{element.people}} </td>
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
<!-- time Column -->
|
||
|
|
<ng-container matColumnDef="time">
|
||
|
|
<th mat-header-cell *matHeaderCellDef> 添加时间 </th>
|
||
|
|
<td mat-cell *matCellDef="let element"> {{element.time}} </td>
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
<!-- level Column -->
|
||
|
|
<ng-container matColumnDef="level">
|
||
|
|
<th mat-header-cell *matHeaderCellDef> 编制级别 </th>
|
||
|
|
<td mat-cell *matCellDef="let element"> {{element.level}} </td>
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
||
|
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"
|
||
|
|
(click)="selection.toggle(row)">
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="!planType">
|
||
|
|
<div class="title">
|
||
|
|
创建自定义预案
|
||
|
|
</div>
|
||
|
|
<div class="customPlanName">
|
||
|
|
<p style="font-size: 14px;margin: 5px 0;">
|
||
|
|
预案名称
|
||
|
|
</p>
|
||
|
|
<div class="input">
|
||
|
|
<input type="text" placeholder="请输入自定义名称">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="btnbox">
|
||
|
|
<div class="btn">
|
||
|
|
确定
|
||
|
|
</div>
|
||
|
|
<div class="btn" (click)="close()">
|
||
|
|
取消
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|