[完善] 完整度得分提示

src/app/key-unit/edit-plan-info/edit-plan-info.component.html

@@ -1,7 +1,14 @@
-
-
-
-<mat-tab-group selectedIndex="0" style="height: 100%;" >
+<div class="fixedPrompt">
+  <label class="scorePrompt" *ngIf="selected.value == 0"><label style="color: red;">*</label>单位信息,建筑信息填写完整可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 1"><label style="color: red;">*</label>单位毗邻模块标注完整可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 2"><label style="color: red;">*</label>消防设施,重点部位模块标注完整可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 3"><label style="color: red;">*</label>总平面图模块标注完整可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 4 || selected.value == 5"><label style="color: red;">*</label>层平面图模块标注完整可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 6"><label style="color: red;">*</label>填写2条以上可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 9"><label style="color: red;">*</label>外观,室内,安全出口上传图片可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 10"><label style="color: red;">*</label>上传2张CAD图片可得满分</label>
+</div>
+<mat-tab-group style="height: 100%;" [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)">
     <mat-tab label="1.基本信息">
         <ng-template matTabContent>
             <app-basicinfo></app-basicinfo>

src/app/key-unit/edit-plan-info/edit-plan-info.component.scss

@@ -1,3 +1,16 @@
 .mat-tab-body-wrapper{
     height: 100%!important;
+}
+.fixedPrompt {
+  position: relative;
+  width: 100%;
+  height: 0px;
+  .scorePrompt {
+    width: 100%;
+    text-align: center;
+    position: absolute;
+    top: 35px;
+    font-size: 16px;
+    z-index: 111;
+  }
 }

src/app/key-unit/edit-plan-info/edit-plan-info.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
 
 @Component({
   selector: 'app-edit-plan-info',
@@ -9,7 +10,7 @@ export class EditPlanInfoComponent implements OnInit {
 
   constructor() { }
 
-  ngOnInit(): void {
-  }
+  ngOnInit(): void {  }
+  selected = new FormControl(0);
 
 }

src/app/key-unit/view-unit-details/view-unit-details.component.html

@@ -1,4 +1,14 @@
-<mat-tab-group selectedIndex="0" style="height:99%;" (selectedTabChange)="selectedtab($event)">
+<div class="fixedPrompt">
+  <label class="scorePrompt" *ngIf="selected.value == 0"><label style="color: red;">*</label>单位信息,建筑信息填写完整可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 1"><label style="color: red;">*</label>单位毗邻模块标注完整可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 2"><label style="color: red;">*</label>消防设施,重点部位模块标注完整可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 3"><label style="color: red;">*</label>总平面图模块标注完整可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 4 || selected.value == 5"><label style="color: red;">*</label>层平面图模块标注完整可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 6"><label style="color: red;">*</label>填写2条以上可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 9"><label style="color: red;">*</label>外观,室内,安全出口上传图片可得满分</label>
+  <label class="scorePrompt" *ngIf="selected.value == 10"><label style="color: red;">*</label>上传2张CAD图片可得满分</label>
+</div>
+<mat-tab-group style="height:100%;" [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)">
     <mat-tab label="1.基本信息">
         <ng-template matTabContent>
             <app-basicinfo-look></app-basicinfo-look>

src/app/key-unit/view-unit-details/view-unit-details.component.scss

@@ -1,3 +1,16 @@
 .mat-tab-body-wrapper{
     height: 100%!important;
+}
+.fixedPrompt {
+  position: relative;
+  width: 100%;
+  height: 0px;
+  .scorePrompt {
+    width: 100%;
+    text-align: center;
+    position: absolute;
+    top: 35px;
+    font-size: 16px;
+    z-index: 111;
+  }
 }

src/app/key-unit/view-unit-details/view-unit-details.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
 
 @Component({
   selector: 'app-view-unit-details',
@@ -9,10 +10,7 @@ export class ViewUnitDetailsComponent implements OnInit {
 
   constructor() { }
 
-  ngOnInit(): void {
-  }
-  
-  selectedtab(e){
-    sessionStorage.setItem("tabsindex",e.index)
-  }
+  ngOnInit(): void {  }
+  selected = new FormControl(0);
+
 }