ShangHaiYuan-AnXin/src/app/plan-management/six-familiarity/six-familiarity.component.html

<!-- <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>