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.
276 lines
13 KiB
276 lines
13 KiB
<mat-toolbar [color]="theme?'primary':'accent'"> |
|
<!-- <mat-toolbar> --> |
|
<h1>{{title}} <span *ngIf="planName != null">: {{planName}}</span> </h1> |
|
|
|
<!--分数框--> |
|
<div class="grade" *ngIf="companyIntegrityScore" onmouseover="xiangqing.style.display='block';" onmouseout="xiangqing.style.display='none';"> |
|
<a class="active"><span ><a></a>{{(companyIntegrityScore.totalScore.toFixed(2) * 100).toFixed()}} 分</span></a> |
|
</div> |
|
|
|
<div class="integrityDetails" id="xiangqing" *ngIf="companyIntegrityScore"> |
|
<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((companyIntegrityScore.basicInfoScore * 5).toFixed(1),5)"></div> |
|
</div> |
|
<span>{{(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((companyIntegrityScore.buildingInfoScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(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((companyIntegrityScore.planImageScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(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((companyIntegrityScore.adjoinScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(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((companyIntegrityScore.facilityScore * 25).toFixed(1),25)"></div> |
|
</div> |
|
<span>{{(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((companyIntegrityScore.importantLocationScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(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((companyIntegrityScore.functionalDivisionScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(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((companyIntegrityScore.realityImageScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(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((companyIntegrityScore.cadScore * 10).toFixed(1),10)"></div> |
|
</div> |
|
<span>{{(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> |
|
|
|
<p style="font-size: 16px;position: absolute; right: 233px;">欢迎您, {{realName}}</p> |
|
|
|
|
|
<div class="scoringRule" *ngIf="companyIntegrityScore"> |
|
<span class="name" (click)="scoringRule()"> |
|
计分规则 |
|
</span> |
|
<div class="scoringRuleImg" *ngIf="scoringRuleImg"> |
|
<div class="topbox"> |
|
<span style="font-size: 18px;margin-left: 20px;font-weight: 600;">计分规则 </span> |
|
<span style="font-size: 12px;">单位基本信息部分共计100分</span> |
|
<span class="imgbox"> |
|
<img src="../../assets/images/ruletopimg.png" alt=""> |
|
</span> |
|
<span class="close" (click)="closebtn()"> |
|
<mat-icon>clear</mat-icon> |
|
</span> |
|
</div> |
|
<div class="tablebox"> |
|
<table> |
|
<tr> |
|
<td>名称</td> |
|
<td>分值</td> |
|
<td>规则说明</td> |
|
</tr> |
|
<tr> |
|
<td>单位名称</td> |
|
<td class="bulecolor">5</td> |
|
<td>按填录入内容评判</td> |
|
</tr> |
|
<tr> |
|
<td>建筑信息</td> |
|
<td class="bulecolor">10</td> |
|
<td>根据创建的建筑个数平分该分值，每个建筑根据实际填写的完整度再进行评判</td> |
|
</tr> |
|
<tr> |
|
<td>四周毗邻</td> |
|
<td class="bulecolor">10</td> |
|
<td>按<span class="bulecolor">4</span>个方向均分，每个方向的属性信息要填写完整才能得分</td> |
|
</tr> |
|
<tr> |
|
<td>消防设施</td> |
|
<td class="bulecolor">25</td> |
|
<td>消防水源占<span class="bulecolor">30%</span> 安全疏散占<span class="bulecolor">30%</span> <br> 消防水系统占<span class="bulecolor">30%</span> 内部消防力量占<span class="bulecolor">10%</span></td> |
|
</tr> |
|
<tr> |
|
<td>重点部位</td> |
|
<td class="bulecolor">10</td> |
|
<td><span>根据耐火等级做区分</span>:一级:添加<span class="bulecolor">3</span>个重点部位（1个50%，2个80%，3个满分）<span class="bulecolor">二级</span>:添加<span class="bulecolor">2</span>个重点部位（一个占50%）<span class="bulecolor">三级</span> 添加<span class="bulecolor">1</span>个重点部位 其它:填写重点提示自动满分</td> |
|
</tr> |
|
<tr> |
|
<td>功能分区</td> |
|
<td class="bulecolor">10</td> |
|
<td>创建<span class="bulecolor">2</span>条并填写完整得满分</td> |
|
</tr> |
|
<tr> |
|
<td>实景图</td> |
|
<td class="bulecolor">10</td> |
|
<td>外观，保证有<span class="bulecolor">2</span>张照片（占<span class="bulecolor">30%</span>）; 室内，保证有<span class="bulecolor">2</span>张照片（占<span class="bulecolor">30%</span>）;安全出口，保证有<span class="bulecolor">2</span>张照片（占<span class="bulecolor">40%</span>）</td> |
|
</tr> |
|
<tr> |
|
<td>CAD上传</td> |
|
<td class="bulecolor">10</td> |
|
<td>上传<span class="bulecolor">2</span>个cad文件</td> |
|
</tr> |
|
<tr> |
|
<td>平面图</td> |
|
<td class="bulecolor">10</td> |
|
<td>总平面图<span class="bulecolor">1</span>张，建筑平面图<span class="bulecolor">1</span>张</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="isUpdates" *ngIf="isUpdates"> |
|
<span class="name" (click)="submitAudit()" *ngIf="!contentVerify || contentVerify.verifyState == 5 || contentVerify.verifyState == 4">提交审核</span> |
|
<span class="name" (click)="cancelAudit()" *ngIf="contentVerify && contentVerify.verifyState == 3">撤销审核</span> |
|
|
|
<span class="span" *ngIf="contentVerify && contentVerify.verifyState == 3">( |
|
<span *ngIf="contentVerify.operation == 2" style="color: red;">删除</span> |
|
<span *ngIf="contentVerify.operation == 0" >新增</span> |
|
<span *ngIf="contentVerify.operation == 1" >更新</span> |
|
待审核)</span> |
|
<span [matTooltip]="contentVerify.remark" class="span" *ngIf="contentVerify && contentVerify.verifyState == 4">(审核通过)</span> |
|
<span [matTooltip]="contentVerify.remark" class="span" *ngIf="contentVerify && contentVerify.verifyState == 5">(审核驳回)</span> |
|
</div> |
|
|
|
|
|
<div class="spinner" *ngIf="isSpinner"> |
|
<mat-spinner [diameter]='26' color="warn"></mat-spinner> |
|
<span style="font-size: 13px;margin-left: 6px;">帮助文档下载中,请等待...</span> |
|
</div> |
|
<!-- 帮助文档按钮 --> |
|
<button mat-icon-button [matMenuTriggerFor]="appSetHelp" class="help" title="帮助"> |
|
<mat-icon>help</mat-icon> |
|
</button> |
|
<mat-menu #appSetHelp="matMenu" yPosition="below" xPosition="after"> |
|
<button mat-menu-item (click)='downloadHelpFile()'> |
|
<mat-icon>save_alt</mat-icon> |
|
<span>下载帮助文档</span> |
|
</button> |
|
</mat-menu> |
|
<!-- 全屏 --> |
|
<button mat-button (click)="!isfullscreen?fullscreenToggle():closefullscreen()" class="fullscreen"> |
|
<ng-container *ngIf="!isfullscreen; else elseTemplate"> |
|
<mat-icon *ngIf="!isfullscreen">fullscreen</mat-icon> |
|
</ng-container> |
|
<ng-template #elseTemplate> |
|
<mat-icon else>fullscreen_exit</mat-icon> |
|
</ng-template> |
|
</button> |
|
|
|
<!-- 黑夜模式开关 --> |
|
<mat-slide-toggle (change)='onChange($event.checked)' class="darktheme"></mat-slide-toggle> |
|
|
|
<!-- 锁屏按钮 --> |
|
<!-- <button mat-button class="lockscreen" [routerLink]="['/lockscreen']" routerLinkActive="router-link-active" > |
|
<mat-icon>screen_lock_landscape</mat-icon> |
|
</button> --> |
|
|
|
<!-- 登录信息按钮 --> |
|
<button mat-icon-button [matMenuTriggerFor]="appMenu" class="login"> |
|
<mat-icon>account_circle</mat-icon> |
|
</button> |
|
<mat-menu #appMenu="matMenu"> |
|
<button mat-menu-item [routerLink]="['/ui/userdata']" > |
|
<mat-icon>pin_drop</mat-icon> |
|
<span>个人资料</span> |
|
</button> |
|
<button mat-menu-item (click)='changpsw()'> |
|
<mat-icon>verified_user</mat-icon> |
|
<span>修改密码</span> |
|
</button> |
|
<button mat-menu-item (click)='signOut()'> |
|
<mat-icon>power_settings_new</mat-icon> |
|
<span>退出系统</span> |
|
</button> |
|
</mat-menu> |
|
|
|
<!-- 设置按钮 --> |
|
<button mat-icon-button [matMenuTriggerFor]="appSet" class="setting"> |
|
<mat-icon>settings</mat-icon> |
|
</button> |
|
<mat-menu #appSet="matMenu" yPosition="below" xPosition="after"> |
|
<button mat-menu-item (click)="defaulttheme.next()"> |
|
<mat-icon>palette</mat-icon> |
|
<span>默认主题</span> |
|
</button> |
|
<button mat-menu-item (click)="redtheme.next()"> |
|
<mat-icon>whatshot</mat-icon> |
|
<span>亮色主题</span> |
|
</button> |
|
<button mat-menu-item (click)="standard()"> |
|
<mat-icon>settings_overscan</mat-icon> |
|
<span>标准模式</span> |
|
</button> |
|
<button mat-menu-item (click)="boxed('boxed')"> |
|
<mat-icon>laptop</mat-icon> |
|
<span>盒子模式</span> |
|
</button> |
|
</mat-menu> |
|
</mat-toolbar> |