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.
123 lines
7.2 KiB
123 lines
7.2 KiB
<!-- |
|
* @Descripttion: |
|
* @version: |
|
* @Author: sueRimn |
|
* @Date: 2020-12-24 10:59:48 |
|
* @LastEditors: sueRimn |
|
* @LastEditTime: 2021-08-24 14:01:03 |
|
--> |
|
<!-- <p>录入预案</p> --> |
|
<div class="shadow" *ngIf="spinner==true"> |
|
<mat-spinner></mat-spinner> |
|
</div> |
|
<div style="overflow: auto;height: 100%;"> |
|
<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="state"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 10%;">预案状态</th> |
|
<td mat-cell *matCellDef="let element"> |
|
<span class="add" *ngIf="element.isNewData">新增</span> |
|
<span class="weihu" *ngIf="!element.isNewData">维护更新</span> |
|
</td> |
|
</ng-container> |
|
<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="planCategory"> |
|
<th mat-header-cell *matHeaderCellDef>预案级别</th> |
|
<td mat-cell *matCellDef="let element">{{element.planCategory=='3'?'Ⅲ级预案':element.planCategory=='4'?'Ⅳ级预案':'Ⅴ级预案'}}</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=='8'?'未提交审核':element.auditStatus=='1'?'审核中':element.auditStatus=='2'?'审核通过':element.auditStatus=='4'? |
|
'审核退回':element.auditStatus=='16'?'初审通过':'初审驳回'}}</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)" *ngIf="element.auditStatus==8">改名</span> |
|
<span (click)="upzhuanMb(element)" *ngIf="element.planMode==1&&element.planType==16&&element.planCategory==5">转在线导入</span> |
|
<span (click)="editPlan(element)" |
|
[ngClass]="{'grey': !(element.auditStatus!='16' && element.auditStatus != '1')}">编辑</span> |
|
<span (click)="lookPlan(element)" *ngIf="element.planType == 2 || element.planType == 16">查看</span> |
|
<span (click)="readFile(element)" |
|
[ngClass]="{'grey': element.planMode == '2' || element.planMode == '3'}">下载</span> |
|
<span (click)="deletePlan(element)" *ngIf="element.auditStatus==8">删除</span> |
|
<span (click)="auditResult(element)">审批结果</span> |
|
<span (click)="submitAudit(element)" |
|
*ngIf="element.auditStatus==8">提交审核</span> |
|
<span (click)="cancelAudit(element)" *ngIf="element.auditStatus == 1||element.auditStatus == 16">撤销审核</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> |
|
</div>
|
|
|