Skip to content

M
myAppraisal
Commit eb4ce3b2 by Nattana Chaiyamat
Options

ประเมิน pms เปลี่ยนชื่อ

parent 723b6570
Showing with 244 additions and 65 deletions
src/app/components/performance-evaluation/pms-evaluation/pms-evalution.component.html
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,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 1 : ประเมินผลการปฏิบัติงานตามนโยบายบริษัท (Hoshin) Part 1 : ประเมินผลการปฏิบัติงานตามนโยบายบริษัท (Corporate 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)="part1show=!part1show"> (click)="part1show=!part1show">
...@@ -276,7 +276,7 @@ ...@@ -276,7 +276,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 : ประเมินผลการปฏิบัติงานประจำ(Job based KPIs) 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">
...@@ -423,7 +423,7 @@ ...@@ -423,7 +423,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 : ประเมินผลสมรรถนะที่สนับสนุนการปฏิบัติงาน(Competency) 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">
...@@ -449,6 +449,153 @@ ...@@ -449,6 +449,153 @@
<thead class="height-50px"> <thead class="height-50px">
<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)',
'กำหนดเวลาแล้วเสร็จ\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'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
<span class="font-size-12px font-weight-700 ">{{ item }}</span>
<div *ngIf="!l&&i!=6" class="absolute top-1/2 transform -translate-y-1/2 right-0">
<i class="ti ti-dots-vertical fs-l"></i>
</div>
</th>
<th *ngIf="i==6" scope="col" rowspan="2"
class="relative bg-soft-secondary text-primary !text-center !p-0">
<div class="absolute top-1/2 transform -translate-y-1/2 right-0">
<i class="ti ti-dots-vertical fs-l"></i>
</div>
</th>
</ng-container>
</tr>
<tr class="font-size-12px">
<ng-container *ngFor="let item of ['A(5)','B(4)','C(3)','D(2)','E(1)']">
<th scope="col"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
{{item}}
</th>
</ng-container>
</tr>
</thead>
<tbody *ngIf="data3ListFilter().length">
<tr *ngFor="let item of data3ListFilter();let i = index">
<td class="align-start text-center">
{{i+1}}
</td>
<td class="align-start !white-space-normal">
{{item.performance}}
</td>
<td class="align-start !white-space-normal text-center">
{{item.target}}
</td>
<td class="align-start !white-space-normal text-center">
{{item.unit}}
</td>
<td class="align-start !white-space-normal text-center">
{{item.timeLine}}
</td>
<td class="align-start !white-space-normal text-center">
{{item.weight}}
</td>
<td class="align-start !white-space-normal text-center"
*ngFor="let item2 of item.targetDegree.text;let i2 = index">
<input type="radio" [name]="'part2radio'+i" class="ti-form-radio cursor-pointer"
[id]="'part2radio'+i+''+i2" [value]="item2" [(ngModel)]="item.targetDegree.check"><br>
{{item2}}
</td>
<td class="!p-0"></td>
<td class="align-start !white-space-normal text-center">
{{item.summary}}
</td>
<td class="align-start !white-space-normal text-center">
{{item.score}}
</td>
</tr>
<tr class="bg-table-soft-gray">
<td class="align-start text-center">
</td>
<td class="align-start text-center">
คะแนนดิบ
</td>
<td class="align-start !white-space-normal text-center">
70
</td>
<td class="align-start !white-space-normal text-center">
</td>
<td class="align-start !white-space-normal text-center">
คำนวนถ่วงน้ำหนัก
</td>
<td class="align-start !white-space-normal text-center">
14
</td>
<td class="align-start !white-space-normal text-end" colspan="6">
คะแนนประเมินที่ได้
</td>
<td class="align-start !white-space-normal text-center">
10
</td>
<td class="align-start !white-space-normal text-center">
52
</td>
</tr>
<tr class="bg-table-soft-gray">
<td class="align-start text-center">
</td>
<td class="align-start text-center">
คะแนนดิบคิดเป็นร้อยละ
</td>
<td class="align-start !white-space-normal text-center">
100
</td>
<td class="align-start !white-space-normal text-center">
</td>
<td class="align-start !white-space-normal text-center">
ร้อยละของปัจจัย
</td>
<td class="align-start !white-space-normal text-center">
30.0
</td>
<td class="align-start !white-space-normal text-end" colspan="7">
คะแนนที่ได้คิดเป็นร้อยละ
</td>
<td class="align-start !white-space-normal text-center" style="font-size: 1.25rem">
74.29
</td>
</tr>
</tbody>
</table>
</div>
</div>
</ng-template>
<ng-template #part4>
<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="align-center">
Part 4 : ประเมินผลสมรรถนะที่สนับสนุนการปฏิบัติงาน(Competency)
</div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part4show=!part4show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="part4show">
<path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part4show">
<path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</div>
</div>
<div class="pb-2rem" *ngIf="!part4show"></div>
<div class="pb-2rem px-2rem" *ngIf="part4show">
<div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px">
<tr class="font-size-12px">
<ng-container
*ngFor="let item of ['ลำดับ\n(No.)','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.)','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">
...@@ -474,8 +621,8 @@ ...@@ -474,8 +621,8 @@
</ng-container> </ng-container>
</tr> </tr>
</thead> </thead>
<tbody *ngIf="data3ListFilter().length"> <tbody *ngIf="data4ListFilter().length">
<tr *ngFor="let item of data3ListFilter();let i = index"> <tr *ngFor="let item of data4ListFilter();let i = index">
<td class="align-start text-center"> <td class="align-start text-center">
{{i+1}} {{i+1}}
</td> </td>
...@@ -543,22 +690,22 @@ ...@@ -543,22 +690,22 @@
</ng-template> </ng-template>
<ng-template #part4> <ng-template #part5>
<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 : จำนวนการเข้างาน( Time Attendance) Part 5 : จำนวนการเข้างาน( Time Attendance)
</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)="part5show=!part5show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="part4show"> *ngIf="part5show">
<path <path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64" d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part4show"> *ngIf="!part5show">
<path <path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001" d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
...@@ -566,8 +713,8 @@ ...@@ -566,8 +713,8 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part4show"></div> <div class="pb-2rem" *ngIf="!part5show"></div>
<div class="pb-2rem px-2rem" *ngIf="part4show"> <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">
...@@ -598,8 +745,8 @@ ...@@ -598,8 +745,8 @@
</ng-container> </ng-container>
</tr> </tr>
</thead> </thead>
<tbody *ngIf="data4ListFilter().length"> <tbody *ngIf="data5ListFilter().length">
<tr *ngFor="let item of data4ListFilter();let i = index"> <tr *ngFor="let item of data5ListFilter();let i = index">
<td class="align-start text-center"> <td class="align-start text-center">
{{i+1}} {{i+1}}
</td> </td>
...@@ -678,22 +825,22 @@ ...@@ -678,22 +825,22 @@
</div> </div>
</ng-template> </ng-template>
<ng-template #part5> <ng-template #part6>
<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 5: งานที่ได้รับมอบหมายเพิ่มเติม ( 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)="part5show=!part5show"> (click)="part6show=!part6show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="part5show"> *ngIf="part6show">
<path <path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64" d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part5show"> *ngIf="!part6show">
<path <path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001" d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
...@@ -701,8 +848,8 @@ ...@@ -701,8 +848,8 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part5show"></div> <div class="pb-2rem" *ngIf="!part6show"></div>
<div class="pb-2rem px-2rem" *ngIf="part5show"> <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">
...@@ -733,8 +880,8 @@ ...@@ -733,8 +880,8 @@
</ng-container> </ng-container>
</tr> </tr>
</thead> </thead>
<tbody *ngIf="data5ListFilter().length"> <tbody *ngIf="data6ListFilter().length">
<tr *ngFor="let item of data5ListFilter();let i = index"> <tr *ngFor="let item of data6ListFilter();let i = index">
<td class="align-start text-center"> <td class="align-start text-center">
{{i+1}} {{i+1}}
</td> </td>
...@@ -832,22 +979,22 @@ ...@@ -832,22 +979,22 @@
</ng-template> </ng-template>
<ng-template #part6> <ng-template #part7>
<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: กิจกรรมพิเศษ( 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)="part6show=!part6show"> (click)="part7show=!part7show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="part6show"> *ngIf="part7show">
<path <path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64" d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part6show"> *ngIf="!part7show">
<path <path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001" d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
...@@ -855,8 +1002,8 @@ ...@@ -855,8 +1002,8 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part6show"></div> <div class="pb-2rem" *ngIf="!part7show"></div>
<div class="pb-2rem px-2rem" *ngIf="part6show"> <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">
...@@ -887,8 +1034,8 @@ ...@@ -887,8 +1034,8 @@
</ng-container> </ng-container>
</tr> </tr>
</thead> </thead>
<tbody *ngIf="data6ListFilter().length"> <tbody *ngIf="data7ListFilter().length">
<tr *ngFor="let item of data6ListFilter();let i = index"> <tr *ngFor="let item of data7ListFilter();let i = index">
<td class="align-start text-center"> <td class="align-start text-center">
{{i+1}} {{i+1}}
</td> </td>
...@@ -986,22 +1133,22 @@ ...@@ -986,22 +1133,22 @@
</ng-template> </ng-template>
<ng-template #part7> <ng-template #part8>
<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 : สรุปผลการปฏิบัติงาน (Summary) Part 8 : สรุปผลการปฏิบัติงาน (Summary)
</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)="part8show=!part8show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="part7show"> *ngIf="part8show">
<path <path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64" d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part7show"> *ngIf="!part8show">
<path <path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001" d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
...@@ -1009,8 +1156,8 @@ ...@@ -1009,8 +1156,8 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part7show"></div> <div class="pb-2rem" *ngIf="!part8show"></div>
<div class="pb-2rem px-2rem" *ngIf="part7show"> <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">
...@@ -1027,8 +1174,8 @@ ...@@ -1027,8 +1174,8 @@
</ng-container> </ng-container>
</tr> </tr>
</thead> </thead>
<tbody *ngIf="data7ListFilter().length"> <tbody *ngIf="data8ListFilter().length">
<tr *ngFor="let item of data7ListFilter();let i = index"> <tr *ngFor="let item of data8ListFilter();let i = index">
<td class="align-start !white-space-normal"> <td class="align-start !white-space-normal">
{{item.evaluationFactor}} {{item.evaluationFactor}}
</td> </td>
...@@ -1075,23 +1222,23 @@ ...@@ -1075,23 +1222,23 @@
</ng-template> </ng-template>
<ng-template #part8> <ng-template #part9>
<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 8 : พฤติกรรมบุคคลที่เป็นจุดแข็ง จุดอ่อน และการพัฒนา Part 9 : พฤติกรรมบุคคลที่เป็นจุดแข็ง จุดอ่อน และการพัฒนา
(EMPLOYEE STRENGTHS , WEAKNESSES AND PLAN TO IMPROVED) (EMPLOYEE STRENGTHS , WEAKNESSES AND PLAN TO IMPROVED)
</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)="part8show=!part8show"> (click)="part9show=!part9show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="part8show"> *ngIf="part9show">
<path <path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64" d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part8show"> *ngIf="!part9show">
<path <path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001" d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
...@@ -1099,8 +1246,8 @@ ...@@ -1099,8 +1246,8 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part8show"></div> <div class="pb-2rem" *ngIf="!part9show"></div>
<div class="pb-2rem px-2rem" *ngIf="part8show"> <div class="pb-2rem px-2rem" *ngIf="part9show">
<div class="pb-1rem"> <div class="pb-1rem">
<div class="pb-2 grid grid-cols-2"> <div class="pb-2 grid grid-cols-2">
<div class="col-span-1 grid-cols-1 text-gray-400"> <div class="col-span-1 grid-cols-1 text-gray-400">
...@@ -1161,22 +1308,22 @@ ...@@ -1161,22 +1308,22 @@
</ng-template> </ng-template>
<ng-template #part9> <ng-template #part10>
<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 9: คำชมหรือรางวัลที่ได้รับ (Conversation, Feedback, Recognise : CFR) Part 10: คำชมหรือรางวัลที่ได้รับ (Conversation, Feedback, Recognise : CFR)
</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)="part9show=!part9show"> (click)="part10show=!part10show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="part9show"> *ngIf="part10show">
<path <path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64" d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part9show"> *ngIf="!part10show">
<path <path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001" d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
...@@ -1184,8 +1331,8 @@ ...@@ -1184,8 +1331,8 @@
</span> </span>
</div> </div>
</div> </div>
<div class="pb-2rem" *ngIf="!part9show"></div> <div class="pb-2rem" *ngIf="!part10show"></div>
<div class="pb-2rem px-2rem" *ngIf="part9show"> <div class="pb-2rem px-2rem" *ngIf="part10show">
<div class="pb-1rem p-2"> <div class="pb-1rem p-2">
<textarea type="text" rows="2" class="ti-form-input"></textarea> <textarea type="text" rows="2" class="ti-form-input"></textarea>
</div> </div>
......
src/app/components/performance-evaluation/pms-evaluation/pms-evalution.component.ts
...@@ -126,7 +126,36 @@ export class PmsEvalutionComponent { ...@@ -126,7 +126,36 @@ export class PmsEvalutionComponent {
score: "8" score: "8"
}] }]
part3show = true part3show = true
data3List: DataModel3[] = [{ data3List: DataModel2[] = [{
performance: "ประสานงานกับวิทยากร ผู้เข้ารับการอบรมทั้งภายในและภายนอก ตามแผนการฝึกอบรมและพัฒนา",
target: "80.0",
unit: "%",
timeLine: "Jan - Nov",
weight: "10.0",
targetDegree: { check: "จัดการอบรมได้ตามแผนและจำนวนผู้เข้ารับการอบรม81-90%จากเป้าหมาย", text: ["จัดการอบรมได้ตามแผนและจำนวนผู้เข้ารับการอบรม>90%จากเป้าหมาย", "จัดการอบรมได้ตามแผนและจำนวนผู้เข้ารับการอบรม81-90%จากเป้าหมาย", "จัดการอบรมได้ตามแผนและจำนวนผู้เข้ารับการอบรม80%จากเป้าหมาย", "จัดการอบรมได้ตามแผนและจำนวนผู้เข้ารับการอบรม70-79%จากเป้าหมาย", "จัดการอบรมได้ตามแผนและจำนวนผู้เข้ารับการอบรม<70%จากเป้าหมาย"] },
summary: "4",
score: "40"
}, {
performance: "2.1การบันทึกผลการฝึกอบรมในระบบ(2020 ใช้ Tigersoft)",
target: "100.0",
unit: "%",
timeLine: "Jan - Nov",
weight: "2.0",
targetDegree: { check: "80-84", text: ["บันทึกภายใน", "บันทึกภายใน 3 วัน หลังฝึก การอบรม", "บันทึกภายใน 7 วัน หลังฝึก การอบรม", "80-84", "<79"] },
summary: "2",
score: "4"
}, {
performance: "2.2 การจัดทำรายงาน วิเคราะห์ ผลการฝึกอบรมในแต่ละหลักสูตร",
target: "100.0",
unit: "%",
timeLine: "Jan - Nov",
weight: "2.0",
targetDegree: { check: "สรุปผลการฝึกอบรมในแต่ละเดือนวิเคาระห์เป็นรายปี", text: ["สรุปผลการฝึกอบรมในแต่ละเดือนวิเคาระห์ทุก6เดือน", "สรุปผลการฝึกอบรมในแต่ละเดือนวิเคาระห์เป็นรายปี", "สรุปผลการฝึกอบรมของเดือนไม่เกินวันที่3ของเดือนถัดไป", "สรุปผลการฝึกอบรมของเดือนเกินกว่าวันที่3ของเดือนถัดไป", "สรุปผลการฝึกอบรมของเดือนเกินกว่า3วัน จำนวน>38ครั้ง/ปี"] },
summary: "4",
score: "8"
}]
part4show = true
data4List: DataModel3[] = [{
competency: "Core Competency", competency: "Core Competency",
weight: "10.0", weight: "10.0",
targetDegree: { check: "76.00", text: ["", "", "76.00", "", ""] }, targetDegree: { check: "76.00", text: ["", "", "76.00", "", ""] },
...@@ -145,8 +174,8 @@ export class PmsEvalutionComponent { ...@@ -145,8 +174,8 @@ export class PmsEvalutionComponent {
summary: "4", summary: "4",
score: "40" score: "40"
}] }]
part4show = true part5show = true
data4List: DataModel4[] = [{ data5List: DataModel4[] = [{
timeAttendance: "ลาป่วย", timeAttendance: "ลาป่วย",
target: "0.0", target: "0.0",
unit: "วัน", unit: "วัน",
...@@ -179,8 +208,8 @@ export class PmsEvalutionComponent { ...@@ -179,8 +208,8 @@ export class PmsEvalutionComponent {
summary: "1", summary: "1",
score: "5" score: "5"
}] }]
part5show = true part6show = true
data5List: DataModel5[] = [{ data6List: DataModel5[] = [{
crossFunctionalProjectAssignment: "Business Continuity Plan (BCP)", crossFunctionalProjectAssignment: "Business Continuity Plan (BCP)",
performanceIndicator: "", performanceIndicator: "",
target: "1.1 การเข้าร่วม ประชุม และเข้าร่วม ซ้อมแผน\n1.2 คะแนนการ ประเมินจากทีม ผู้บริหารและลูกค้ารวมกัน", target: "1.1 การเข้าร่วม ประชุม และเข้าร่วม ซ้อมแผน\n1.2 คะแนนการ ประเมินจากทีม ผู้บริหารและลูกค้ารวมกัน",
...@@ -201,8 +230,8 @@ export class PmsEvalutionComponent { ...@@ -201,8 +230,8 @@ export class PmsEvalutionComponent {
summary: "5", summary: "5",
score: "5" score: "5"
}] }]
part6show = true part7show = true
data6List: DataModel6[] = [{ data7List: DataModel6[] = [{
specialActivities: "Kaizen", specialActivities: "Kaizen",
performanceIndicator: "", performanceIndicator: "",
target: "1 Person / 1 Subject / 1 Month", target: "1 Person / 1 Subject / 1 Month",
...@@ -243,8 +272,8 @@ export class PmsEvalutionComponent { ...@@ -243,8 +272,8 @@ export class PmsEvalutionComponent {
summary: "3", summary: "3",
score: "1.5" score: "1.5"
}] }]
part7show = true part8show = true
data7List: DataModel7[] = [{ data8List: DataModel7[] = [{
evaluationFactor: "Part 1 : ประเมินผลการปฏิบัติงานตามนโยบายบริษัท (Hoshin)", evaluationFactor: "Part 1 : ประเมินผลการปฏิบัติงานตามนโยบายบริษัท (Hoshin)",
rawScore: "100", rawScore: "100",
factors: "15.00", factors: "15.00",
...@@ -287,8 +316,8 @@ export class PmsEvalutionComponent { ...@@ -287,8 +316,8 @@ export class PmsEvalutionComponent {
netScore: "4.25", netScore: "4.25",
Level: "" Level: ""
}] }]
part8show = true
part9show = true part9show = true
part10show = true
dataListFilter() { dataListFilter() {
return this.dataList return this.dataList
} }
...@@ -310,6 +339,9 @@ export class PmsEvalutionComponent { ...@@ -310,6 +339,9 @@ export class PmsEvalutionComponent {
data7ListFilter() { data7ListFilter() {
return this.data7List return this.data7List
} }
data8ListFilter() {
return this.data8List
}
returnPage() { returnPage() {
this.sendPageEvalution.emit("") this.sendPageEvalution.emit("")
} }
......
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