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.
199 lines
11 KiB
199 lines
11 KiB
<div style="height: 100%;overflow-y: auto;"> |
|
<div class="header"> |
|
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm"> |
|
<div class="queryBox"> |
|
|
|
<div class="queryField"> |
|
<label style="margin-right: 10px;">预案名称:</label> |
|
<mat-form-field class="example-full-width"> |
|
<input matInput placeholder="请输入预案名称" name="companyName" autocomplete="off" [(ngModel)]="unitname"> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField"> |
|
<label style="margin-right: 10px;">编制级别:</label> |
|
<mat-form-field> |
|
<mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="projectlevel"> |
|
<!-- <mat-option value="1">总队</mat-option> |
|
<mat-option value="2">支队</mat-option> |
|
<mat-option value="4">大队</mat-option> |
|
<mat-option value="8">中队</mat-option> --> |
|
<mat-option *ngFor="let item of preparelevels" [value]="item.value">{{item.name}}</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
<mat-checkbox style="margin-left: 6px;" [(ngModel)]="plcheck" name="plcheck">包含下级</mat-checkbox> |
|
<span *ngIf="padMore" style="margin-left: 20px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img |
|
[src]='imgsrcopen' style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span> |
|
<span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown' |
|
style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span> |
|
</div> |
|
|
|
|
|
<div class="queryField" *ngIf="!pcfind"> |
|
<button mat-raised-button color="primary">查询</button> |
|
<button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button> |
|
</div> |
|
<div class="queryField" *ngIf="!padMore"> |
|
<label style="margin-right: 10px;">预案级别:</label> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择预案级别' name="level" [(ngModel)]="level"> |
|
<mat-option value="6">国家级</mat-option> |
|
<mat-option value="7">市级</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
|
|
</div> |
|
<div class="queryField" *ngIf="!padMore"> |
|
<label style="margin-right: 10px;">添加人:</label> |
|
<mat-form-field class="example-full-width"> |
|
<input matInput placeholder="请输入添加人" name="addname" autocomplete="off" [(ngModel)]="addname"> |
|
</mat-form-field> |
|
<span *ngIf="pcMore" style="margin-left: 15px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img |
|
[src]='imgsrcopen' style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span> |
|
<span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img |
|
[src]='imgsrcdown' style="width: 10px;height: 6px;margin:0 0 3px 2px;"> </span> |
|
</div> |
|
<div class="queryField" *ngIf="pcfind"> |
|
<button mat-raised-button color="primary">查询</button> |
|
<button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button> |
|
</div> |
|
<div class="queryField" *ngIf="!padMore&&!pcMore"> |
|
<label style="margin-right: 10px;">添加时间:</label> |
|
<mat-form-field class="example-full-width"> |
|
<input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="addtime"> |
|
</mat-form-field> |
|
<!-- <mat-icon aria-hidden="false" style="position: relative;right: 120px;top: 5px;">arrow forward</mat-icon> --> |
|
<mat-icon *ngIf="padjt" aria-hidden="false" style="position: relative;right: 120px;top: 5px;" |
|
id="padshow">arrow forward</mat-icon> |
|
<span style="margin-left: 15px;" id="pcshow" *ngIf="!padMore&&!padjt">🠊</span> |
|
<mat-form-field class="example-full-width" style="margin-left: 10px;"> |
|
<input type="date" matInput name="endtime" autocomplete="off" [(ngModel)]="endtime"> |
|
</mat-form-field> |
|
|
|
</div> |
|
|
|
|
|
<div class="queryField" *ngIf="!padMore&&!pcMore"> |
|
<label style="margin-right: 10px;">预案类型:</label> |
|
<mat-form-field> |
|
<input matInput placeholder="请输入预案类型" name="reservePlanType" autocomplete="off" [(ngModel)]="typePlan"> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField" *ngIf="!padMore&&!pcMore"> |
|
<label style="margin-right: 10px;">审核状态:</label> |
|
<mat-form-field> |
|
<mat-select name="toExamine" placeholder='请选择审核状态' [(ngModel)]="unitstate"> |
|
<mat-option value="8">未提交审核</mat-option> |
|
<mat-option value="1">审核中</mat-option> |
|
<mat-option value="2">审核通过</mat-option> |
|
<mat-option value="4">审核退回</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField" *ngIf="!padMore&&!pcMore"> |
|
<input type="radio" style="height: 16px;width: 16px;position: relative;top: 2px;" name="whgx" [value]='true' |
|
[(ngModel)]="IsNewData"> |
|
<label style="margin-right: 10px;margin-left: 2px;">新增</label> |
|
<input type="radio" style="height: 16px;width: 16px;position: relative;top: 2px;" name="whgx" [value]='false' |
|
[(ngModel)]="IsNewData"> |
|
<label style="margin-right: 10px;margin-left: 2px;">维护更新</label> |
|
</div> |
|
|
|
</div> |
|
<!-- <div class="butclass" style="width: 100%;text-align: center;"> |
|
<button mat-raised-button color="primary" type="submit">查询</button> |
|
<button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button> |
|
</div> --> |
|
</form> |
|
</div> |
|
<!-- <mat-divider></mat-divider> --> |
|
<div class="newadd"> |
|
<div> |
|
<button *ngIf="levels=='0'" mat-raised-button color="primary" (click)='addunit()'><img style="margin-bottom: 3px;" |
|
src="../../../assets/images/newadd.png"> 新增</button> |
|
<!-- <button mat-raised-button color="primary" (click)='word("table","ceshi.doc")'></button> --> |
|
</div> |
|
|
|
<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="body"> |
|
<div class="tablebox" id="table"> |
|
<table mat-table [dataSource]="tabledataSource" class="mat-elevation-z8"> |
|
<ng-container matColumnDef="state"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 8%;">预案状态</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="unitname"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 8%;">预案名称</th> |
|
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="level"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 8%;">预案级别</th> |
|
<td mat-cell *matCellDef="let element">{{element.planCategory=='6'?'国家级':'市级'}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="addname"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 8%;">添加人</th> |
|
<td mat-cell *matCellDef="let element">{{element.creatorName}}</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="addtime"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 8%;">添加时间</th> |
|
<td mat-cell *matCellDef="let element">{{element.creationTime|date:'yyyy-MM-dd'}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="plantype"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 8%;">预案类型</th> |
|
<td mat-cell *matCellDef="let element">{{element.disasterType}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="passstate"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 8%;">新增审核</th> |
|
<td mat-cell *matCellDef="let element"> |
|
{{element.newVerifyState}} |
|
<!-- {{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 style="width: 8%;">是否公开</th> |
|
<td mat-cell *matCellDef="let element">{{element.openRange}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="projectlevel"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 8%;">编制级别</th> |
|
<td mat-cell *matCellDef="let element"> |
|
{{element.planLevel=='1'?'总队':element.planLevel=='2'?'支队':element.planLevel=='4'?'大队':'中队'}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="weihustate"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 8%;">维护审核</th> |
|
<td mat-cell *matCellDef="let element">{{element.maintenanceVerifyState}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="operation"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 20%;">操作</th> |
|
<td mat-cell *matCellDef="let element" style="white-space: nowrap;cursor: pointer;"> |
|
<span style="color: blue;" (click)='openPlan(element)'>查看预案</span> |
|
<span style="color: blue;margin-left: 4px;" (click)="submitAudit(element)" |
|
*ngIf="(element.isNewData && element.newVerifyState=='未提交审核')||(!element.isNewData&&(element.maintenanceVerifyState=='审核通过'||element.maintenanceVerifyState=='未提交审核'))">提交审核</span> |
|
<span style="color: blue;margin-left: 4px;" (click)="cancelAudit(element)" |
|
*ngIf="element.auditStatus == 1||element.auditStatus == 16">撤销审核</span> |
|
<span style="color: blue;margin-left: 4px;" (click)="auditResult(element)">审批结果</span> |
|
<span style="color: blue;margin-left: 4px;" (click)='readFile(element)'>下载</span> |
|
<span style="color: red;margin-left: 4px" (click)='deletePlan(element.id)'> 删除</span> |
|
</td> |
|
</ng-container> |
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
|
</table> |
|
<mat-paginator pageEvent [length]="length" [pageSize]="pageSize" [pageSizeOptions]="pageSizeOptions" |
|
(page)="changePage($event)"> |
|
|
|
</mat-paginator> |
|
|
|
</div> |
|
</div> |
|
</div> |