Skip to content

M
mySkill-x
Commit 21dfbf99 by Nattana Chaiyamat
Options

ประเมิน pms

parent 962ed626
Showing with 529 additions and 502 deletions
src/app/components/performance-evaluation/pms-evaluation/pms-evalution.component.html
...@@ -316,15 +316,14 @@ ...@@ -316,15 +316,14 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part1show"></div> <div class="pb-2rem px-2rem">
<div class="pb-2rem px-2rem" *ngIf="part1show">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px"> <thead class="height-50px" *ngIf="part1show">
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container <ng-container
*ngFor="let item of ['ลำดับ\n(No.)','ที่มาของนโยบาย\n(Corporate KPI)','ตัวชี้วัด\n(Performance Indicator)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)', *ngFor="let item of ['ลำดับ\n(No.)','ที่มาของนโยบาย\n(Corporate KPI)','ตัวชี้วัด\n(Performance Indicator)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)',
'กำหนดเสร็จ\n(Time Line)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย(Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last"> 'กำหนดเสร็จ\n(Time Line)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย (Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last">
<th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'" <th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
<span class="font-size-12px font-weight-700 ">{{ item }}</span> <span class="font-size-12px font-weight-700 ">{{ item }}</span>
...@@ -341,7 +340,7 @@ ...@@ -341,7 +340,7 @@
</ng-container> </ng-container>
</tr> </tr>
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container *ngFor="let item of ['A(5)','B(4)','C(3)','D(2)','E(1)']"> <ng-container *ngFor="let item of ['A (5)','B (4)','C (3)','D (2)','E (1)']">
<th scope="col" <th scope="col"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
{{item}} {{item}}
...@@ -350,73 +349,75 @@ ...@@ -350,73 +349,75 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part1Detail"> <tbody *ngIf="appraisalPms?.data?.part1Detail">
<tr *ngFor="let item of appraisalPms?.data?.part1Detail;let i = index"> <ng-container *ngIf="part1show">
<td class="align-start text-center !white-space-normal "> <tr *ngFor="let item of appraisalPms?.data?.part1Detail;let i = index">
{{i+1}} <td class="align-start text-center !white-space-normal ">
</td> {{i+1}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.tdesc}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.tdesc}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.indicatorsDetail}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.indicatorsDetail}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.performanceGoalsDetail}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.performanceGoalsDetail}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.detailUnit}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.detailUnit}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.completionDate}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.completionDate}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.weight}} <td class="align-start text-center !white-space-normal ">
</td> {{item.weight}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part1radioA'+i" (click)="setScore(item,5)" [disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br> [id]="'part1radioA'+i" (click)="setScore(item,5)"
{{item.groupAssessment1.pmsTopic.targetAdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
</td> {{item.groupAssessment1.pmsTopic.targetAdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part1radioB'+i" (click)="setScore(item,4)" [disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br> [id]="'part1radioB'+i" (click)="setScore(item,4)"
{{item.groupAssessment1.pmsTopic.targetBdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
</td> {{item.groupAssessment1.pmsTopic.targetBdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part1radioC'+i" (click)="setScore(item,3)" [disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br> [id]="'part1radioC'+i" (click)="setScore(item,3)"
{{item.groupAssessment1.pmsTopic.targetCdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
</td> {{item.groupAssessment1.pmsTopic.targetCdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part1radioD'+i" (click)="setScore(item,2)" [disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br> [id]="'part1radioD'+i" (click)="setScore(item,2)"
{{item.groupAssessment1.pmsTopic.targetDdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
</td> {{item.groupAssessment1.pmsTopic.targetDdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part1radioE'+i" (click)="setScore(item,1)" [disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br> [id]="'part1radioE'+i" (click)="setScore(item,1)"
{{item.groupAssessment1.pmsTopic.targetEdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
</td> {{item.groupAssessment1.pmsTopic.targetEdetail}}
<td class="!p-0"></td> </td>
<td class="align-start !white-space-normal text-center"> <td class="!p-0"></td>
{{numberFixed2(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss <td class="align-start !white-space-normal text-center">
)}} {{numberFixed2(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss
</td> )}}
<td class="align-start !white-space-normal text-center"> </td>
{{numberFixed2(item.weight * <td class="align-start !white-space-normal text-center">
(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}} {{numberFixed2(item.weight *
</td> (evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}}
</tr> </td>
</tr>
</ng-container>
<tr class="bg-table-soft-gray"> <tr class="bg-table-soft-gray">
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
</td> </td>
...@@ -485,7 +486,7 @@ ...@@ -485,7 +486,7 @@
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between"> <div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center"> <div class="align-center">
Part 2 : ประเมินผลการปฏิบัติงานประจำ(Department KPI) Part 2 : ประเมินผลการปฏิบัติงานประจำ (Department KPI)
</div> </div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part2show=!part2show"> (click)="part2show=!part2show">
...@@ -504,15 +505,14 @@ ...@@ -504,15 +505,14 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part2show"></div> <div class="pb-2rem px-2rem">
<div class="pb-2rem px-2rem" *ngIf="part2show">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px"> <thead class="height-50px" *ngIf="part2show">
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container <ng-container
*ngFor="let item of ['ลำดับ\n(No.)','ตัวชี้วัด\n(Performance Indicator)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)', *ngFor="let item of ['ลำดับ\n(No.)','ตัวชี้วัด\n(Performance Indicator)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)',
'กำหนดเสร็จ\n(Time Line)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย(Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last"> 'กำหนดเสร็จ\n(Time Line)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย (Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last">
<th scope="col" [attr.rowspan]="i==6?'1':'2'" [attr.colspan]="i==6?'5':'1'" <th scope="col" [attr.rowspan]="i==6?'1':'2'" [attr.colspan]="i==6?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
<span class="font-size-12px font-weight-700 ">{{ item }}</span> <span class="font-size-12px font-weight-700 ">{{ item }}</span>
...@@ -529,7 +529,7 @@ ...@@ -529,7 +529,7 @@
</ng-container> </ng-container>
</tr> </tr>
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container *ngFor="let item of ['A(5)','B(4)','C(3)','D(2)','E(1)']"> <ng-container *ngFor="let item of ['A (5)','B (4)','C (3)','D (2)','E (1)']">
<th scope="col" <th scope="col"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
{{item}} {{item}}
...@@ -538,70 +538,72 @@ ...@@ -538,70 +538,72 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part2Detail"> <tbody *ngIf="appraisalPms?.data?.part2Detail">
<tr *ngFor="let item of appraisalPms?.data?.part2Detail;let i = index"> <ng-container *ngIf="part2show">
<td class="align-start text-center !white-space-normal "> <tr *ngFor="let item of appraisalPms?.data?.part2Detail;let i = index">
{{i+1}} <td class="align-start text-center !white-space-normal ">
</td> {{i+1}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.indicatorsDetail}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.indicatorsDetail}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.performanceGoalsDetail}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.performanceGoalsDetail}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.detailUnit}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.detailUnit}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.completionDate}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.completionDate}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.weight}} <td class="align-start text-center !white-space-normal ">
</td> {{item.weight}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part2radioA'+i" (click)="setScore(item,5)" [disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br> [id]="'part2radioA'+i" (click)="setScore(item,5)"
{{item.groupAssessment1.pmsTopic.targetAdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
</td> {{item.groupAssessment1.pmsTopic.targetAdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part2radioB'+i" (click)="setScore(item,4)" [disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br> [id]="'part2radioB'+i" (click)="setScore(item,4)"
{{item.groupAssessment1.pmsTopic.targetBdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
</td> {{item.groupAssessment1.pmsTopic.targetBdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part2radioC'+i" (click)="setScore(item,3)" [disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br> [id]="'part2radioC'+i" (click)="setScore(item,3)"
{{item.groupAssessment1.pmsTopic.targetCdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
</td> {{item.groupAssessment1.pmsTopic.targetCdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part2radioD'+i" (click)="setScore(item,2)" [disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br> [id]="'part2radioD'+i" (click)="setScore(item,2)"
{{item.groupAssessment1.pmsTopic.targetDdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
</td> {{item.groupAssessment1.pmsTopic.targetDdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part2radioE'+i" (click)="setScore(item,1)" [disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br> [id]="'part2radioE'+i" (click)="setScore(item,1)"
{{item.groupAssessment1.pmsTopic.targetEdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
</td> {{item.groupAssessment1.pmsTopic.targetEdetail}}
<td class="!p-0"></td> </td>
<td class="align-start !white-space-normal text-center"> <td class="!p-0"></td>
{{numberFixed2(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss <td class="align-start !white-space-normal text-center">
)}} {{numberFixed2(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss
</td> )}}
<td class="align-start !white-space-normal text-center"> </td>
{{numberFixed2(item.weight * <td class="align-start !white-space-normal text-center">
(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}} {{numberFixed2(item.weight *
</td> (evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}}
</tr> </td>
</tr>
</ng-container>
<tr class="bg-table-soft-gray"> <tr class="bg-table-soft-gray">
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
</td> </td>
...@@ -663,7 +665,7 @@ ...@@ -663,7 +665,7 @@
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between"> <div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center"> <div class="align-center">
Part 3 : ประเมินผลการปฏิบัติงานประจำ(Individual KPI) Part 3 : ประเมินผลการปฏิบัติงานประจำ (Individual KPI)
</div> </div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part3show=!part3show"> (click)="part3show=!part3show">
...@@ -682,15 +684,14 @@ ...@@ -682,15 +684,14 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part3show"></div> <div class="pb-2rem px-2rem">
<div class="pb-2rem px-2rem" *ngIf="part3show">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px"> <thead class="height-50px" *ngIf="part3show">
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container <ng-container
*ngFor="let item of ['ลำดับ\n(No.)','ตัวชี้วัด\n(Performance Indicator)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)', *ngFor="let item of ['ลำดับ\n(No.)','ตัวชี้วัด\n(Performance Indicator)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)',
'กำหนดเสร็จ\n(Time Line)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย(Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last"> 'กำหนดเสร็จ\n(Time Line)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย (Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last">
<th scope="col" [attr.rowspan]="i==6?'1':'2'" [attr.colspan]="i==6?'5':'1'" <th scope="col" [attr.rowspan]="i==6?'1':'2'" [attr.colspan]="i==6?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
<span class="font-size-12px font-weight-700 ">{{ item }}</span> <span class="font-size-12px font-weight-700 ">{{ item }}</span>
...@@ -707,7 +708,7 @@ ...@@ -707,7 +708,7 @@
</ng-container> </ng-container>
</tr> </tr>
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container *ngFor="let item of ['A(5)','B(4)','C(3)','D(2)','E(1)']"> <ng-container *ngFor="let item of ['A (5)','B (4)','C (3)','D (2)','E (1)']">
<th scope="col" <th scope="col"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
{{item}} {{item}}
...@@ -716,70 +717,72 @@ ...@@ -716,70 +717,72 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part3Detail"> <tbody *ngIf="appraisalPms?.data?.part3Detail">
<tr *ngFor="let item of appraisalPms?.data?.part3Detail;let i = index"> <ng-container *ngIf="part3show">
<td class="align-start text-center !white-space-normal "> <tr *ngFor="let item of appraisalPms?.data?.part3Detail;let i = index">
{{i+1}} <td class="align-start text-center !white-space-normal ">
</td> {{i+1}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.indicatorsDetail}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.indicatorsDetail}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.performanceGoalsDetail}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.performanceGoalsDetail}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.detailUnit}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.detailUnit}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.groupAssessment1.pmsTopic.completionDate}} <td class="align-start text-center !white-space-normal ">
</td> {{item.groupAssessment1.pmsTopic.completionDate}}
<td class="align-start text-center !white-space-normal "> </td>
{{item.weight}} <td class="align-start text-center !white-space-normal ">
</td> {{item.weight}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part3radioA'+i" (click)="setScore(item,5)" [disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br> [id]="'part3radioA'+i" (click)="setScore(item,5)"
{{item.groupAssessment1.pmsTopic.targetAdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
</td> {{item.groupAssessment1.pmsTopic.targetAdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part3radioB'+i" (click)="setScore(item,4)" [disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br> [id]="'part3radioB'+i" (click)="setScore(item,4)"
{{item.groupAssessment1.pmsTopic.targetBdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
</td> {{item.groupAssessment1.pmsTopic.targetBdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part3radioC'+i" (click)="setScore(item,3)" [disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br> [id]="'part3radioC'+i" (click)="setScore(item,3)"
{{item.groupAssessment1.pmsTopic.targetCdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
</td> {{item.groupAssessment1.pmsTopic.targetCdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part3radioD'+i" (click)="setScore(item,2)" [disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br> [id]="'part3radioD'+i" (click)="setScore(item,2)"
{{item.groupAssessment1.pmsTopic.targetDdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
</td> {{item.groupAssessment1.pmsTopic.targetDdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part3radioE'+i" (click)="setScore(item,1)" [disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br> [id]="'part3radioE'+i" (click)="setScore(item,1)"
{{item.groupAssessment1.pmsTopic.targetEdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
</td> {{item.groupAssessment1.pmsTopic.targetEdetail}}
<td class="!p-0"></td> </td>
<td class="align-start !white-space-normal text-center"> <td class="!p-0"></td>
{{numberFixed2(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss <td class="align-start !white-space-normal text-center">
)}} {{numberFixed2(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss
</td> )}}
<td class="align-start !white-space-normal text-center"> </td>
{{numberFixed2(item.weight * <td class="align-start !white-space-normal text-center">
(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}} {{numberFixed2(item.weight *
</td> (evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}}
</tr> </td>
</tr>
</ng-container>
<tr class="bg-table-soft-gray"> <tr class="bg-table-soft-gray">
<td class="align-start text-center"> <td class="align-start text-center">
</td> </td>
...@@ -841,7 +844,7 @@ ...@@ -841,7 +844,7 @@
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between"> <div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center"> <div class="align-center">
Part 4 : ประเมินผลสมรรถนะที่สนับสนุนการปฏิบัติงาน(Competency) Part 4 : ประเมินผลสมรรถนะที่สนับสนุนการปฏิบัติงาน (Competency)
</div> </div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part4show=!part4show"> (click)="part4show=!part4show">
...@@ -860,14 +863,13 @@ ...@@ -860,14 +863,13 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part4show"></div> <div class="pb-2rem px-2rem">
<div class="pb-2rem px-2rem" *ngIf="part4show">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px"> <thead class="height-50px" *ngIf="part4show">
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container <ng-container
*ngFor="let item of ['ลำดับ\n(No.)','สมรรถนะ\n(Competency)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย(Target Degree)','สรุปผลงาน\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last"> *ngFor="let item of ['ลำดับ\n(No.)','สมรรถนะ\n(Competency)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย (Target Degree)','สรุปผลงาน\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last">
<th scope="col" [attr.rowspan]="i==3?'1':'2'" [attr.colspan]="i==3?'5':'1'" <th scope="col" [attr.rowspan]="i==3?'1':'2'" [attr.colspan]="i==3?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
<span class="font-size-12px font-weight-700 ">{{ item }}</span> <span class="font-size-12px font-weight-700 ">{{ item }}</span>
...@@ -884,7 +886,7 @@ ...@@ -884,7 +886,7 @@
</ng-container> </ng-container>
</tr> </tr>
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container *ngFor="let item of ['A(5)','B(4)','C(3)','D(2)','E(1)']"> <ng-container *ngFor="let item of ['A (5)','B (4)','C (3)','D (2)','E (1)']">
<th scope="col" <th scope="col"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
{{item}} {{item}}
...@@ -893,49 +895,51 @@ ...@@ -893,49 +895,51 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part4Detail"> <tbody *ngIf="appraisalPms?.data?.part4Detail">
<tr *ngFor="let item of appraisalPms?.data?.part4Detail;let i = index"> <ng-container *ngIf="part4show">
<td class="align-start text-center"> <tr *ngFor="let item of appraisalPms?.data?.part4Detail;let i = index">
{{i+1}} <td class="align-start text-center">
</td> {{i+1}}
<td class="align-start !white-space-normal"> </td>
{{item.competencyType.tdesc}} <td class="align-start !white-space-normal">
</td> {{item.competencyType.tdesc}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.competencyType.weight}} <td class="align-start !white-space-normal text-center">
</td> {{item.competencyType.weight}}
<td class="align-start !white-space-normal text-center"> </td>
<ng-container *ngIf="calAverage(item.averageScore)==5"> <td class="align-start !white-space-normal text-center">
{{item.averageScore}} <ng-container *ngIf="calAverage(item.averageScore)==5">
</ng-container> {{item.averageScore}}
</td> </ng-container>
<td class="align-start !white-space-normal text-center"> </td>
<ng-container *ngIf="calAverage(item.averageScore)==4"> <td class="align-start !white-space-normal text-center">
{{item.averageScore}} <ng-container *ngIf="calAverage(item.averageScore)==4">
</ng-container> {{item.averageScore}}
</td> </ng-container>
<td class="align-start !white-space-normal text-center"> </td>
<ng-container *ngIf="calAverage(item.averageScore)==3"> <td class="align-start !white-space-normal text-center">
{{item.averageScore}} <ng-container *ngIf="calAverage(item.averageScore)==3">
</ng-container> {{item.averageScore}}
</td> </ng-container>
<td class="align-start !white-space-normal text-center"> </td>
<ng-container *ngIf="calAverage(item.averageScore)==2"> <td class="align-start !white-space-normal text-center">
{{item.averageScore}} <ng-container *ngIf="calAverage(item.averageScore)==2">
</ng-container> {{item.averageScore}}
</td> </ng-container>
<td class="align-start !white-space-normal text-center"> </td>
<ng-container *ngIf="calAverage(item.averageScore)==1"> <td class="align-start !white-space-normal text-center">
{{item.averageScore}} <ng-container *ngIf="calAverage(item.averageScore)==1">
</ng-container> {{item.averageScore}}
</td> </ng-container>
<td class="!p-0"></td> </td>
<td class="align-start !white-space-normal text-center"> <td class="!p-0"></td>
{{calAverage(item.averageScore)}} <td class="align-start !white-space-normal text-center">
</td> {{calAverage(item.averageScore)}}
<td class="align-start !white-space-normal text-center"> </td>
{{numberFixed2(item.competencyType.weight * calAverage(item.averageScore))}} <td class="align-start !white-space-normal text-center">
</td> {{numberFixed2(item.competencyType.weight * calAverage(item.averageScore))}}
</tr> </td>
</tr>
</ng-container>
<tr class="bg-table-soft-gray"> <tr class="bg-table-soft-gray">
<td class="align-start text-center"> <td class="align-start text-center">
คะแนนดิบ คะแนนดิบ
...@@ -1005,14 +1009,13 @@ ...@@ -1005,14 +1009,13 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part5show"></div> <div class="pb-2rem px-2rem">
<div class="pb-2rem px-2rem" *ngIf="part5show">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px"> <thead class="height-50px" *ngIf="part5show">
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container <ng-container
*ngFor="let item of ['ลำดับ\n(No.)','อัตราการเข้างาน\n(Time attendance)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย(Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last"> *ngFor="let item of ['ลำดับ\n(No.)','อัตราการเข้างาน\n(Time attendance)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย (Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last">
<th scope="col" [attr.rowspan]="i==5?'1':'2'" [attr.colspan]="i==5?'5':'1'" <th scope="col" [attr.rowspan]="i==5?'1':'2'" [attr.colspan]="i==5?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
<span class="font-size-12px font-weight-700 ">{{ item }}</span> <span class="font-size-12px font-weight-700 ">{{ item }}</span>
...@@ -1029,7 +1032,7 @@ ...@@ -1029,7 +1032,7 @@
</ng-container> </ng-container>
</tr> </tr>
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container *ngFor="let item of ['A(5)','B(4)','C(3)','D(2)','E(1)']"> <ng-container *ngFor="let item of ['A (5)','B (4)','C (3)','D (2)','E (1)']">
<th scope="col" <th scope="col"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
{{item}} {{item}}
...@@ -1038,67 +1041,69 @@ ...@@ -1038,67 +1041,69 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part5Detail"> <tbody *ngIf="appraisalPms?.data?.part5Detail">
<tr *ngFor="let item of appraisalPms?.data?.part5Detail;let i = index"> <ng-container *ngIf="part5show">
<td class="align-start text-center"> <tr *ngFor="let item of appraisalPms?.data?.part5Detail;let i = index">
{{i+1}} <td class="align-start text-center">
</td> {{i+1}}
<td class="align-start !white-space-normal"> </td>
{{item.tdesc}} <td class="align-start !white-space-normal">
</td> {{item.tdesc}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.performanceTargets}} <td class="align-start !white-space-normal text-center">
</td> {{item.performanceTargets}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.detailUnit}} <td class="align-start !white-space-normal text-center">
</td> {{item.detailUnit}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.weight}} <td class="align-start !white-space-normal text-center">
</td> {{item.weight}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part5radioA'+i" (click)="setScorePart5(item,5)" [disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==5:item.pmsWorkingTimScoreBoss==5"><br> [id]="'part5radioA'+i" (click)="setScorePart5(item,5)"
{{item.targetADetail}} [checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==5:item.pmsWorkingTimScoreBoss==5"><br>
</td> {{item.targetADetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part5radioB'+i" (click)="setScorePart5(item,4)" [disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==4:item.pmsWorkingTimScoreBoss==4"><br> [id]="'part5radioB'+i" (click)="setScorePart5(item,4)"
{{item.targetBDetail}} [checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==4:item.pmsWorkingTimScoreBoss==4"><br>
</td> {{item.targetBDetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part5radioC'+i" (click)="setScorePart5(item,3)" [disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==3:item.pmsWorkingTimScoreBoss==3"><br> [id]="'part5radioC'+i" (click)="setScorePart5(item,3)"
{{item.targetCDetail}} [checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==3:item.pmsWorkingTimScoreBoss==3"><br>
</td> {{item.targetCDetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part5radioD'+i" (click)="setScorePart5(item,2)" [disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==2:item.pmsWorkingTimScoreBoss==2"><br> [id]="'part5radioD'+i" (click)="setScorePart5(item,2)"
{{item.targetDDetail}} [checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==2:item.pmsWorkingTimScoreBoss==2"><br>
</td> {{item.targetDDetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part5radioE'+i" (click)="setScorePart5(item,1)" [disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==1:item.pmsWorkingTimScoreBoss==1"><br> [id]="'part5radioE'+i" (click)="setScorePart5(item,1)"
{{item.targetEDetail}} [checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==1:item.pmsWorkingTimScoreBoss==1"><br>
</td> {{item.targetEDetail}}
<td class="!p-0"></td> </td>
<td class="align-start !white-space-normal text-center"> <td class="!p-0"></td>
{{numberFixed2(evaluaterId==evaluateeId?item.pmsWorkingTimScore:item.pmsWorkingTimScoreBoss <td class="align-start !white-space-normal text-center">
)}} {{numberFixed2(evaluaterId==evaluateeId?item.pmsWorkingTimScore:item.pmsWorkingTimScoreBoss
</td> )}}
<td class="align-start !white-space-normal text-center"> </td>
{{numberFixed2(item.weight * <td class="align-start !white-space-normal text-center">
(evaluaterId==evaluateeId?item.pmsWorkingTimScore:item.pmsWorkingTimScoreBoss))}} {{numberFixed2(item.weight *
</td> (evaluaterId==evaluateeId?item.pmsWorkingTimScore:item.pmsWorkingTimScoreBoss))}}
</tr> </td>
</tr>
</ng-container>
<tr class="bg-table-soft-gray"> <tr class="bg-table-soft-gray">
<td class="align-start text-center"> <td class="align-start text-center">
คะแนนดิบ คะแนนดิบ
...@@ -1157,7 +1162,7 @@ ...@@ -1157,7 +1162,7 @@
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between"> <div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center"> <div class="align-center">
Part 6: งานที่ได้รับมอบหมายเพิ่มเติม ( Cross Functional Project Assignment) Part 6 : งานที่ได้รับมอบหมายเพิ่มเติม (Cross Functional Project Assignment)
</div> </div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part6show=!part6show"> (click)="part6show=!part6show">
...@@ -1176,14 +1181,13 @@ ...@@ -1176,14 +1181,13 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part6show"></div> <div class="pb-2rem px-2rem">
<div class="pb-2rem px-2rem" *ngIf="part6show">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px"> <thead class="height-50px" *ngIf="part6show">
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container <ng-container
*ngFor="let item of ['ลำดับ\n(No.)','งานที่ได้รับมอบหมายเพิ่มเติม (Cross Functional Project Assignment)','ตัวชี้วัด\n(Performance Indicator)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)','กำหนดเสร็จ\n(Time Line)','น้ำหนัก\n(Weight)\n[(A)]','ค่าเป้าหมาย(Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last"> *ngFor="let item of ['ลำดับ\n(No.)','งานที่ได้รับมอบหมายเพิ่มเติม (Cross Functional Project Assignment)','ตัวชี้วัด\n(Performance Indicator)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)','กำหนดเสร็จ\n(Time Line)','น้ำหนัก\n(Weight)\n[(A)]','ค่าเป้าหมาย (Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last">
<th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'" <th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
<span class="font-size-12px font-weight-700 ">{{ item }}</span> <span class="font-size-12px font-weight-700 ">{{ item }}</span>
...@@ -1200,7 +1204,7 @@ ...@@ -1200,7 +1204,7 @@
</ng-container> </ng-container>
</tr> </tr>
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container *ngFor="let item of ['A(5)','B(4)','C(3)','D(2)','E(1)']"> <ng-container *ngFor="let item of ['A (5)','B (4)','C (3)','D (2)','E (1)']">
<th scope="col" <th scope="col"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
{{item}} {{item}}
...@@ -1209,73 +1213,75 @@ ...@@ -1209,73 +1213,75 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part6Detail"> <tbody *ngIf="appraisalPms?.data?.part6Detail">
<tr *ngFor="let item of appraisalPms?.data?.part6Detail;let i = index"> <ng-container *ngIf="part6show">
<td class="align-start text-center"> <tr *ngFor="let item of appraisalPms?.data?.part6Detail;let i = index">
{{i+1}} <td class="align-start text-center">
</td> {{i+1}}
<td class="align-start !white-space-normal"> </td>
{{item.groupAssessment1.pmsTopic.tdesc}} <td class="align-start !white-space-normal">
</td> {{item.groupAssessment1.pmsTopic.tdesc}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.groupAssessment1.pmsTopic.indicatorsDetail}} <td class="align-start !white-space-normal text-center">
</td> {{item.groupAssessment1.pmsTopic.indicatorsDetail}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.groupAssessment1.pmsTopic.performanceGoalsDetail}} <td class="align-start !white-space-normal text-center">
</td> {{item.groupAssessment1.pmsTopic.performanceGoalsDetail}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.groupAssessment1.pmsTopic.detailUnit}} <td class="align-start !white-space-normal text-center">
</td> {{item.groupAssessment1.pmsTopic.detailUnit}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.groupAssessment1.pmsTopic.completionDate}} <td class="align-start !white-space-normal text-center">
</td> {{item.groupAssessment1.pmsTopic.completionDate}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.weight}} <td class="align-start !white-space-normal text-center">
</td> {{item.weight}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part6radioA'+i" (click)="setScore(item,5)" [disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br> [id]="'part6radioA'+i" (click)="setScore(item,5)"
{{item.groupAssessment1.pmsTopic.targetAdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
</td> {{item.groupAssessment1.pmsTopic.targetAdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part6radioB'+i" (click)="setScore(item,4)" [disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br> [id]="'part6radioB'+i" (click)="setScore(item,4)"
{{item.groupAssessment1.pmsTopic.targetBdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
</td> {{item.groupAssessment1.pmsTopic.targetBdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part6radioC'+i" (click)="setScore(item,3)" [disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br> [id]="'part6radioC'+i" (click)="setScore(item,3)"
{{item.groupAssessment1.pmsTopic.targetCdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
</td> {{item.groupAssessment1.pmsTopic.targetCdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part6radioD'+i" (click)="setScore(item,2)" [disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br> [id]="'part6radioD'+i" (click)="setScore(item,2)"
{{item.groupAssessment1.pmsTopic.targetDdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
</td> {{item.groupAssessment1.pmsTopic.targetDdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part6radioE'+i" (click)="setScore(item,1)" [disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br> [id]="'part6radioE'+i" (click)="setScore(item,1)"
{{item.groupAssessment1.pmsTopic.targetEdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
</td> {{item.groupAssessment1.pmsTopic.targetEdetail}}
<td class="!p-0"></td> </td>
<td class="align-start !white-space-normal text-center"> <td class="!p-0"></td>
{{numberFixed2(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss <td class="align-start !white-space-normal text-center">
)}} {{numberFixed2(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss
</td> )}}
<td class="align-start !white-space-normal text-center"> </td>
{{numberFixed2(item.weight * <td class="align-start !white-space-normal text-center">
(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}} {{numberFixed2(item.weight *
</td> (evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}}
</tr> </td>
</tr>
</ng-container>
<tr class="bg-table-soft-gray"> <tr class="bg-table-soft-gray">
<td class="align-start text-center"> <td class="align-start text-center">
</td> </td>
...@@ -1342,7 +1348,7 @@ ...@@ -1342,7 +1348,7 @@
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between"> <div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center"> <div class="align-center">
Part 7: กิจกรรมพิเศษ( Special Activities) Part 7: กิจกรรมพิเศษ (Special Activities)
</div> </div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part7show=!part7show"> (click)="part7show=!part7show">
...@@ -1361,14 +1367,13 @@ ...@@ -1361,14 +1367,13 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part7show"></div> <div class="pb-2rem px-2rem">
<div class="pb-2rem px-2rem" *ngIf="part7show">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px"> <thead class="height-50px" *ngIf="part7show">
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container <ng-container
*ngFor="let item of ['ลำดับ\n(No.)','กิจกรรมพิเศษ (Special Activities)','ตัวชี้วัด\n(Performance Indicator)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)','กำหนดเสร็จ\n(Time Line)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย(Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last"> *ngFor="let item of ['ลำดับ\n(No.)','กิจกรรมพิเศษ (Special Activities)','ตัวชี้วัด\n(Performance Indicator)','เป้าหมาย\n(Target)','หน่วยนับ\n(Unit)','กำหนดเสร็จ\n(Time Line)','น้ำหนัก\n(Weight) [(A)]','ค่าเป้าหมาย (Target Degree)','สรุป\n(Summary)\n[(B)]','คะแนนที่ได้\n(Score)\n[(A)x(B)]'];let i = index;let l = last">
<th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'" <th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
<span class="font-size-12px font-weight-700 ">{{ item }}</span> <span class="font-size-12px font-weight-700 ">{{ item }}</span>
...@@ -1385,7 +1390,7 @@ ...@@ -1385,7 +1390,7 @@
</ng-container> </ng-container>
</tr> </tr>
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container *ngFor="let item of ['A(5)','B(4)','C(3)','D(2)','E(1)']"> <ng-container *ngFor="let item of ['A (5)','B (4)','C (3)','D (2)','E (1)']">
<th scope="col" <th scope="col"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
{{item}} {{item}}
...@@ -1394,73 +1399,75 @@ ...@@ -1394,73 +1399,75 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part7Detail"> <tbody *ngIf="appraisalPms?.data?.part7Detail">
<tr *ngFor="let item of appraisalPms?.data?.part7Detail;let i = index"> <ng-container *ngIf="part7show">
<td class="align-start text-center"> <tr *ngFor="let item of appraisalPms?.data?.part7Detail;let i = index">
{{i+1}} <td class="align-start text-center">
</td> {{i+1}}
<td class="align-start !white-space-normal"> </td>
{{item.groupAssessment1.pmsTopic.tdesc}} <td class="align-start !white-space-normal">
</td> {{item.groupAssessment1.pmsTopic.tdesc}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.groupAssessment1.pmsTopic.indicatorsDetail}} <td class="align-start !white-space-normal text-center">
</td> {{item.groupAssessment1.pmsTopic.indicatorsDetail}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.groupAssessment1.pmsTopic.performanceGoalsDetail}} <td class="align-start !white-space-normal text-center">
</td> {{item.groupAssessment1.pmsTopic.performanceGoalsDetail}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.groupAssessment1.pmsTopic.detailUnit}} <td class="align-start !white-space-normal text-center">
</td> {{item.groupAssessment1.pmsTopic.detailUnit}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.groupAssessment1.pmsTopic.completionDate}} <td class="align-start !white-space-normal text-center">
</td> {{item.groupAssessment1.pmsTopic.completionDate}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.weight}} <td class="align-start !white-space-normal text-center">
</td> {{item.weight}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part7radioA'+i" (click)="setScore(item,5)" [disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br> [id]="'part7radioA'+i" (click)="setScore(item,5)"
{{item.groupAssessment1.pmsTopic.targetAdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
</td> {{item.groupAssessment1.pmsTopic.targetAdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part7radioB'+i" (click)="setScore(item,4)" [disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br> [id]="'part7radioB'+i" (click)="setScore(item,4)"
{{item.groupAssessment1.pmsTopic.targetBdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
</td> {{item.groupAssessment1.pmsTopic.targetBdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part7radioC'+i" (click)="setScore(item,3)" [disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br> [id]="'part7radioC'+i" (click)="setScore(item,3)"
{{item.groupAssessment1.pmsTopic.targetCdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
</td> {{item.groupAssessment1.pmsTopic.targetCdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part7radioD'+i" (click)="setScore(item,2)" [disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br> [id]="'part7radioD'+i" (click)="setScore(item,2)"
{{item.groupAssessment1.pmsTopic.targetDdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
</td> {{item.groupAssessment1.pmsTopic.targetDdetail}}
<td class="align-start text-center !white-space-normal "> </td>
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <td class="align-start text-center !white-space-normal ">
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio" <input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[id]="'part7radioE'+i" (click)="setScore(item,1)" [disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br> [id]="'part7radioE'+i" (click)="setScore(item,1)"
{{item.groupAssessment1.pmsTopic.targetEdetail}} [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
</td> {{item.groupAssessment1.pmsTopic.targetEdetail}}
<td class="!p-0"></td> </td>
<td class="align-start !white-space-normal text-center"> <td class="!p-0"></td>
{{numberFixed2(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss <td class="align-start !white-space-normal text-center">
)}} {{numberFixed2(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss
</td> )}}
<td class="align-start !white-space-normal text-center"> </td>
{{numberFixed2(item.weight * <td class="align-start !white-space-normal text-center">
(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}} {{numberFixed2(item.weight *
</td> (evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}}
</tr> </td>
</tr>
</ng-container>
<tr class="bg-table-soft-gray"> <tr class="bg-table-soft-gray">
<td class="align-start text-center"> <td class="align-start text-center">
</td> </td>
...@@ -1546,11 +1553,10 @@ ...@@ -1546,11 +1553,10 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part8show"></div> <div class="pb-2rem px-2rem">
<div class="pb-2rem px-2rem" *ngIf="part8show">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px"> <thead class="height-50px" *ngIf="part8show">
<tr class="font-size-12px"> <tr class="font-size-12px">
<ng-container <ng-container
*ngFor="let item of ['การประเมินผล (Evaluation Factor)','คะแนนดิบคิดเป็นร้อยละ','ร้อยละของปัจจัย','คะแนนที่ได้คิดเป็นร้อยละ','คะแนนสุทธิ\n(Net Score)','ระดับผลการปฏิบัติงาน'];let i = index;let l = last"> *ngFor="let item of ['การประเมินผล (Evaluation Factor)','คะแนนดิบคิดเป็นร้อยละ','ร้อยละของปัจจัย','คะแนนที่ได้คิดเป็นร้อยละ','คะแนนสุทธิ\n(Net Score)','ระดับผลการปฏิบัติงาน'];let i = index;let l = last">
...@@ -1565,24 +1571,26 @@ ...@@ -1565,24 +1571,26 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="data8List.length"> <tbody *ngIf="data8List.length">
<tr *ngFor="let item of data8List;let i = index"> <ng-container *ngIf="part8show">
<td class="align-start !white-space-normal"> <tr *ngFor="let item of data8List;let i = index">
{{item.evaluationFactor}} <td class="align-start !white-space-normal">
</td> {{item.evaluationFactor}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.rawScore}} <td class="align-start !white-space-normal text-center">
</td> {{item.rawScore}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.factors}} <td class="align-start !white-space-normal text-center">
</td> {{item.factors}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.scoreObtained}} <td class="align-start !white-space-normal text-center">
</td> {{item.scoreObtained}}
<td class="align-start !white-space-normal text-center"> </td>
{{item.netScore}} <td class="align-start !white-space-normal text-center">
</td> {{item.netScore}}
<td></td> </td>
</tr> <td></td>
</tr>
</ng-container>
<tr class="bg-table-soft-gray"> <tr class="bg-table-soft-gray">
<td class="align-start text-center"> <td class="align-start text-center">
รวม รวม
...@@ -1599,8 +1607,8 @@ ...@@ -1599,8 +1607,8 @@
{{calNetScore()}} {{calNetScore()}}
</td> </td>
<td class="align-start !white-space-normal" *ngIf="appraisalPms.data"> <td class="align-start !white-space-normal" *ngIf="appraisalPms.data">
<ng-container *ngFor="let item of groupGrade.dataList; let i=index"> <ng-container *ngFor="let item of groupGrade.dataList; let i=index;let f= first">
<span style="display:flex;align-items:center" class="mt-2"> <span style="display:flex;align-items:center" [class.mt-2]="!f">
<i *ngIf="appraisalPms.data.gradeScore==item.gradeDetail" <i *ngIf="appraisalPms.data.gradeScore==item.gradeDetail"
class="ri ri-star-fill pr-10px"></i> class="ri ri-star-fill pr-10px"></i>
<i *ngIf="appraisalPms.data.gradeScore!=item.gradeDetail" <i *ngIf="appraisalPms.data.gradeScore!=item.gradeDetail"
......
src/app/components/performance-evaluation/pms-evaluation/pms-evalution.component.ts
import { ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core'; import { ChangeDetectorRef, Component, EventEmitter, Input, Output, SimpleChanges } from '@angular/core';
import { AppraisalPmsFormModel } from 'src/app/shared/model/appraisal-pms-form.model'; import { AppraisalPmsFormModel } from 'src/app/shared/model/appraisal-pms-form.model';
import { CompetencyGradeModel, MyCompetencyGradeModel } from 'src/app/shared/model/competency-grades.model'; import { CompetencyGradeModel, MyCompetencyGradeModel } from 'src/app/shared/model/competency-grades.model';
import { AppraisalService } from 'src/app/shared/services/appraisal.service'; import { AppraisalService } from 'src/app/shared/services/appraisal.service';
...@@ -46,21 +46,21 @@ export class PmsEvalutionComponent { ...@@ -46,21 +46,21 @@ export class PmsEvalutionComponent {
netScore: 0, netScore: 0,
}, { }, {
id: 2, id: 2,
evaluationFactor: "Part 2 : ประเมินผลการปฏิบัติงานประจำ(Department KPI)", evaluationFactor: "Part 2 : ประเมินผลการปฏิบัติงานประจำ (Department KPI)",
rawScore: 100, rawScore: 100,
factors: 0, factors: 0,
scoreObtained: 0, scoreObtained: 0,
netScore: 0, netScore: 0,
}, { }, {
id: 3, id: 3,
evaluationFactor: "Part 3 : ประเมินผลการปฏิบัติงานประจำ(Individual KPI)", evaluationFactor: "Part 3 : ประเมินผลการปฏิบัติงานประจำ (Individual KPI)",
rawScore: 100, rawScore: 100,
factors: 0, factors: 0,
scoreObtained: 0, scoreObtained: 0,
netScore: 0, netScore: 0,
}, { }, {
id: 4, id: 4,
evaluationFactor: "Part 4 : ประเมินผลสมรรถนะที่สนับสนุนการปฏิบัติงาน(Competency)", evaluationFactor: "Part 4 : ประเมินผลสมรรถนะที่สนับสนุนการปฏิบัติงาน (Competency)",
rawScore: 100, rawScore: 100,
factors: 0, factors: 0,
scoreObtained: 0, scoreObtained: 0,
...@@ -74,14 +74,14 @@ export class PmsEvalutionComponent { ...@@ -74,14 +74,14 @@ export class PmsEvalutionComponent {
netScore: 0, netScore: 0,
}, { }, {
id: 6, id: 6,
evaluationFactor: "Part 6: งานที่ได้รับมอบหมายเพิ่มเติม ( Cross Functional Project Assignment)", evaluationFactor: "Part 6 : งานที่ได้รับมอบหมายเพิ่มเติม (Cross Functional Project Assignment)",
rawScore: 100, rawScore: 100,
factors: 0, factors: 0,
scoreObtained: 0, scoreObtained: 0,
netScore: 0, netScore: 0,
}, { }, {
id: 7, id: 7,
evaluationFactor: "Part 7: กิจกรรมพิเศษ( Special Activities)", evaluationFactor: "Part 7 : กิจกรรมพิเศษ (Special Activities)",
rawScore: 100, rawScore: 100,
factors: 0, factors: 0,
scoreObtained: 0, scoreObtained: 0,
...@@ -108,6 +108,11 @@ export class PmsEvalutionComponent { ...@@ -108,6 +108,11 @@ export class PmsEvalutionComponent {
private settingAssessmentService: SettingAssessmentService private settingAssessmentService: SettingAssessmentService
) { ) {
} }
ngOnChanges(changes: SimpleChanges): void {
if (changes['evaluateeId'].currentValue || changes['evaluaterId'].currentValue) {
this.toggleAllParts(this.evaluateeId == this.evaluaterId)
}
}
ngOnInit(): void { ngOnInit(): void {
this.getPmsGroupGradeList() this.getPmsGroupGradeList()
this.getAppraisalPmsForm() this.getAppraisalPmsForm()
...@@ -588,4 +593,17 @@ export class PmsEvalutionComponent { ...@@ -588,4 +593,17 @@ export class PmsEvalutionComponent {
} }
}) })
} }
toggleAllParts(check: boolean) {
this.part1show = check
this.part2show = check
this.part3show = check
this.part4show = check
this.part5show = check
this.part6show = check
this.part7show = check
this.part8show = check
this.part9show = check
this.part10show = check
}
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment