|
|
|
<div class="box" id="createtestscore">
|
|
|
|
<div class="topbox">
|
|
|
|
<app-tabbar></app-tabbar>
|
|
|
|
</div>
|
|
|
|
<div class="contant">
|
|
|
|
<div class="main">
|
|
|
|
<div class="leftDiv">
|
|
|
|
<div class="title">
|
|
|
|
<div>
|
|
|
|
单位列表
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
总分: <span class="colorspan">{{examScore}}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="unitList">
|
|
|
|
<table>
|
|
|
|
<tr>
|
|
|
|
<td>单位名称</td>
|
|
|
|
<td>总分</td>
|
|
|
|
</tr>
|
|
|
|
<tr style="cursor: pointer;" *ngFor="let item of unitId;let key = index" (click)="clickUnitName(key)" [ngClass]="{'selectedLi': key == selectedUnitIndex}">
|
|
|
|
<td>{{item.name}}</td>
|
|
|
|
<td class="colorspan">{{item.score}}</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="rightDiv">
|
|
|
|
<div class="tabsbox">
|
|
|
|
<div [ngClass]="{selectedTab: selectedTab == 1}" (click)="selectTab(1)">
|
|
|
|
基本信息
|
|
|
|
</div>
|
|
|
|
<div [ngClass]="{selectedTab: selectedTab == 2}" (click)="selectTab(2)">
|
|
|
|
作战部署
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="maincontantbox">
|
|
|
|
<div id="basicinfodiv" class="basicinfodiv" [hidden]="!(selectedTab == 1)">
|
|
|
|
<div *ngFor="let unit of unitId;let key = index">
|
|
|
|
<div [hidden]="!(key == selectedUnitIndex)">
|
|
|
|
<!-- 选择的单位名称 -->
|
|
|
|
<p class="colorspan" style="margin: 0 0 12px 6px;">{{unit.name}}</p>
|
|
|
|
<!-- 基本信息 -->
|
|
|
|
<mat-accordion *ngIf="unit.basicInfoNodes && unit.basicInfoNodes.length != 0">
|
|
|
|
<mat-expansion-panel style="box-shadow: 0 0 black;" expanded>
|
|
|
|
<mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' style="position: relative;padding-left:20px;background: #F5FDFE;">
|
|
|
|
<mat-panel-title>
|
|
|
|
基本信息
|
|
|
|
<!-- <span class="colorspan" style="margin-left: 20px;">{{unit.basicInfoScore ? unit.basicInfoScore : 0}}分</span> -->
|
|
|
|
<span style="margin-left: 20px;">
|
|
|
|
总分值: <input onchange="if(!value)value=0" class="scoreInput" type="number" (click)="stopPropagation($event)"
|
|
|
|
[(ngModel)]="unit.basicInfoScore" (input)="sumScore('基本信息',key)"> 分,
|
|
|
|
单项
|
|
|
|
<span style="color: #FF8678;">
|
|
|
|
{{unit.basicInfoItemScore ? unit.basicInfoItemScore : 0}}
|
|
|
|
</span>分
|
|
|
|
|
|
|
|
<span *ngIf="unit.basicInfoSelectedNum">(已选择 {{unit.basicInfoSelectedNum}} 项)</span>
|
|
|
|
</span>
|
|
|
|
</mat-panel-title>
|
|
|
|
</mat-expansion-panel-header>
|
|
|
|
|
|
|
|
<div style="box-sizing: border-box;padding: 10px;">
|
|
|
|
<nz-tree
|
|
|
|
[nzData]="unit.basicInfoNodes"
|
|
|
|
nzCheckable
|
|
|
|
nzMultiple
|
|
|
|
[nzCheckedKeys]="unit.basicInfoNodesKey"
|
|
|
|
[nzExpandedKeys]="defaultExpandedKeys"
|
|
|
|
[nzSelectedKeys]="defaultSelectedKeys"
|
|
|
|
(nzClick)="nzEvent($event,key)"
|
|
|
|
(nzExpandChange)="nzEvent($event,key)"
|
|
|
|
(nzCheckBoxChange)="nzEvent($event,key)"
|
|
|
|
[nzTreeTemplate]="nzTreeTemplate"
|
|
|
|
>
|
|
|
|
</nz-tree>
|
|
|
|
<ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
|
|
<div class="treeNodeTemplate">
|
|
|
|
<label class="overflowText textNode">{{node.origin.name}}</label>
|
|
|
|
<div class="scoreDiv" *ngIf="node.level == '0'">
|
|
|
|
<span class="colorspan lookitem" (click)="lookTreeNode(node)">查看</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</ng-template>
|
|
|
|
</div>
|
|
|
|
</mat-expansion-panel>
|
|
|
|
</mat-accordion>
|
|
|
|
<!-- 四周毗邻 -->
|
|
|
|
<mat-accordion *ngIf="unit.aroundNodes && unit.aroundNodes.length != 0">
|
|
|
|
<mat-expansion-panel style="box-shadow: 0 0 black;" expanded>
|
|
|
|
<mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' style="position: relative;padding-left:20px;background: #F5FDFE;">
|
|
|
|
<mat-panel-title>
|
|
|
|
四周毗邻
|
|
|
|
<span style="margin-left: 20px;">
|
|
|
|
总分值: <input class="scoreInput" type="number" (click)="stopPropagation($event)"
|
|
|
|
[(ngModel)]="unit.aroundScore" (input)="sumScore('四周毗邻',key)"> 分,
|
|
|
|
单项 <span style="color: #FF8678;">
|
|
|
|
{{unit.aroundItemScore ? unit.aroundItemScore : 0}}
|
|
|
|
</span> 分
|
|
|
|
<span *ngIf="unit.aroundSelectedNum">(已选择 {{unit.aroundSelectedNum}} 项)</span>
|
|
|
|
</span>
|
|
|
|
</mat-panel-title>
|
|
|
|
</mat-expansion-panel-header>
|
|
|
|
|
|
|
|
<div style="box-sizing: border-box;padding: 10px;">
|
|
|
|
<nz-tree
|
|
|
|
[nzData]="unit.aroundNodes"
|
|
|
|
nzCheckable
|
|
|
|
nzMultiple
|
|
|
|
[nzCheckedKeys]="unit.aroundNodesKey"
|
|
|
|
[nzExpandedKeys]="defaultExpandedKeys"
|
|
|
|
[nzSelectedKeys]="defaultSelectedKeys"
|
|
|
|
(nzClick)="nzEvent($event,key)"
|
|
|
|
(nzExpandChange)="nzEvent($event,key)"
|
|
|
|
(nzCheckBoxChange)="nzEvent($event,key)"
|
|
|
|
[nzTreeTemplate]="nzTreeTemplate"
|
|
|
|
>
|
|
|
|
</nz-tree>
|
|
|
|
<ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
|
|
<div class="treeNodeTemplate">
|
|
|
|
<label class="overflowText textNode">{{node.origin.title ? node.origin.title : node.origin.name}}</label>
|
|
|
|
<div class="scoreDiv" *ngIf="node.level == '0'">
|
|
|
|
<span class="colorspan lookitem" (click)="lookTreeNode(node)">查看</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</ng-template>
|
|
|
|
</div>
|
|
|
|
</mat-expansion-panel>
|
|
|
|
</mat-accordion>
|
|
|
|
<!-- 重点部位 -->
|
|
|
|
<mat-accordion *ngIf="unit.keySiteNodes && unit.keySiteNodes.length != 0">
|
|
|
|
<mat-expansion-panel style="box-shadow: 0 0 black;" expanded>
|
|
|
|
<mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' style="position: relative;padding-left:20px;background: #F5FDFE;">
|
|
|
|
<mat-panel-title>
|
|
|
|
重点部位
|
|
|
|
<span style="margin-left: 20px;">
|
|
|
|
总分值: <input class="scoreInput" type="number" (click)="stopPropagation($event)"
|
|
|
|
[(ngModel)]="unit.keySiteScore" (input)="sumScore('重点部位',key)"> 分,
|
|
|
|
单项 <span style="color: #FF8678;">
|
|
|
|
{{unit.keySiteItemScore ? unit.keySiteItemScore : 0}}
|
|
|
|
</span> 分
|
|
|
|
<span *ngIf="unit.keySiteSelectedNum">(已选择 {{unit.keySiteSelectedNum}} 项)</span>
|
|
|
|
</span>
|
|
|
|
</mat-panel-title>
|
|
|
|
</mat-expansion-panel-header>
|
|
|
|
|
|
|
|
<div style="box-sizing: border-box;padding: 10px;">
|
|
|
|
<nz-tree
|
|
|
|
[nzData]="unit.keySiteNodes"
|
|
|
|
nzCheckable
|
|
|
|
nzMultiple
|
|
|
|
[nzCheckedKeys]="unit.keySiteNodesKey"
|
|
|
|
[nzExpandedKeys]="defaultExpandedKeys"
|
|
|
|
[nzSelectedKeys]="defaultSelectedKeys"
|
|
|
|
(nzClick)="nzEvent($event,key)"
|
|
|
|
(nzExpandChange)="nzEvent($event,key)"
|
|
|
|
(nzCheckBoxChange)="nzEvent($event,key)"
|
|
|
|
[nzTreeTemplate]="nzTreeTemplate"
|
|
|
|
>
|
|
|
|
</nz-tree>
|
|
|
|
<ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
|
|
<div class="treeNodeTemplate">
|
|
|
|
<label class="overflowText textNode">{{node.origin.title ? node.origin.title : node.origin.name}}</label>
|
|
|
|
<div class="scoreDiv" *ngIf="node.level == '0'">
|
|
|
|
<span class="colorspan lookitem" (click)="lookTreeNode(node)">查看</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</ng-template>
|
|
|
|
</div>
|
|
|
|
</mat-expansion-panel>
|
|
|
|
</mat-accordion>
|
|
|
|
<!-- 功能分区 -->
|
|
|
|
<mat-accordion *ngIf="unit.funDivNodes && unit.funDivNodes.length != 0">
|
|
|
|
<mat-expansion-panel style="box-shadow: 0 0 black;" expanded>
|
|
|
|
<mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' style="position: relative;padding-left:20px;background: #F5FDFE;">
|
|
|
|
<mat-panel-title>
|
|
|
|
功能分区
|
|
|
|
<span style="margin-left: 20px;">
|
|
|
|
总分值: <input class="scoreInput" type="number" (click)="stopPropagation($event)"
|
|
|
|
[(ngModel)]="unit.funDivScore" (input)="sumScore('功能分区',key)"> 分,
|
|
|
|
单项 <span style="color: #FF8678;">
|
|
|
|
{{unit.funDivItemScore ? unit.funDivItemScore : 0}}
|
|
|
|
</span> 分
|
|
|
|
<span *ngIf="unit.funDivSelectedNum">(已选择 {{unit.funDivSelectedNum}} 项)</span>
|
|
|
|
</span>
|
|
|
|
</mat-panel-title>
|
|
|
|
</mat-expansion-panel-header>
|
|
|
|
|
|
|
|
<div style="box-sizing: border-box;padding: 10px;">
|
|
|
|
<nz-tree
|
|
|
|
[nzData]="unit.funDivNodes"
|
|
|
|
nzCheckable
|
|
|
|
nzMultiple
|
|
|
|
[nzCheckedKeys]="unit.funDivNodesKey"
|
|
|
|
[nzExpandedKeys]="defaultExpandedKeys"
|
|
|
|
[nzSelectedKeys]="defaultSelectedKeys"
|
|
|
|
(nzClick)="nzEvent($event,key)"
|
|
|
|
(nzExpandChange)="nzEvent($event,key)"
|
|
|
|
(nzCheckBoxChange)="nzEvent($event,key)"
|
|
|
|
[nzTreeTemplate]="nzTreeTemplate"
|
|
|
|
>
|
|
|
|
</nz-tree>
|
|
|
|
<ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
|
|
<div class="treeNodeTemplate">
|
|
|
|
<label class="overflowText textNode">{{node.origin.region ? node.origin.region : node.origin.name}}</label>
|
|
|
|
<div class="scoreDiv" *ngIf="node.level == '0'">
|
|
|
|
<span class="colorspan lookitem" (click)="lookTreeNode(node)">查看</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</ng-template>
|
|
|
|
</div>
|
|
|
|
</mat-expansion-panel>
|
|
|
|
</mat-accordion>
|
|
|
|
<!-- 数据核验(消防设施) -->
|
|
|
|
<mat-accordion *ngIf="unit.fireFacNodes && unit.fireFacNodes .length != 0">
|
|
|
|
<mat-expansion-panel style="box-shadow: 0 0 black;" expanded>
|
|
|
|
<mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' style="position: relative;padding-left:20px;background: #F5FDFE;">
|
|
|
|
<mat-panel-title>
|
|
|
|
数据核验
|
|
|
|
<span style="margin-left: 20px;">
|
|
|
|
总分值: <input class="scoreInput" type="number" (click)="stopPropagation($event)"
|
|
|
|
[(ngModel)]="unit.fireFacScore " (input)="sumScore('数据核验',key)"> 分,
|
|
|
|
单项 <span style="color: #FF8678;">
|
|
|
|
{{unit.fireFacItemScore ? unit.fireFacItemScore : 0}}
|
|
|
|
</span> 分
|
|
|
|
<span *ngIf="unit.fireFacSelectedNum">(已选择 {{unit.fireFacSelectedNum}} 项)</span>
|
|
|
|
</span>
|
|
|
|
</mat-panel-title>
|
|
|
|
</mat-expansion-panel-header>
|
|
|
|
|
|
|
|
<div style="box-sizing: border-box;padding: 10px;">
|
|
|
|
<nz-tree
|
|
|
|
[nzData]="unit.fireFacNodes"
|
|
|
|
nzCheckable
|
|
|
|
nzMultiple
|
|
|
|
[nzCheckedKeys]="unit.fireFacNodesKey"
|
|
|
|
[nzExpandedKeys]="defaultExpandedKeys"
|
|
|
|
[nzSelectedKeys]="defaultSelectedKeys"
|
|
|
|
(nzClick)="nzEvent($event,key)"
|
|
|
|
(nzExpandChange)="nzEvent($event,key)"
|
|
|
|
(nzCheckBoxChange)="nzEvent($event,key)"
|
|
|
|
[nzTreeTemplate]="nzTreeTemplate"
|
|
|
|
>
|
|
|
|
</nz-tree>
|
|
|
|
<ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
|
|
<div class="treeNodeTemplate">
|
|
|
|
<label class="overflowText textNode">{{node.origin.name}}</label>
|
|
|
|
<div class="scoreDiv" *ngIf="node.level == '0'">
|
|
|
|
<span class="colorspan lookitem" (click)="lookTreeNode(node)">查看</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</ng-template>
|
|
|
|
</div>
|
|
|
|
</mat-expansion-panel>
|
|
|
|
</mat-accordion>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="fightdeploydiv" [hidden]="!(selectedTab == 2) ">
|
|
|
|
<div class="addPlan" (click)="addPlan()" *ngIf="!(pattern=='look')">
|
|
|
|
<mat-icon style="vertical-align: text-top">add_circle_outline</mat-icon>添加预案
|
|
|
|
</div>
|
|
|
|
<div class="planList" *ngIf="unitId[selectedUnitIndex]">
|
|
|
|
<table>
|
|
|
|
<tr >
|
|
|
|
<td>预案名称</td>
|
|
|
|
<td>添加人</td>
|
|
|
|
<td>修改时间</td>
|
|
|
|
<td>是否公开</td>
|
|
|
|
<td>编制级别</td>
|
|
|
|
<td>设置分数</td>
|
|
|
|
<td *ngIf="!(pattern=='look')">操作</td>
|
|
|
|
</tr>
|
|
|
|
<tr *ngFor="let item of unitId[selectedUnitIndex].planList">
|
|
|
|
<td>{{item.title}}</td>
|
|
|
|
<td>{{item.creatorName}}</td>
|
|
|
|
<td>{{item.modifiedTime | date:'yyyy-MM-dd'}}</td>
|
|
|
|
<td>{{item.isPublic ? '已公开' : '未公开'}}</td>
|
|
|
|
<td>{{item.planLevel | planlevel}}</td>
|
|
|
|
<td>
|
|
|
|
<input (input)="planItemScore()" type="number" [(ngModel)]="item.score">
|
|
|
|
</td>
|
|
|
|
<td *ngIf="!(pattern=='look')">
|
|
|
|
<span style="color: #07CDCF;" (click)="edit(item)" >编辑</span>
|
|
|
|
<span style="color: #FF8678;" (click)="deletePlan(item)">删除</span>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="btnbox">
|
|
|
|
<div class="btn" (click)="goBack()">
|
|
|
|
上一步
|
|
|
|
</div>
|
|
|
|
<div class="btn" (click)="save()" *ngIf="!(pattern=='look')">
|
|
|
|
完成
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|