chenjingyu
4 years ago
1 changed files with 172 additions and 170 deletions
@ -1,184 +1,186 @@ |
|||||||
<!-- 预案综合分析 --> |
<!-- 预案综合分析 --> |
||||||
<div style="height: 100%;overflow: auto;"> |
<div style="height: 100%;overflow: auto;"> |
||||||
<div class="header"> |
<div class="header"> |
||||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm"> |
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm"> |
||||||
<div class="queryBox"> |
<div class="queryBox"> |
||||||
|
|
||||||
<div class="queryField"> |
<div class="queryField"> |
||||||
<label style="margin-right: 10px;">单位名称:</label> |
<label style="margin-right: 10px;">单位名称:</label> |
||||||
<mat-form-field class="example-full-width"> |
<mat-form-field class="example-full-width"> |
||||||
<input matInput placeholder="请输入单位名称" name="companyName" [(ngModel)]="companyName" autocomplete="off"> |
<input matInput placeholder="请输入单位名称" name="companyName" [(ngModel)]="companyName" autocomplete="off"> |
||||||
</mat-form-field> |
</mat-form-field> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<div class="queryField ordiv"> |
<div class="queryField ordiv"> |
||||||
<label style="margin-right: 10px;">归属地:</label> |
<label style="margin-right: 10px;">归属地:</label> |
||||||
<mat-form-field class="example-full-width"> |
<mat-form-field class="example-full-width"> |
||||||
<input readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js" (focus)="openorganizationbox()"> |
<input readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js" |
||||||
</mat-form-field> |
(focus)="openorganizationbox()"> |
||||||
<mat-checkbox style="margin-left: 6px;" [(ngModel)]="jscheck" name="jscheck">包含下级</mat-checkbox> |
</mat-form-field> |
||||||
<span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span> |
<mat-checkbox style="margin-left: 6px;" [(ngModel)]="jscheck" name="jscheck">包含下级</mat-checkbox> |
||||||
<span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'> </span> |
<span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img |
||||||
<div class="organizationbox" *ngIf="isorganizationbox"> |
[src]='imgsrcopen'> </span> |
||||||
<div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div> |
<span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'> |
||||||
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> |
</span> |
||||||
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
<div class="organizationbox" *ngIf="isorganizationbox"> |
||||||
<button type="button" mat-icon-button disabled ></button> |
<div (click)="closediv()" class="closediv"> |
||||||
<li>{{node.name}}</li> |
<mat-icon>clear</mat-icon> |
||||||
</mat-tree-node> |
|
||||||
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
|
||||||
<button |
|
||||||
type="button" |
|
||||||
mat-icon-button |
|
||||||
matTreeNodeToggle |
|
||||||
[attr.aria-label]="'toggle ' + node.name"> |
|
||||||
<mat-icon class="mat-icon-rtl-mirror"> |
|
||||||
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} |
|
||||||
</mat-icon> |
|
||||||
</button> |
|
||||||
<li>{{node.name}}</li> |
|
||||||
</mat-tree-node> |
|
||||||
</mat-tree> |
|
||||||
</div> |
</div> |
||||||
|
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> |
||||||
|
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
||||||
|
<button type="button" mat-icon-button disabled></button> |
||||||
|
<li>{{node.name}}</li> |
||||||
|
</mat-tree-node> |
||||||
|
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding (click)='add(node)' |
||||||
|
class="organizationlist"> |
||||||
|
<button type="button" mat-icon-button matTreeNodeToggle [attr.aria-label]="'toggle ' + node.name"> |
||||||
|
<mat-icon class="mat-icon-rtl-mirror"> |
||||||
|
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} |
||||||
|
</mat-icon> |
||||||
|
</button> |
||||||
|
<li>{{node.name}}</li> |
||||||
|
</mat-tree-node> |
||||||
|
</mat-tree> |
||||||
</div> |
</div> |
||||||
<div class="queryField" *ngIf="!pcfind"> |
</div> |
||||||
<button mat-raised-button color="primary">查询</button> |
<div class="queryField" *ngIf="!pcfind"> |
||||||
<button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button> |
<button mat-raised-button color="primary">查询</button> |
||||||
</div> |
<button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button> |
||||||
<div class="queryField" *ngIf="!padMore"> |
</div> |
||||||
<label style="margin-right: 10px;">预案类型:</label> |
<div class="queryField" *ngIf="!padMore"> |
||||||
<mat-form-field> |
<label style="margin-right: 10px;">预案类型:</label> |
||||||
<mat-select [(ngModel)]="reservePlanType" name="reservePlanType" placeholder='请选择预案类型' [multiple]="true"> |
<mat-form-field> |
||||||
<mat-option value=16>文本预案</mat-option> |
<mat-select [(ngModel)]="reservePlanType" name="reservePlanType" placeholder='请选择预案类型' [multiple]="true"> |
||||||
<mat-option value=1>二维预案</mat-option> |
<mat-option value=16>文本预案</mat-option> |
||||||
<mat-option value=2>三维预案</mat-option> |
<mat-option value=1>二维预案</mat-option> |
||||||
<mat-option value=4>其他预案</mat-option> |
<mat-option value=2>三维预案</mat-option> |
||||||
</mat-select> |
<mat-option value=4>其他预案</mat-option> |
||||||
</mat-form-field> |
</mat-select> |
||||||
|
</mat-form-field> |
||||||
</div> |
|
||||||
<div class="queryField" *ngIf="!padMore"> |
|
||||||
<label style="margin-right: 10px;">单位类型:</label> |
|
||||||
<mat-form-field> |
|
||||||
<mat-select placeholder='请选择单位类型' [(ngModel)]="unittype" name="unittype"> |
|
||||||
<mat-option *ngFor="let unit of allunittype" [value]="unit.id" > |
|
||||||
{{unit.name}} |
|
||||||
</mat-option> |
|
||||||
</mat-select> |
|
||||||
</mat-form-field> |
|
||||||
<span *ngIf="pcMore" style="margin-left: 20px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span> |
|
||||||
<span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img [src]='imgsrcdown'> </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> |
|
||||||
<mat-select [(ngModel)]="preparelevel" name="preparelevel" placeholder='请选择编制级别'> |
|
||||||
<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> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="queryField" *ngIf="!padMore&&!pcMore"> |
</div> |
||||||
<label style="margin-right: 10px;">预案级别:</label> |
<div class="queryField" *ngIf="!padMore"> |
||||||
<mat-form-field> |
<label style="margin-right: 10px;">单位类型:</label> |
||||||
<mat-select placeholder='请选择预案级别' [(ngModel)]="planCategory" name="planCategory" [multiple]="true"> |
<mat-form-field> |
||||||
<!-- <mat-option value=6>应急预案(国家级)</mat-option> |
<mat-select placeholder='请选择单位类型' [(ngModel)]="unittype" name="unittype"> |
||||||
<mat-option value=7>应急预案(市级)</mat-option> |
<mat-option *ngFor="let unit of allunittype" [value]="unit.id"> |
||||||
<mat-option value=8>类型预案</mat-option> |
{{unit.name}} |
||||||
<mat-option value=1>Ⅰ级预案</mat-option> |
</mat-option> |
||||||
<mat-option value=2>Ⅱ级预案</mat-option> --> |
</mat-select> |
||||||
<mat-option value=3>Ⅲ级预案</mat-option> |
</mat-form-field> |
||||||
<mat-option value=4>Ⅳ级预案</mat-option> |
<span *ngIf="pcMore" style="margin-left: 20px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>更多筛选条件<img |
||||||
<mat-option value=5>Ⅴ级预案</mat-option> |
[src]='imgsrcopen'> </span> |
||||||
</mat-select> |
<span *ngIf="pcput" style="margin-left: 10px; color: #0080FF; cursor: pointer;" (click)='pcInfo()'>收起<img |
||||||
</mat-form-field> |
[src]='imgsrcdown'> </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> |
||||||
|
<mat-select [(ngModel)]="preparelevel" name="preparelevel" placeholder='请选择编制级别'> |
||||||
|
<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> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<div class="queryField" *ngIf="!padMore&&!pcMore"> |
<!-- <div class="queryField" *ngIf="!padMore&&!pcMore"> |
||||||
<label style="margin-right: 10px;">审核时间:</label> |
<label style="margin-right: 10px;">预案级别:</label> |
||||||
<mat-form-field class="example-full-width"> |
<mat-form-field> |
||||||
<input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="addtime"> |
<mat-select placeholder='请选择预案级别' [(ngModel)]="planCategory" name="planCategory" [multiple]="true"> |
||||||
</mat-form-field> |
<mat-option value=6>应急预案(国家级)</mat-option> |
||||||
<!-- <mat-icon aria-hidden="false" style="position: relative;right: 120px;top: 5px;">arrow forward</mat-icon> --> |
<mat-option value=7>应急预案(市级)</mat-option> |
||||||
<span style="margin-left: 15px;">🠊</span> |
<mat-option value=8>类型预案</mat-option> |
||||||
<mat-form-field class="example-full-width" style="margin-left: 10px;"> |
<mat-option value=1>Ⅰ级预案</mat-option> |
||||||
<input type="date" matInput name="endtime" autocomplete="off" [(ngModel)]="endtime"> |
<mat-option value=2>Ⅱ级预案</mat-option> |
||||||
</mat-form-field> |
<mat-option value=3>Ⅲ级预案</mat-option> |
||||||
</div> |
<mat-option value=4>Ⅳ级预案</mat-option> |
||||||
|
<mat-option value=5>Ⅴ级预案</mat-option> |
||||||
|
</mat-select> |
||||||
|
</mat-form-field> |
||||||
|
</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> --> |
||||||
|
<span style="margin-left: 15px;">🠊</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> |
||||||
|
|
||||||
</form> |
</div> |
||||||
|
|
||||||
|
</form> |
||||||
</div> |
</div> |
||||||
<mat-divider></mat-divider> |
<mat-divider></mat-divider> |
||||||
<div class="body"> |
<div class="body"> |
||||||
<div class="tablebox"> |
<div class="tablebox"> |
||||||
|
|
||||||
<table mat-table [dataSource]="tabledataSource" class="mat-elevation-z8"> |
<table mat-table [dataSource]="tabledataSource" class="mat-elevation-z8"> |
||||||
<!-- <ng-container matColumnDef="unitname"> |
<!-- <ng-container matColumnDef="unitname"> |
||||||
<th mat-header-cell *matHeaderCellDef>单位名称</th> |
<th mat-header-cell *matHeaderCellDef>单位名称</th> |
||||||
<td mat-cell *matCellDef="let element">{{element.companyName}}</td> |
<td mat-cell *matCellDef="let element">{{element.companyName}}</td> |
||||||
</ng-container> --> |
</ng-container> --> |
||||||
<ng-container matColumnDef="planname"> |
<ng-container matColumnDef="planname"> |
||||||
<th mat-header-cell *matHeaderCellDef>预案名称</th> |
<th mat-header-cell *matHeaderCellDef>预案名称</th> |
||||||
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
||||||
</ng-container> |
</ng-container> |
||||||
|
|
||||||
<ng-container matColumnDef="addpeople"> |
<ng-container matColumnDef="addpeople"> |
||||||
<th mat-header-cell *matHeaderCellDef>添加人</th> |
<th mat-header-cell *matHeaderCellDef>添加人</th> |
||||||
<td mat-cell *matCellDef="let element">{{element.creatorName}}</td> |
<td mat-cell *matCellDef="let element">{{element.creatorName}}</td> |
||||||
</ng-container> |
</ng-container> |
||||||
<ng-container matColumnDef="level"> |
<ng-container matColumnDef="level"> |
||||||
<th mat-header-cell *matHeaderCellDef>预案级别</th> |
<th mat-header-cell *matHeaderCellDef>预案级别</th> |
||||||
<td mat-cell *matCellDef="let element">{{element.planCategory==1?'Ⅰ级预案':element.planCategory==2?'Ⅱ级预案': |
<td mat-cell *matCellDef="let element">{{element.planCategory==1?'Ⅰ级预案':element.planCategory==2?'Ⅱ级预案': |
||||||
element.planCategory==3?'Ⅲ级预案':element.planCategory==4?'Ⅳ级预案':element.planCategory==5?'Ⅴ级预案':element.planCategory==8?'类型预案':'应急预案'}}</td> |
element.planCategory==3?'Ⅲ级预案':element.planCategory==4?'Ⅳ级预案':element.planCategory==5?'Ⅴ级预案':element.planCategory==8?'类型预案':'应急预案'}} |
||||||
</ng-container> |
</td> |
||||||
<ng-container matColumnDef="addtime"> |
</ng-container> |
||||||
<th mat-header-cell *matHeaderCellDef>审核时间</th> |
<ng-container matColumnDef="addtime"> |
||||||
<td mat-cell *matCellDef="let element">{{element.audittedTime | date:'yyyy-MM-dd'}}</td> |
<th mat-header-cell *matHeaderCellDef>审核时间</th> |
||||||
</ng-container> |
<td mat-cell *matCellDef="let element">{{element.audittedTime | date:'yyyy-MM-dd'}}</td> |
||||||
<ng-container matColumnDef="plantype"> |
</ng-container> |
||||||
<th mat-header-cell *matHeaderCellDef>预案类型</th> |
<ng-container matColumnDef="plantype"> |
||||||
<td mat-cell *matCellDef="let element">{{element.planType | plantype}}</td> |
<th mat-header-cell *matHeaderCellDef>预案类型</th> |
||||||
</ng-container> |
<td mat-cell *matCellDef="let element">{{element.planType | plantype}}</td> |
||||||
<ng-container matColumnDef="auditStatus"> |
</ng-container> |
||||||
<th mat-header-cell *matHeaderCellDef>审核状态</th> |
<ng-container matColumnDef="auditStatus"> |
||||||
<td mat-cell *matCellDef="let element">{{element.auditStatus | auditsatus}}</td> |
<th mat-header-cell *matHeaderCellDef>审核状态</th> |
||||||
</ng-container> |
<td mat-cell *matCellDef="let element">{{element.auditStatus | auditsatus}}</td> |
||||||
|
</ng-container> |
||||||
|
|
||||||
<ng-container matColumnDef="openRange"> |
<ng-container matColumnDef="openRange"> |
||||||
<th mat-header-cell *matHeaderCellDef>是否公开</th> |
<th mat-header-cell *matHeaderCellDef>是否公开</th> |
||||||
<td mat-cell *matCellDef="let element">{{element.openRange}}</td> |
<td mat-cell *matCellDef="let element">{{element.openRange}}</td> |
||||||
</ng-container> |
</ng-container> |
||||||
<ng-container matColumnDef="projectlevel"> |
<ng-container matColumnDef="projectlevel"> |
||||||
<th mat-header-cell *matHeaderCellDef>编制级别</th> |
<th mat-header-cell *matHeaderCellDef>编制级别</th> |
||||||
<td mat-cell *matCellDef="let element">{{element.planLevel | planlevel}}</td> |
<td mat-cell *matCellDef="let element">{{element.planLevel | planlevel}}</td> |
||||||
</ng-container> |
</ng-container> |
||||||
<ng-container matColumnDef="operation"> |
<ng-container matColumnDef="operation"> |
||||||
<th mat-header-cell *matHeaderCellDef>操作</th> |
<th mat-header-cell *matHeaderCellDef>操作</th> |
||||||
<td mat-cell *matCellDef="let element"> |
<td mat-cell *matCellDef="let element"> |
||||||
<!-- <span (click)="lookUnitInfo(element)" style="color: blue;cursor: pointer;">查看单位信息</span> --> |
<!-- <span (click)="lookUnitInfo(element)" style="color: blue;cursor: pointer;">查看单位信息</span> --> |
||||||
<span (click)="routerTo(element)" style="color: blue;cursor: pointer;margin-left: 10px;">{{url=='1'?'审核预案':'查看预案'}} </span> |
<span (click)="routerTo(element)" |
||||||
<!-- <label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='openReserve(element)' *ngIf="element.auditStatus==2">预案公开</label> |
style="color: blue;cursor: pointer;margin-left: 10px;">{{url=='1'?'审核预案':'查看预案'}} </span> |
||||||
|
<!-- <label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='openReserve(element)' *ngIf="element.auditStatus==2">预案公开</label> |
||||||
<label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='closeReserve(element)' *ngIf="element.auditStatus==2">预案取消公开</label> --> |
<label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='closeReserve(element)' *ngIf="element.auditStatus==2">预案取消公开</label> --> |
||||||
</td> |
</td> |
||||||
</ng-container> |
</ng-container> |
||||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||||
</table> |
</table> |
||||||
<mat-paginator |
<mat-paginator [length]="length" [pageSize]="pageSize" [pageSizeOptions]="pageSizeOptions" |
||||||
[length]="length" |
(page)="chagePage($event)"> |
||||||
[pageSize]="pageSize" |
</mat-paginator> |
||||||
[pageSizeOptions]="pageSizeOptions" |
|
||||||
(page)="chagePage($event)"> |
|
||||||
</mat-paginator> |
|
||||||
|
|
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|
Loading…
Reference in new issue