Skip to content

M
mySkill-x
Commit 21dfbf99 by Nattana Chaiyamat
Options

ประเมิน pms

parent 962ed626
Showing with 78 additions and 51 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,6 +349,7 @@ ...@@ -350,6 +349,7 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part1Detail"> <tbody *ngIf="appraisalPms?.data?.part1Detail">
<ng-container *ngIf="part1show">
<tr *ngFor="let item of appraisalPms?.data?.part1Detail;let i = index"> <tr *ngFor="let item of appraisalPms?.data?.part1Detail;let i = index">
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
{{i+1}} {{i+1}}
...@@ -417,6 +417,7 @@ ...@@ -417,6 +417,7 @@
(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}} (evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}}
</td> </td>
</tr> </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,6 +538,7 @@ ...@@ -538,6 +538,7 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part2Detail"> <tbody *ngIf="appraisalPms?.data?.part2Detail">
<ng-container *ngIf="part2show">
<tr *ngFor="let item of appraisalPms?.data?.part2Detail;let i = index"> <tr *ngFor="let item of appraisalPms?.data?.part2Detail;let i = index">
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
{{i+1}} {{i+1}}
...@@ -602,6 +603,7 @@ ...@@ -602,6 +603,7 @@
(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}} (evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}}
</td> </td>
</tr> </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,6 +717,7 @@ ...@@ -716,6 +717,7 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part3Detail"> <tbody *ngIf="appraisalPms?.data?.part3Detail">
<ng-container *ngIf="part3show">
<tr *ngFor="let item of appraisalPms?.data?.part3Detail;let i = index"> <tr *ngFor="let item of appraisalPms?.data?.part3Detail;let i = index">
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
{{i+1}} {{i+1}}
...@@ -780,6 +782,7 @@ ...@@ -780,6 +782,7 @@
(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}} (evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}}
</td> </td>
</tr> </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,6 +895,7 @@ ...@@ -893,6 +895,7 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part4Detail"> <tbody *ngIf="appraisalPms?.data?.part4Detail">
<ng-container *ngIf="part4show">
<tr *ngFor="let item of appraisalPms?.data?.part4Detail;let i = index"> <tr *ngFor="let item of appraisalPms?.data?.part4Detail;let i = index">
<td class="align-start text-center"> <td class="align-start text-center">
{{i+1}} {{i+1}}
...@@ -936,6 +939,7 @@ ...@@ -936,6 +939,7 @@
{{numberFixed2(item.competencyType.weight * calAverage(item.averageScore))}} {{numberFixed2(item.competencyType.weight * calAverage(item.averageScore))}}
</td> </td>
</tr> </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,6 +1041,7 @@ ...@@ -1038,6 +1041,7 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part5Detail"> <tbody *ngIf="appraisalPms?.data?.part5Detail">
<ng-container *ngIf="part5show">
<tr *ngFor="let item of appraisalPms?.data?.part5Detail;let i = index"> <tr *ngFor="let item of appraisalPms?.data?.part5Detail;let i = index">
<td class="align-start text-center"> <td class="align-start text-center">
{{i+1}} {{i+1}}
...@@ -1099,6 +1103,7 @@ ...@@ -1099,6 +1103,7 @@
(evaluaterId==evaluateeId?item.pmsWorkingTimScore:item.pmsWorkingTimScoreBoss))}} (evaluaterId==evaluateeId?item.pmsWorkingTimScore:item.pmsWorkingTimScoreBoss))}}
</td> </td>
</tr> </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,6 +1213,7 @@ ...@@ -1209,6 +1213,7 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part6Detail"> <tbody *ngIf="appraisalPms?.data?.part6Detail">
<ng-container *ngIf="part6show">
<tr *ngFor="let item of appraisalPms?.data?.part6Detail;let i = index"> <tr *ngFor="let item of appraisalPms?.data?.part6Detail;let i = index">
<td class="align-start text-center"> <td class="align-start text-center">
{{i+1}} {{i+1}}
...@@ -1276,6 +1281,7 @@ ...@@ -1276,6 +1281,7 @@
(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}} (evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}}
</td> </td>
</tr> </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,6 +1399,7 @@ ...@@ -1394,6 +1399,7 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="appraisalPms?.data?.part7Detail"> <tbody *ngIf="appraisalPms?.data?.part7Detail">
<ng-container *ngIf="part7show">
<tr *ngFor="let item of appraisalPms?.data?.part7Detail;let i = index"> <tr *ngFor="let item of appraisalPms?.data?.part7Detail;let i = index">
<td class="align-start text-center"> <td class="align-start text-center">
{{i+1}} {{i+1}}
...@@ -1461,6 +1467,7 @@ ...@@ -1461,6 +1467,7 @@
(evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}} (evaluaterId==evaluateeId?item.scoreTopicExpectation:item.scoreTopicExpectationBoss))}}
</td> </td>
</tr> </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,6 +1571,7 @@ ...@@ -1565,6 +1571,7 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="data8List.length"> <tbody *ngIf="data8List.length">
<ng-container *ngIf="part8show">
<tr *ngFor="let item of data8List;let i = index"> <tr *ngFor="let item of data8List;let i = index">
<td class="align-start !white-space-normal"> <td class="align-start !white-space-normal">
{{item.evaluationFactor}} {{item.evaluationFactor}}
...@@ -1583,6 +1590,7 @@ ...@@ -1583,6 +1590,7 @@
</td> </td>
<td></td> <td></td>
</tr> </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