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.
284 lines
18 KiB
284 lines
18 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" [(ngModel)]="companyName" autocomplete="off"> |
|
</mat-form-field> |
|
</div> |
|
|
|
<div class="queryField ordiv"> |
|
<label style="margin-right: 10px;">消防救援站:</label> |
|
<mat-form-field class="example-full-width"> |
|
<input readonly matInput placeholder="请选择消防救援站" autocomplete="off" [(ngModel)]="js" name="js" (focus)="openorganizationbox()"> |
|
</mat-form-field> |
|
<mat-checkbox style="margin-left: 6px;" [(ngModel)]="jscheck" name="jscheck">包含下级</mat-checkbox> |
|
<span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span> |
|
<span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'> </span> |
|
<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" *ngIf="!padMore"> |
|
<label style="margin-right: 10px;">单位类型:</label> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择单位类型' name="unittype" [(ngModel)]="unittype"> |
|
<mat-option *ngFor="let unit of allunittype" [value]="unit.id" > |
|
{{unit.name}} |
|
</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField" *ngIf="!padMore"> |
|
<label style="margin-right: 10px;">预案类型:</label> |
|
<mat-form-field> |
|
<mat-select name="reservePlanType" [(ngModel)]="reservePlanType" placeholder='请选择预案类型' [multiple]="true"> |
|
<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"> |
|
<label style="margin-right: 10px;">审核状态:</label> |
|
<mat-form-field> |
|
<mat-select name="toExamine" [(ngModel)]="toExamine" placeholder='请选择审核状态'> |
|
<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"> |
|
<label style="margin-right: 10px;">编制级别:</label> |
|
<mat-form-field> |
|
<mat-select name="preparelevel" [(ngModel)]="preparelevel" placeholder='请选择编制级别'> |
|
<!-- <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> |
|
</div> |
|
|
|
<div class="queryField" *ngIf="!padMore"> |
|
<label style="margin-right: 10px;">信息完整度排序:</label> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择排序方式' [(ngModel)]="integritySort" name="integritySort"> |
|
<mat-option value="desc">从高到低</mat-option> |
|
<mat-option value="asc">从低到高</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField" *ngIf="!padMore"> |
|
<label style="margin-right: 10px;">制作情况:</label> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择预案制作情况' [(ngModel)]="haveyuan" name="haveyuan"> |
|
<mat-option value='true'>有预案</mat-option> |
|
<mat-option value="false">无预案</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
</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="body"> |
|
<div class="tablebox"> |
|
|
|
<table mat-table [dataSource]="tabledataSource" class="mat-elevation-z8"> |
|
<ng-container matColumnDef="unitname"> |
|
<th mat-header-cell *matHeaderCellDef>单位名称</th> |
|
<td mat-cell *matCellDef="let element">{{element.company.name}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="integrity"> |
|
<th mat-header-cell *matHeaderCellDef style="text-align: center;">信息完整度</th> |
|
<td mat-cell *matCellDef="let element;let i = index"> |
|
<div class="integrityDiv"> |
|
<span class="integrityNum"> |
|
{{(element.company.companyIntegrityScore.totalScore.toFixed(2) * 100).toFixed()}}分 |
|
</span> |
|
<div class="integrityColorDiv" [style]="integrity((element.company.companyIntegrityScore.totalScore.toFixed(2) * 100).toFixed())"> |
|
</div> |
|
<div class="integrityDetails" [ngClass]="{'bottomposition': i <= 5,'topposition': i > 5}"> |
|
<div class="integrityDetailsTop"> |
|
<span class="span1">分类名称</span> |
|
<span class="span2">已得分</span> |
|
<span class="span3">总分</span> |
|
</div> |
|
<div class="integrityDetailsBody"> |
|
<ul> |
|
<li> |
|
<div class="name">单位信息</div> |
|
<div class="colorDiv"> |
|
<div class="colorDivBac"> |
|
<div class="colorDivCon" [style]="integrityDetails((element.company.companyIntegrityScore.basicInfoScore * 5).toFixed(1),5)"></div> |
|
</div> |
|
<span>{{(element.company.companyIntegrityScore.basicInfoScore * 5).toFixed(1)}}分</span> |
|
</div> |
|
<div class="number">5分</div> |
|
</li> |
|
<li> |
|
<div class="name">建筑信息</div> |
|
<div class="colorDiv"> |
|
<div class="colorDivBac"> |
|
<div class="colorDivCon" [style]="integrityDetails((element.company.companyIntegrityScore.buildingInfoScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(element.company.companyIntegrityScore.buildingInfoScore * 10).toFixed(1)}}分</span> |
|
</div> |
|
<div class="number">10分</div> |
|
</li> |
|
<li> |
|
<div class="name">平面图</div> |
|
<div class="colorDiv"> |
|
<div class="colorDivBac"> |
|
<div class="colorDivCon" [style]="integrityDetails((element.company.companyIntegrityScore.planImageScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(element.company.companyIntegrityScore.planImageScore * 10).toFixed(1)}}分</span> |
|
</div> |
|
<div class="number">10分</div> |
|
</li> |
|
<li> |
|
<div class="name">四周毗邻</div> |
|
<div class="colorDiv"> |
|
<div class="colorDivBac"> |
|
<div class="colorDivCon" [style]="integrityDetails((element.company.companyIntegrityScore.adjoinScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(element.company.companyIntegrityScore.adjoinScore * 10).toFixed(1)}}分</span> |
|
</div> |
|
<div class="number">10分</div> |
|
</li> |
|
<li> |
|
<div class="name">消防设施</div> |
|
<div class="colorDiv"> |
|
<div class="colorDivBac"> |
|
<div class="colorDivCon" [style]="integrityDetails((element.company.companyIntegrityScore.facilityScore * 25).toFixed(1),25)"></div> |
|
</div> |
|
<span>{{(element.company.companyIntegrityScore.facilityScore * 25).toFixed(1)}}分</span> |
|
</div> |
|
<div class="number">25分</div> |
|
</li> |
|
<li> |
|
<div class="name">重点部位</div> |
|
<div class="colorDiv"> |
|
<div class="colorDivBac"> |
|
<div class="colorDivCon" [style]="integrityDetails((element.company.companyIntegrityScore.importantLocationScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(element.company.companyIntegrityScore.importantLocationScore * 10).toFixed(1)}}分</span> |
|
</div> |
|
<div class="number">10分</div> |
|
</li> |
|
<li> |
|
<div class="name">功能分区</div> |
|
<div class="colorDiv"> |
|
<div class="colorDivBac"> |
|
<div class="colorDivCon" [style]="integrityDetails((element.company.companyIntegrityScore.functionalDivisionScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(element.company.companyIntegrityScore.functionalDivisionScore * 10).toFixed(1)}}分</span> |
|
</div> |
|
<div class="number">10分</div> |
|
</li> |
|
<li> |
|
<div class="name">实景图</div> |
|
<div class="colorDiv"> |
|
<div class="colorDivBac"> |
|
<div class="colorDivCon" [style]="integrityDetails((element.company.companyIntegrityScore.realityImageScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(element.company.companyIntegrityScore.realityImageScore * 10).toFixed(1)}}分</span> |
|
</div> |
|
<div class="number">10分</div> |
|
</li> |
|
<li> |
|
<div class="name">CAD上传</div> |
|
<div class="colorDiv"> |
|
<div class="colorDivBac"> |
|
<div class="colorDivCon" [style]="integrityDetails((element.company.companyIntegrityScore.cadScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(element.company.companyIntegrityScore.cadScore * 10).toFixed(1)}}分</span> |
|
</div> |
|
<div class="number">10分</div> |
|
</li> |
|
</ul> |
|
</div> |
|
<div style="width: 100%;text-align: center;font-size: 13px;"> |
|
仅供参考 |
|
</div> |
|
</div> |
|
</div> |
|
</td> |
|
</ng-container> |
|
<ng-container matColumnDef="level"> |
|
<th mat-header-cell *matHeaderCellDef>预案级别</th> |
|
<td mat-cell *matCellDef="let element">{{element.planCategory}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="jurisdictionsquadron"> |
|
<th mat-header-cell *matHeaderCellDef>消防救援站</th> |
|
<td mat-cell *matCellDef="let element">{{element.company.organizationName}}</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="unittype"> |
|
<th mat-header-cell *matHeaderCellDef>单位类型</th> |
|
<td mat-cell *matCellDef="let element">{{element.company.buildingTypes[0] ? element.company.buildingTypes[0].name : ''}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="plantype"> |
|
<th mat-header-cell *matHeaderCellDef>预案类型</th> |
|
<td mat-cell *matCellDef="let element">{{element.planType}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="passstate"> |
|
<th mat-header-cell *matHeaderCellDef>审核状态</th> |
|
<td mat-cell *matCellDef="let element">{{element.auditStatus}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="projectlevel"> |
|
<th mat-header-cell *matHeaderCellDef>编制级别</th> |
|
<td mat-cell *matCellDef="let element">{{element.planLevel}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="operation"> |
|
<th mat-header-cell *matHeaderCellDef>操作</th> |
|
<td mat-cell *matCellDef="let element"> |
|
<span style="color: blue;" (click)="routerTo(element)">查看预案</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)="chagePage($event)" |
|
> |
|
|
|
</mat-paginator> |
|
|
|
</div> |
|
</div> |
|
</div>
|
|
|