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.
378 lines
24 KiB
378 lines
24 KiB
<div style="height: 100%;overflow-y: auto"> |
|
<div id="header" class="header" (click)="bigclosediv($event)"> |
|
<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"> |
|
<label style="margin-right: 10px;">统一社会信用代码:</label> |
|
<mat-form-field class="example-full-width"> |
|
<input matInput placeholder="请输入统一社会信用代码" name="shehui" [(ngModel)]="shehui" autocomplete="off"> |
|
</mat-form-field> |
|
<span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img |
|
[src]='imgsrcopen'> </span> |
|
<span *ngIf="padput" style="margin-left: 10px; color: #0080FF;width: 10px;height: 6px;" |
|
(click)='padInfo()'>收起<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"> |
|
<label style="margin-right: 10px;">重点单位:</label> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择单位是否为重点' [(ngModel)]="follow" name="follow"> |
|
<mat-option value="0">一般单位</mat-option> |
|
<mat-option value="1">重点单位</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)]="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: 10px; 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 ordiv" *ngIf="!padMore&&!pcMore"> |
|
<label style="margin-right: 10px;">消防救援站:</label> |
|
<mat-form-field class="example-full-width"> |
|
<input (click)="stopclose($event)" readonly matInput placeholder="请选择消防救援站" autocomplete="off" |
|
[(ngModel)]="js" name="js" (focus)="openorganizationbox()"> |
|
</mat-form-field> |
|
<mat-checkbox color="primary" style="margin-left: 6px;" [(ngModel)]="jscheck" 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" *ngIf="!padMore&&!pcMore"> |
|
<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&&!pcMore"> |
|
<label style="margin-right: 10px;">完整度查询:</label> |
|
<mat-form-field class="example-full-width"> |
|
<input type="number" oninput="if(value>100)value=100;if(value<0)value=0" matInput |
|
placeholder="请输入完整度最小值" name="integrityScoreMin" [(ngModel)]="integrityScoreMin" |
|
autocomplete="off"> |
|
</mat-form-field> |
|
<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: 5px;"> |
|
<input type="number" oninput="if(value>100)value=100;if(value<0)value=0" matInput |
|
placeholder="请输入完整度最大值" name="integrityScoreMax" [(ngModel)]="integrityScoreMax" |
|
autocomplete="off"> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField" *ngIf="!padMore&&!pcMore"> |
|
<input type="radio" [(ngModel)]="IsNewData" |
|
style="height: 16px;width: 16px;position: relative;top: 2px;" name="whgx" [value]='true'> |
|
<label style="margin-right: 10px;margin-left: 2px;">新增</label> |
|
<input type="radio" [(ngModel)]="IsNewData" |
|
style="height: 16px;width: 16px;position: relative;top: 2px;" name="whgx" [value]='false'> |
|
<label style="margin-right: 10px;margin-left: 2px;">维护更新</label> |
|
</div> |
|
|
|
</div> |
|
|
|
</form> |
|
</div> |
|
<!-- <mat-divider></mat-divider> --> |
|
<div class="body"> |
|
<div class="buttonbox"> |
|
<button type="button" mat-raised-button color="primary" (click)="createunit()">新增</button> |
|
<button type="button" mat-raised-button color="primary" (click)="editunit()">修改</button> |
|
<button type="button" mat-raised-button color="warn" (click)="deleteunit()">删除</button> |
|
</div> |
|
<div class="tablebox"> |
|
|
|
<table mat-table [dataSource]="tabledataSource" class="mat-elevation-z8"> |
|
<ng-container matColumnDef="checked"> |
|
<th mat-header-cell *matHeaderCellDef> |
|
</th> |
|
<td mat-cell *matCellDef="let element"> |
|
<mat-checkbox color="primary" (change)="checkChange($event,element)" |
|
[disabled]="element.contentVerify!=null&&(element.contentVerify.verifyState==0||element.contentVerify.verifyState==3)" |
|
(click)='checkClick(element,$event)'></mat-checkbox> |
|
</td> |
|
</ng-container> |
|
<ng-container matColumnDef="Follow"> |
|
<th mat-header-cell *matHeaderCellDef> |
|
</th> |
|
<td mat-cell *matCellDef="let element"> |
|
|
|
<span title="重点单位" *ngIf="element.isFollowed"> |
|
<mat-icon style="margin-top: 6px;color: red;">star</mat-icon> |
|
</span> |
|
|
|
</td> |
|
</ng-container> |
|
<ng-container matColumnDef="state"> |
|
<th mat-header-cell *matHeaderCellDef style="width: 10%;">单位状态</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>单位名称</th> |
|
<td mat-cell *matCellDef="let element"> |
|
{{element.name}} |
|
<mat-icon class="editUnitName" (click)="editUnitName(element)">create</mat-icon> |
|
</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.companyIntegrityScore.totalScore.toFixed(2) * 100).toFixed()}}% |
|
</span> |
|
<div class="integrityColorDiv" |
|
[style]="integrity((element.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.companyIntegrityScore.basicInfoScore * 5).toFixed(1),5)"> |
|
</div> |
|
</div> |
|
<span>{{(element.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.companyIntegrityScore.buildingInfoScore * 10).toFixed(1),10)"> |
|
</div> |
|
</div> |
|
<span>{{(element.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.companyIntegrityScore.planImageScore * 10).toFixed(1),10)"> |
|
</div> |
|
</div> |
|
<span>{{(element.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.companyIntegrityScore.adjoinScore * 10).toFixed(1),10)"> |
|
</div> |
|
</div> |
|
<span>{{(element.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.companyIntegrityScore.facilityScore * 25).toFixed(1),25)"> |
|
</div> |
|
</div> |
|
<span>{{(element.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.companyIntegrityScore.importantLocationScore * 10).toFixed(1),10)"> |
|
</div> |
|
</div> |
|
<span>{{(element.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.companyIntegrityScore.functionalDivisionScore * 10).toFixed(1),10)"> |
|
</div> |
|
</div> |
|
<span>{{(element.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.companyIntegrityScore.realityImageScore * 10).toFixed(1),10)"> |
|
</div> |
|
</div> |
|
<span>{{(element.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.companyIntegrityScore.cadScore * 10).toFixed(1),10)"> |
|
</div> |
|
</div> |
|
<span>{{(element.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="jurisdictionsquadron"> |
|
<th mat-header-cell *matHeaderCellDef>消防救援站</th> |
|
<td mat-cell *matCellDef="let element">{{element.organizationName}}</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="unittype"> |
|
<th mat-header-cell *matHeaderCellDef>单位类型</th> |
|
<td mat-cell *matCellDef="let element">{{element.buildingTypes.length != 0 ? |
|
element.buildingTypes[0].name : ''}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="scc"> |
|
<th mat-header-cell *matHeaderCellDef>统一社会信用代码</th> |
|
<td mat-cell *matCellDef="let element">{{element.usci}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="time"> |
|
<th mat-header-cell *matHeaderCellDef>修改时间</th> |
|
<td mat-cell *matCellDef="let element"> |
|
{{element.modifiedTime|date:'yyyy-MM-dd'}} |
|
</td> |
|
</ng-container> |
|
<ng-container matColumnDef="addstate"> |
|
<th mat-header-cell *matHeaderCellDef>新增审核</th> |
|
<td mat-cell *matCellDef="let element"> |
|
{{element.newVerifyState}} |
|
<!-- {{element.contentVerify==4?'审核通过':element.contentVerify==5?'审核退回':''}} --> |
|
</td> |
|
</ng-container> |
|
<ng-container matColumnDef="weihustate"> |
|
<th mat-header-cell *matHeaderCellDef>维护审核</th> |
|
<td mat-cell *matCellDef="let element"> |
|
{{element.maintenanceVerifyState}} |
|
</td> |
|
</ng-container> |
|
<ng-container matColumnDef="operation"> |
|
<th mat-header-cell *matHeaderCellDef>操作</th> |
|
<td mat-cell *matCellDef="let element" class="operation"> |
|
<!-- <span (click)="drill(element)">演练</span> --> |
|
<span (click)="unitdetails(element)">查看详情</span> |
|
<span style="color: blue;margin-left: 4px;" |
|
*ngIf="(element.isNewData && (element.newVerifyState=='未提交审核'||element.newVerifyState=='审核通过' |
|
||element.newVerifyState=='审核退回'))||(!element.isNewData&&(element.maintenanceVerifyState=='审核通过'||element.maintenanceVerifyState=='未提交审核'||element.maintenanceVerifyState=='审核退回'))" |
|
(click)='submitAudit(element)'>提交审核</span> |
|
<span style="color: blue;margin-left: 4px;" |
|
*ngIf="element.contentVerify!=null&&(element.contentVerify.verifyState==0||element.contentVerify.verifyState==3) " |
|
(click)="cancelAudit(element)">撤销审核</span> |
|
<span style="color: blue;margin-left: 4px;" (click)="auditResult(element)">审批结果</span> |
|
<span (click)="Follow(element)" *ngIf="!element.isFollowed">重点单位</span> |
|
<span (click)="unFollow(element)" *ngIf="element.isFollowed">一般单位</span> |
|
</td> |
|
</ng-container> |
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
|
</table> |
|
<mat-paginator [length]="length" [pageSize]="pageSize" [pageSizeOptions]="pageSizeOptions" |
|
(page)="chagePage($event)"> |
|
</mat-paginator> |
|
|
|
</div> |
|
</div> |
|
</div> |