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.
53 lines
2.4 KiB
53 lines
2.4 KiB
<div class="box"> |
|
<div class="title"> |
|
{{data.name}}预案 |
|
<span class="closeicon" (click)="closeDiv()"><mat-icon>clear</mat-icon></span> |
|
</div> |
|
<div class="contant"> |
|
<div class="topbox"> |
|
<div class="unitinfo"> |
|
<span>单位名称: {{data.name}}</span> |
|
<span>辖区中队: {{data.organizationName}}</span> |
|
<span>单位类型: {{data.buildingTypes[0].name}}</span> |
|
<span>单位地址: {{data.address}}</span> |
|
</div> |
|
<div class="btnbox"> |
|
<span class="btn" (click)="lookUnitDetails()">查看详情</span> |
|
</div> |
|
</div> |
|
<div class="tablebox"> |
|
<table> |
|
<tr> |
|
<td>预案名称</td> |
|
<td>添加人</td> |
|
<td>修改时间</td> |
|
<td>预案类型</td> |
|
<td>审核状态</td> |
|
<td>是否公开</td> |
|
<td>编制级别</td> |
|
<td>操作</td> |
|
</tr> |
|
<tr *ngFor="let item of allPlanComponents"> |
|
<td>{{item.name}}</td> |
|
<td>{{item.creatorName}}</td> |
|
<td>{{item.modifiedTime | date:'yyyy-MM-dd'}}</td> |
|
<td>{{item.planType | plantype}}</td> |
|
<td>{{item.auditStatus | auditsatus}}</td> |
|
<td>{{item.openRange}}</td> |
|
<td>{{item.planLevel | planlevel}}</td> |
|
<td> |
|
<span class="btn" (click)="lookPlan(item)">查看</span> |
|
<span class="btn" (click)="readFile(item)" [ngClass]="{'grey': item.planMode != '1'}">下载</span> |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
<div class="progressBox" *ngIf="downloadisLoading"> |
|
|
|
<!-- <button mat-raised-button style="margin-right: 5px;" (click)="cancelDowload()">取消下载</button> --> |
|
<span title="{{downloadFileName}}" style="font-size: 12px;margin-left: 45px;" class="filename">{{downloadFileName}}</span> |
|
<span style="font-size: 12px;position: absolute;margin-left:14px;">下载中...</span> |
|
<mat-progress-bar mode="determinate" [value]="downloadProgress" class="progress"></mat-progress-bar> |
|
</div> |
|
</div> |