hrms-bangkok/hrms-user
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ ui ระบบ KPI

Browse source
This commit is contained in:
Tanyalak 2024-04-19 15:30:39 +07:00
parent 1993d72e04
commit 991e44f157
11 changed files with 345 additions and 304 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/modules/08_KPI/components/Tab/01_Assessment.vue
View file

@ -36,10 +36,10 @@ onMounted(() => {
});
</script>
<template>
<q-scroll-area style="height: 400px" class="bg-white row col-12">
<div class="text-weight-bold text-body1">
<span class="txt-under text-blue-5">องค์ประกอบที่ 1</span>
<span> ผลสัมฤทธิ์ของงาน</span>
<q-scroll-area style="height: 56vh" class="bg-white row col-12 text-dark q-pa-md">
<div class="text-weight-bold text-body2">
<span class="txt-under text-blue-6">องค์ประกอบที่ 1</span>
<span class="q-ml-sm"> ผลสัมฤทธิ์ของงาน</span>
</div>
<div class="q-gutter-md q-mt-sm">
@ -47,33 +47,32 @@ onMounted(() => {
<Work v-model:data="rows_01" :title="`1. งานตามแผนปฏิบัติราชการประจำปี`" :page="1" />
<Work v-model:data="rows_02" :title="`2. งานตามหน้าที่ความรับผิดชอบหลัก`" :page="2" />
<Work v-model:data="rows_03" :title="`3. งานที่ได้รับมอบหมาย`" :page="3" />
<div class="row text-body1 text-weight-bold">
<div class="col-5 text-center">
<div class="row text-body2 text-weight-bold">
<div class="col-6 text-center row justify-center">
<span>รวมผลการประเมิน (ร้อยละ) 100</span>
<div class="text-primary q-pl-md">{{ total }}</div>
</div>
<div class="col-1 text-primary">{{ total }}</div>
<div class="col-5 text-center">
<div class="col-6 text-center row justify-center">
<span>สรุปผลการประเมินผลสัมฤทธิ์ของงาน (คะแนนเต็ม 70 คะแนน)</span>
<div class="text-primary q-pl-md">{{ resultWork }}</div>
</div>
<div class="col-1 text-primary">{{ resultWork }}</div>
</div>
<q-separator class="q-py-xs" />
<q-separator size="3px" class="q-my-lg" />
<!-- องค์ประกอบที่ 2 -->
<div class="text-weight-bold text-body1 q-mb-sm">
<span class="txt-under text-blue-5">องค์ประกอบที่ 2</span>
<span> พฤติกรรมการปฎิบัติราชการ (สมรรถนะ)</span>
<div class="text-weight-bold text-body2 q-mb-sm">
<span class="txt-under text-blue-6">องค์ประกอบที่ 2</span>
<span class="q-ml-sm"> พฤติกรรมการปฎิบัติราชการ (สมรรถนะ)</span>
</div>
<Capacity v-model:data="rows_04" :title="`1. สมรรถนะหลัก`" :page="1" />
<Capacity v-model:data="rows_05" :title="`2. สมรรถนะประจำกลุ่ม`" :page="2" />
<div class="row justify-evenly text-body1 text-weight-bold">
<div class="col-5 text-right">
<span>ผลการประเมินสมรรถนะ (20 คะแนน)</span>
</div>
<div class="col-5 text-primary">{{ resultEvaluation }}</div>
<div class="row text-body2 text-weight-bold justify-center">
<span>ผลการประเมินสมรรถนะ (20 คะแนน)</span>
<div class="text-primary q-pl-md">{{ resultEvaluation }}</div>
</div>
</div>
</q-scroll-area>