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.
175 lines
9.5 KiB
175 lines
9.5 KiB
<!-- 报表统计 --> |
|
<div style="height: 100%;overflow: auto;" id="combinedQuery"> |
|
<mat-tab-group style="height: 100%;" [selectedIndex]="selected.value" |
|
(selectedIndexChange)="selectedIndexChange($event)"> |
|
<mat-tab *ngFor="let item of lable" [label]="item" [disabled]="isMasklayer"> |
|
<ng-template matTabContent class="box"> |
|
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm"> |
|
<div class="header"> |
|
<div class="queryBox"> |
|
<div class="queryField ordiv"> |
|
<label style="margin-right: 10px;">消防救援站:</label> |
|
<mat-form-field class="example-full-width"> |
|
<input readonly matInput placeholder="请选择消防救援站" autocomplete="off" *ngIf="preparelevels==0" |
|
[(ngModel)]="js" name="js" (focus)="openorganizationbox()"> |
|
<input readonly matInput placeholder="请选择消防救援站" autocomplete="off" *ngIf="preparelevels==1" |
|
[(ngModel)]="yuanjs" name="js" (focus)="openorganizationbox()"> |
|
</mat-form-field> |
|
<mat-checkbox style="margin-left: 6px;" color="primary" *ngIf="preparelevels==0" [(ngModel)]="jscheck" |
|
name="jscheck">包含下级</mat-checkbox> |
|
<mat-checkbox style="margin-left: 6px;" color="primary" *ngIf="preparelevels==1" |
|
[(ngModel)]="yuanjscheck" name="jscheck">包含下级</mat-checkbox> |
|
<div class="organizationbox" *ngIf="isorganizationbox"> |
|
<div (click)="closediv()" class="closediv"> |
|
<mat-icon>clear</mat-icon> |
|
</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"> |
|
<label style="margin-right: 10px;">时间查询:</label> |
|
<mat-form-field class="example-full-width"> |
|
<input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="dwaddtime" |
|
*ngIf="preparelevels==0"> |
|
<input type="date" matInput name="addtime" autocomplete="off" [(ngModel)]="yuanaddtime" |
|
*ngIf="preparelevels==1"> |
|
</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)]="dwendtime" |
|
*ngIf="preparelevels==0"> |
|
<input type="date" matInput name="endtime" autocomplete="off" [(ngModel)]="yuanendtime" |
|
*ngIf="preparelevels==1"> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField" *ngIf="preparelevels==1"> |
|
<label style="margin-right: 10px;">预案类型:</label> |
|
<mat-form-field> |
|
<mat-select [(ngModel)]="reservePlanType" name="reservePlanType" placeholder='请选择预案类型' |
|
[multiple]="true"> |
|
<mat-option value=1>二维预案</mat-option> |
|
<mat-option value=2>三维预案</mat-option> |
|
<mat-option value=4>其他预案</mat-option> |
|
<mat-option value=16>文本预案</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
|
|
</div> |
|
<div class="queryField" *ngIf="preparelevels==0"> |
|
<label style="margin-right: 10px;">单位类型:</label> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择单位类型' [(ngModel)]="unittype" name="unittype" [multiple]="true"> |
|
<mat-option *ngFor="let unit of allunittype" [value]="unit.id"> |
|
{{unit.name}} |
|
</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField" *ngIf="preparelevels==0"> |
|
<label style="margin-right: 10px;">单位状态:</label> |
|
<mat-form-field> |
|
<mat-select required [(ngModel)]="preparelevel" name="preparelevel" placeholder='请选择单位状态' |
|
[multiple]="true"> |
|
<mat-option [value]='1'>新增</mat-option> |
|
<mat-option [value]='2'>维护更新</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField" *ngIf="preparelevels==1"> |
|
<label style="margin-right: 10px;">预案级别:</label> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择预案级别' [(ngModel)]="planCategory" name="planCategory" [multiple]="true"> |
|
<mat-option value=1>Ⅰ级预案</mat-option> |
|
<mat-option value=2>Ⅱ级预案</mat-option> |
|
<mat-option value=3>Ⅲ级预案</mat-option> |
|
<mat-option value=4>Ⅳ级预案</mat-option> |
|
<mat-option value=5>Ⅴ级预案</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField" *ngIf="preparelevels==0"> |
|
<label style="margin-right: 10px;">按总数排序:</label> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择排序方式' [(ngModel)]="integritySort" name="integritySort"> |
|
<mat-option value=1>从高到低</mat-option> |
|
<mat-option value=0>从低到高</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField" *ngIf="preparelevels==1"> |
|
<label style="margin-right: 10px;">按总数排序:</label> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择排序方式' [(ngModel)]="yuanintegritySort" name="integritySort"> |
|
<mat-option value=1>从高到低</mat-option> |
|
<mat-option value=0>从低到高</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField" *ngIf="preparelevels==0||preparelevels==1"> |
|
<button mat-raised-button color="primary">查询</button> |
|
<button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button> |
|
<button mat-raised-button style="margin-left: 25px;" color="primary" (click)='export()'>导出</button> |
|
</div> |
|
</div> |
|
</div> |
|
</form> |
|
<mat-divider></mat-divider> |
|
<div class="body"> |
|
<div class="tablebox" id="table"> |
|
<table cellpadding="0" cellspacing="0" *ngIf="preparelevels==0&&!tableDataNull"> |
|
<thead> |
|
<th *ngFor="let item of displayedColumns;let i=index">{{item}}<mat-icon |
|
*ngIf="i == 0 && orRecord.length != 0" style="cursor: pointer;vertical-align: text-top;" |
|
(click)="goBack()">undo |
|
</mat-icon> |
|
</th> |
|
</thead> |
|
<tbody> |
|
<tr *ngFor="let element of tabledataSource"> |
|
<td *ngFor="let eletd of element.name;let key = index" [ngClass]="{'pointer': key == 0}" |
|
(click)="clicktd(key,eletd)">{{eletd}}</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
|
|
<table cellpadding="0" cellspacing="0" *ngIf="preparelevels==1&&!tableDataNull"> |
|
<thead> |
|
<th *ngFor="let item of yuanColumns;let i=index">{{item}}<mat-icon |
|
*ngIf="i == 0 && orRecord.length != 0" style="cursor: pointer;vertical-align: text-top;" |
|
(click)="goBack()">undo |
|
</mat-icon> |
|
</th> |
|
</thead> |
|
<tbody> |
|
<tr *ngFor="let element of yuanTable"> |
|
<td *ngFor="let eletd of element.name;let key = index" [ngClass]="{'pointer': key == 0}" |
|
(click)="clicktd(key,eletd)">{{eletd}}</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
<span *ngIf="tableDataNull">暂无数据</span> |
|
</div> |
|
<div class="masklayer" *ngIf="isMasklayer"> |
|
<mat-spinner [diameter]="40"></mat-spinner> |
|
</div> |
|
</div> |
|
</ng-template> |
|
</mat-tab> |
|
</mat-tab-group> |
|
</div> |