pad-Sixfamiliar/src/app/plan-management/entry-plan-look/entry-plan-look.component.html

<!-- <p>录入预案</p> -->
<div class="header" style="position: relative;">
    <div>
        <span>单位名称：{{unitdata.unitname == "null" ? "无" : unitdata.unitname}}</span>
    </div>
    <div>
        <span>辖区中队：{{unitdata.organizationName == "null" ? "无" : unitdata.organizationName}}</span>
    </div>
    <div>
        <span>单位类型：{{unitdata.unittype == "null" ? "无" : unitdata.unittype}}</span>
    </div>
    <div>
        <span>单位地址：{{unitdata.unitaddress == "null" ? "无" : unitdata.unitaddress}}</span>
    </div>

    <span style="position: absolute;right:60px;bottom:15px;font-size: 13px;color: cornflowerblue;cursor: pointer;" (click)="lookUnitData()">查看详情</span>
</div>
<mat-divider style="margin-bottom: 15px;"></mat-divider>
<div class="body">
    <div class="btn" style="display: flex;">
        <button *ngIf="isoperation == 'true'" mat-raised-button color="primary" (click)="addplan()">新建</button>
        <!-- *ngIf="downloadisLoading" {{downloadFileName}}下载中...-->
        <div class="progressBox" style="margin-left: 100px;" *ngIf="downloadisLoading">
            
            <!-- <button mat-raised-button style="margin-right: 5px;" (click)="cancelDowload()">取消下载</button> -->
            <span title="{{downloadFileName}}" style="font-size: 12px;" class="filename">{{downloadFileName}}</span>
            <span style="font-size: 12px;position: absolute;margin-left: 8px;">下载中...</span>
            <mat-progress-bar  mode="determinate" [value]="downloadProgress" class="progress"></mat-progress-bar>
        </div>
    </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.name}}</td>
            </ng-container>
            <ng-container matColumnDef="addpeople">
                <th mat-header-cell *matHeaderCellDef>添加人</th>
                <td mat-cell *matCellDef="let element">{{element.creatorName}}</td>
            </ng-container>
            <ng-container matColumnDef="addtime">
                <th mat-header-cell *matHeaderCellDef>修改时间</th>
                <td mat-cell *matCellDef="let element">
                    {{element.modifiedTime | date:'yyyy-MM-dd'}}
                </td>
            </ng-container>
            <ng-container matColumnDef="plantype">
                <th mat-header-cell *matHeaderCellDef>预案类型</th>
                <td mat-cell *matCellDef="let element">{{element.planType | plantype}}</td>
            </ng-container>
    
            <ng-container matColumnDef="auditstate">
                <th mat-header-cell *matHeaderCellDef>审核状态</th>
                <td mat-cell *matCellDef="let element">{{element.auditStatus | auditsatus}}</td>
            </ng-container>
            <ng-container matColumnDef="isopen">
                <th mat-header-cell *matHeaderCellDef>是否公开</th>
                <td mat-cell *matCellDef="let element">{{element.openRange}}</td>
            </ng-container>
            <ng-container matColumnDef="preparethelevel">
                <th mat-header-cell *matHeaderCellDef>编制级别</th>
                <td mat-cell *matCellDef="let element">{{element.planLevel | planlevel}}</td>
            </ng-container>
            <ng-container *ngIf="isoperation == 'true'" matColumnDef="operation">
                <th mat-header-cell *matHeaderCellDef>操作</th>
                <td  mat-cell *matCellDef="let element">
                    <span (click)="changeName(element)">改名</span>
                    <span (click)="editPlan(element)" [ngClass]="{'grey': element.planMode == '0' || element.planMode == '3' || element.auditStatus == '1' || element.auditStatus == '2'}">编辑</span>
                    <span (click)="lookPlan(element)">查看</span>
                    <span (click)="readFile(element)" [ngClass]="{'grey': element.planMode == '1' || element.planMode == '2' || element.planMode == '3'}">下载</span>
                    <span (click)="deletePlan(element)">删除</span>
                    <span (click)="auditResult(element)">审批结果</span>

                    <span (click)="submitAudit(element)" *ngIf="element.auditStatus == 8 || element.auditStatus == 2 || element.auditStatus == 4"  [ngClass]="{'grey': element.auditStatus == '2'}">提交审核</span>
                    <span (click)="cancelAudit(element)" *ngIf="element.auditStatus == 1">撤销审核</span>
                </td>
            </ng-container>
            <ng-container  *ngIf="isoperation == 'false'" matColumnDef="operation">
                <th mat-header-cell *matHeaderCellDef>操作</th>
                <td mat-cell *matCellDef="let element">
                    <span (click)="lookPlan(element)">查看</span>
                    <span (click)="readFile(element)" [ngClass]="{'grey': element.planMode == '1' || element.planMode == '2' || element.planMode == '3'}">下载</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)="changePage($event)">
        </mat-paginator>
    </div>
</div>