Merge branch 'aom_dev'
This commit is contained in:
kanyarat2001
commit
6eaafe4c33
13 changed files with 2656 additions and 17 deletions
BIN
src/assets/icon/00_manual.png
Normal file
BIN
src/assets/icon/00_manual.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
BIN
src/assets/icon/01_maintenance.png
Normal file
BIN
src/assets/icon/01_maintenance.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB |
368
src/modules/03_registration/views/Main.vue
Normal file
368
src/modules/03_registration/views/Main.vue
Normal file
|
|
@ -0,0 +1,368 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<q-card class="row col-12">
|
||||||
|
<div class="col-12 q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium">
|
||||||
|
ทะเบียนประวัติ
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="q-pa-md col-12">
|
||||||
|
<q-list bordered class="rounded-borders">
|
||||||
|
<q-expansion-item class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="วัตถุประสงค์ของการพัฒนา"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">บันทึกข้อมูลพื้นฐาน</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
ทะเบียนประวัติทรัพยากรบุคคลใช้สำหรับการบันทึกข้อมูลพื้นฐานของบุคลากร เช่น ชื่อ, ที่อยู่, เพศ, วันเกิด, การศึกษา, และประสบการณ์ทำงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การจัดการตำแหน่งและหน้าที่</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
ทะเบียนประวัติช่วยในการจัดการข้อมูลเกี่ยวกับตำแหน่งงาน, สิทธิ์และหน้าที่ของบุคลากรภายในองค์กร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การวางแผนการพัฒนา</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
ข้อมูลที่รวบรวมจากทะเบียนประวัติช่วยในการวางแผนการพัฒนาบุคลากร รวมถึงการฝึกอบรมและพัฒนาทักษะของพนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การบริหารสิทธิ์</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
ทะเบียนประวัติทรัพยากรบุคคลช่วยในการบริหารจัดการสิทธิ์และการเข้าถึงข้อมูลต่าง ๆ ภายในองค์กร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การประเมินประสิทธิภาพ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
ข้อมูลจากทะเบียนประวัติสามารถใช้ในการประเมินประสิทธิภาพของบุคลากร และในการตัดสินใจเกี่ยวกับการปรับโครงสร้างบุคลากร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-weight-medium">ความปลอดภัยของข้อมูล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การบันทึกข้อมูลที่เป็นส่วนตัวและละเอียดข้อมูลที่อาจมีผลกระทบต่อความปลอดภัยของบุคคล จึงเป็นส่วนสำคัญของการบริหารทรัพยากรบุคคล
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="ขอบเขตการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
การดูแลทะเบียนประวัติมีบทบาทในการบริหารจัดการข้อมูลเกี่ยวกับการฝึกอบรมและพัฒนาทักษะของบุคลาก
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
ทะเบียนประวัติช่วยในการจัดการข้อมูลเกี่ยวกับตำแหน่งงาน, หน้าที่, และระดับความรับผิดชอบของบุคลากร
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การดูแลทะเบียนประวัติมีบทบาทในการบริหารจัดการข้อมูลเกี่ยวกับการฝึกอบรมและพัฒนาทักษะของบุคลากร
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การควบคุมและดูแลการเข้าถึงข้อมูลในทะเบียนประวัติเพื่อรักษาความปลอดภัยและความเป็นส่วนตัวของข้อมูล
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
ทะเบียนประวัติสามารถใช้ในการบันทึกและบริหารข้อมูลการประเมินประสิทธิภาพของบุคลากร
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การดูแลเรื่องความปลอดภัยของข้อมูลในทะเบียนประวัติเพื่อป้องกันการทำลายหรือการเข้าถึงไม่ถูกต้อง
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="รายละเอียดและขั้นตอนการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">1.) การบันทึกและอัปเดตข้อมูล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
บันทึกข้อมูลพื้นฐาน ระบบทะเบียนประวัติควรสามารถบันทึกข้อมูลพื้นฐานของบุคคลากร เช่น ชื่อ, ที่อยู่, วันเกิด, เพศ และข้อมูลติดต่อ
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
อัปเดตข้อมูลระบบ ควรมีกลไกที่ช่วยให้ข้อมูลประวัติส่วนตัวของบุคลากรได้รับการอัปเดตเมื่อมีการเปลี่ยนแปลง เช่น เปลี่ยนที่อยู่ หรือเปลี่ยนตำแหน่งงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">2.) การจัดเก็บและจัดการข้อมูล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การจัดเก็บข้อมูลในรูปแบบที่สามารถเข้าถึงได้ง่ายและมีโครงสร้างที่ชัดเจน
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การแบ่งข้อมูลเป็นหมวดหมู่เพื่อความชัดเจน, เช่น ข้อมูลส่วนตัว, ประวัติการศึกษา และประสบการณ์ทำงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">3.) การจัดการตำแหน่งและหน้าที่</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
บันทึกข้อมูลตำแหน่งระบบควรสามารถบันทึกข้อมูลเกี่ยวกับตำแหน่งงานปัจจุบันและก่อนหน้านี้ของบุคคล
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การจัดการหน้าที่และความรับผิดชอบระบบควรช่วยในการบันทึกและจัดการข้อมูลเกี่ยวกับหน้าที่และความรับผิดชอบของบุคคลากร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-weight-medium">4.) การบริหารจัดการการฝึกอบรม</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
บันทึกประวัติการฝึกอบรมการบันทึกข้อมูลเกี่ยวกับการฝึกอบรมและการพัฒนาทักษะของบุคคลากร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-weight-medium">5.) การบริหารสิทธิ์และการเข้าถึงข้อมูล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
จัดการสิทธิ์การเข้าถึงการกำหนดสิทธิ์และการเข้าถึงข้อมูลในทะเบียนประวัติ เพื่อป้องกันการเข้าถึงที่ไม่ถูกต้อง
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
บริหารจัดการนโยบายความปลอดภัยระบบควรช่วยในการบริหารจัดการนโยบายความปลอดภัยของข้อมูล
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การตรวจสอบและป้องกันการบุกรุก: การดูแลและบริหารจัดการเพื่อตรวจสอบและป้องกันการบุกรุกในข้อมูล
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
ระบบควรช่วยในการปฏิบัติตามกฎหมายความเป็นส่วนตัวของข้อมูล
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="คำถามที่พบบ่อย"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">ข้อมูลในทะเบียนประวัติไม่ถูกต้อง หรือขาดหายไป ฉันจะแก้ไขได้อย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #ff0037;
|
||||||
|
padding: 2px;">
|
||||||
|
“จัดการตำแหน่ง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูล โดยเลือกกดรายการจัดการตำแหน่งที่ต้องการจัดการ และสามารถกดเลือกรายการจัดการตำแหน่งเพื่อแก้ไขข้อมูลได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-3 ถึง 3-6
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">ไม่เข้าใจความหมายของบางรายการในทะเบียนประวัติ มีคำอธิบายหรือความช่วยเหลือไหม ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูลโครงสร้างได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-10 ถึง 3-11
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">จะทราบได้ยังไงว่าข้อมูลที่ฉันเปลี่ยนแปลงถูกบันทึกไว้หรือไม่ ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่หน่วยงาน เพื่อเพิ่มข้อมูลหน่วยงาน ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">ทำไมไม่สามารถเข้าถึงบางข้อมูลในทะเบียนประวัติได้? ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">
|
||||||
|
แต่ละค่าที่แสดงคือ ค่าอะไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
</q-list>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.card1{
|
||||||
|
background-color:#F8F8F8;
|
||||||
|
border-color: #EDEDED !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconQA {
|
||||||
|
color: #016987;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-right: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
338
src/modules/04_registry-employee/views/Main.vue
Normal file
338
src/modules/04_registry-employee/views/Main.vue
Normal file
|
|
@ -0,0 +1,338 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<q-card class="row col-12">
|
||||||
|
<div class="col-12 q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium">
|
||||||
|
ทะเบียนประวัติลูกจ้าง
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="q-pa-md col-12">
|
||||||
|
<q-list bordered class="rounded-borders">
|
||||||
|
<q-expansion-item class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="วัตถุประสงค์ของการพัฒนา"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">การบริหารจัดการข้อมูลลูกจ้างชั่วคราว </div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การจัดการและบริหารจัดการข้อมูลของลูกจ้างชั่วคราวในระบบทะเบียนทรัพยากรบุคคล เพื่อให้ข้อมูลนี้เป็นประโยชน์ในการวางแผนและการดำเนินการต่าง ๆ ที่เกี่ยวข้องกับพนักงานชั่วคราว
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การจัดเก็บข้อมูลที่เกี่ยวข้องกับสัญญาและเงินเดือน</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
ระบบนี้จะรวบรวมข้อมูลเกี่ยวกับประวัติส่วนตัว ประวัติการทำงานของลูกจ้างชั่วคราวรวมถึงรายละเอียดเกี่ยวกับเงินเดือน ประโยชน์ และข้อกำหนดอื่น ๆ เพื่อให้การจัดการสัญญาเป็นไปอย่างมีประสิทธิภาพ </li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="ขอบเขตการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
ระบบควรสามารถเก็บข้อมูลที่สมบูรณ์แบบและทันต่อการจัดการลูกจ้างทั้งหมดในองค์กร รวมถึงข้อมูลส่วนตัว, ประวัติการทำงาน, และความสามารถพิเศษอื่น ๆ
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
ระบบควรมีมาตรการที่เข้มงวดเพื่อรักษาความปลอดภัยของข้อมูลลูกจ้าง, รวมถึงการใช้ระบบรักษาความปลอดภัย, การสำรองข้อมูล, และการควบคุมการเข้าถึง
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
ระบบควรสนับสนุนกระบวนการทรัพยากรบุคคลทั้งหมด, เช่น การจัดการประเมินผลงาน, การพัฒนาสมรรถนะ, และการบริหารประสิทธิภาพ </li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="รายละเอียดและขั้นตอนการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">1.) การดูแลและบำรุงรักษาระบบ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
มีการทำความเข้าใจและตรวจสอบกำหนดการการสำรองข้อมูลอย่างสม่ำเสมอ
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
มีกระบวนการตรวจสอบระบบเพื่อตรวจสอบความถูกต้องและประสิทธิภาพของระบบ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">2.) การวางแผนและออกแบบระบบ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การวางแผนก่อนการสร้างระบบทะเบียนลูกจ้าง โดยรวบรวมความต้องการของผู้ใช้, การเก็บข้อมูล, การประมวลผลข้อมูลที่ต้องการ, และฟังก์ชันที่ต้องการจากระบบ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">3.) การพัฒนาและสร้างระบบ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การสร้างระบบทะเบียนลูกจ้างตามที่วางแผนไว้ โดยการใช้เทคโนโลยีและเครื่องมือที่เหมาะสม เช่น ฐานข้อมูล, โปรแกรมคอมพิวเตอร์ เป็นต้น
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-weight-medium">4.) การจัดการข้อมูลลูกจ้าง</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การเก็บรวบรวมข้อมูลลูกจ้างทั้งหมดในระบบ รวมถึงข้อมูลส่วนตัว, ประวัติการทำงาน, การสัญญา, เงินเดือน และข้อมูลที่เกี่ยวข้อง
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-weight-medium">5.) การรักษาความปลอดภัยของข้อมูล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การดูแลและปกป้องข้อมูลลูกจ้างที่เก็บไว้ในระบบ โดยการใช้มาตรการความปลอดภัยเพื่อป้องกันการเข้าถึงที่ไม่เหมาะสม
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="คำถามที่พบบ่อย"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการตำแหน่งในระบบโครงสร้างอัตรากำลังอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“จัดการตำแหน่ง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูล โดยเลือกกดรายการจัดการตำแหน่งที่ต้องการจัดการ และสามารถกดเลือกรายการจัดการตำแหน่งเพื่อแก้ไขข้อมูลได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-3 ถึง 3-6
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการโครงสร้างในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูลโครงสร้างได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-10 ถึง 3-11
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างตำแหน่ง ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่ตำแหน่ง เพื่อเพิ่มข้อมูลตำแหน่ง ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างหน่วยงาน ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่หน่วยงาน เพื่อเพิ่มข้อมูลหน่วยงาน ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการเชื่อมโครงสร้างอย่างไร ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">
|
||||||
|
แต่ละค่าที่แสดงคือ ค่าอะไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
</q-list>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.card1{
|
||||||
|
background-color:#F8F8F8;
|
||||||
|
border-color: #EDEDED !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconQA {
|
||||||
|
color: #016987;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-right: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
360
src/modules/05_order/views/Main.vue
Normal file
360
src/modules/05_order/views/Main.vue
Normal file
|
|
@ -0,0 +1,360 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<q-card class="row col-12">
|
||||||
|
<div class="col-12 q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium">
|
||||||
|
ออกคำสั่ง
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="q-pa-md col-12">
|
||||||
|
<q-list bordered class="rounded-borders">
|
||||||
|
<q-expansion-item class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="วัตถุประสงค์ของการพัฒนา"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">เพิ่มประสิทธิภาพในการบริหารทรัพยากรบุคคล </div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การพัฒนาระบบออกคำสั่งและบรรจุคำสั่งช่วยเพิ่มประสิทธิภาพในกระบวนการบริหารทรัพยากรบุคคล โดยลดเวลาและความลำบากในการดำเนินการทางบุคคลที่สามารถทำได้อัตโนมัติหรือตามกำหนดคำสั่ง
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">ลดความผิดพลาด</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การมีระบบที่ออกคำสั่งและบรรจุคำสั่งทรัพยากรบุคคลช่วยลดความผิดพลาดในกระบวนการบริหารทรัพยากรบุคคล ทำให้มีความแม่นยำและเป็นไปตามข้อกำหนดที่กำหนดไว้ล่วงหน้า
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">เพิ่มความยืดหยุ่นในการบริหารทรัพยากร</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
ระบบที่มีความสามารถในการออกคำสั่งและบรรจุคำสั่งทรัพยากรบุคคลที่ยืดหยุ่นช่วยให้องค์กรสามารถปรับตัวตามเปลี่ยนแปลงในสภาพแวดล้อมธุรกิจได้
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">เพิ่มความโปร่งใสและการสื่อสาร</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การให้คำสั่งทรัพยากรบุคคลผ่านระบบที่พัฒนาขึ้นช่วยเพิ่มความโปร่งใสในกระบวนการบริหารทรัพยากรและส่งเสริมการสื่อสารระหว่างผู้เกี่ยวข้อง
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="ขอบเขตการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
การรักษาและจัดการข้อมูลทรัพยากรบุคคลในระบบเพื่อให้มีความถูกต้องและปลอดภัย การดูแลระบบในเชิงนี้รวมถึงการป้องกันการแอบแฝงข้อมูลที่ไม่ถูกต้องหรือไม่มีสิทธิ์ในระบบ
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การตรวจสอบและควบคุมสิทธิ์การเข้าถึงข้อมูลในระบบเพื่อป้องกันการเข้าถึงที่ไม่ได้รับอนุญาต ระบบควรมีการจัดระเบียบสิทธิ์และการตรวจสอบการเข้าถึงทรัพยากรบุคคล
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
ระบบควรสนับสนุนกระบวนการทรัพยากรบุคคลทั้งหมด, เช่น การจัดการประเมินผลงาน, การพัฒนาสมรรถนะ, และการบริหารประสิทธิภาพ
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การดูแลระบบเพื่อให้มีประสิทธิภาพในการทำงาน ระบบควรได้รับการปรับปรุงและการดูแลรักษาเพื่อให้สามารถทำงานได้อย่างเต็มประสิทธิภาพ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="รายละเอียดและขั้นตอนการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">1.) การจัดการข้อมูลบุคคล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สร้างและบรรจุข้อมูลบุคคลให้อยู่ในรูปแบบที่สามารถนำไปใช้งานได้
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
ตรวจสอบและปกป้องความปลอดภัยของข้อมูลบุคคลเพื่อป้องกันการทำลายหรือการเข้าถึงที่ไม่ได้รับอนุญาต
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">2.) การควบคุมการเข้าถึง</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กำหนดสิทธิ์และระดับการเข้าถึงข้อมูลบุคคลตามหลักการและนโยบายที่กำหนดไว้
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
ตรวจสอบและบันทึกข้อมูลเกี่ยวกับผู้ที่มีการเข้าถึงข้อมูลบุคคล
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">3.) การบรรจุคำสั่งทรัพยากรบุคคล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
รวบรวมคำสั่งทรัพยากรบุคคลที่ต้องการให้ระบบดำเนินการ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-weight-medium">4.) การรักษาประสิทธิภาพของระบบ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
ทำการปรับปรุงระบบทำงานเพื่อให้สามารถทำงานได้อย่างเสถียรและประสิทธิภาพ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-weight-medium">5.) การป้องกันความผิดพลาด</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
ตรวจสอบคำสั่งที่ถูกบรรจุในระบบเพื่อป้องกันความผิดพลาดที่อาจเกิดขึ้น
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="คำถามที่พบบ่อย"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการตำแหน่งในระบบโครงสร้างอัตรากำลังอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“จัดการตำแหน่ง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูล โดยเลือกกดรายการจัดการตำแหน่งที่ต้องการจัดการ และสามารถกดเลือกรายการจัดการตำแหน่งเพื่อแก้ไขข้อมูลได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-3 ถึง 3-6
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการโครงสร้างในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูลโครงสร้างได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-10 ถึง 3-11
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างตำแหน่ง ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่ตำแหน่ง เพื่อเพิ่มข้อมูลตำแหน่ง ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างหน่วยงาน ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่หน่วยงาน เพื่อเพิ่มข้อมูลหน่วยงาน ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการเชื่อมโครงสร้างอย่างไร ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">
|
||||||
|
แต่ละค่าที่แสดงคือ ค่าอะไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
</q-list>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.card1{
|
||||||
|
background-color:#F8F8F8;
|
||||||
|
border-color: #EDEDED !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconQA {
|
||||||
|
color: #016987;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-right: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
342
src/modules/06_recruitmain/views/Main.vue
Normal file
342
src/modules/06_recruitmain/views/Main.vue
Normal file
|
|
@ -0,0 +1,342 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<q-card class="row col-12">
|
||||||
|
<div class="col-12 q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium">
|
||||||
|
สรรหา
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="q-pa-md col-12">
|
||||||
|
<q-list bordered class="rounded-borders">
|
||||||
|
<q-expansion-item class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="วัตถุประสงค์ของการพัฒนา"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">เพิ่มประสิทธิภาพในการบริหารทรัพยากรบุคคล </div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
วัตถุประสงค์หลักคือการเพิ่มประสิทธิภาพในกระบวนการสรรหาบุคลากร โดยลดเวลาและความลำบากในการคัดเลือกและเลือกบุคลากรที่เหมาะสม
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">ปรับใช้เทคโนโลยีในกระบวนการสรรหา</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การพัฒนาระบบสรรหาเพื่อให้สามารถปรับใช้เทคโนโลยีในการค้นหา คัดเลือก และติดตามผลการสรรหาได้ เพื่อให้กระบวนการเป็นไปอย่างมีประสิทธิภาพ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">ลดความผิดพลาดในการเลือกบุคลากร</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การใช้ระบบสรรหาที่พัฒนาขึ้นช่วยลดความผิดพลาดในกระบวนการเลือกบุคลากร ทำให้มีความแม่นยำและเป็นไปตามข้อกำหนดที่กำหนดไว้ล่วงหน้า
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">เพิ่มความยืดหยุ่นในการสรรหา</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
ระบบที่พัฒนาขึ้นควรสามารถปรับตัวตามความเปลี่ยนแปลงทางธุรกิจและความต้องการขององค์กร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="ขอบเขตการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
จัดเก็บข้อมูลที่เกี่ยวข้องกับผู้สมัครในรูปแบบที่สามารถนำไปใช้งานได้
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
ตรวจสอบคุณสมบัติและประสบการณ์ที่ระบุ และให้รับรองผลการสรรหาของผู้บริหารหรือคณะกรรมการ
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
ทำการคัดเลือกผู้สมัครที่มีคุณสมบัติตรงตามที่กำหนด
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="รายละเอียดและขั้นตอนการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">1.) วางแผนและกำหนดแนวทาง</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กำหนดวัตถุประสงค์ของกระบวนการสรรหา
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
กำหนดแนวทางการสรรหาและกำหนดแผนย่อย
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">2.) จัดทำตำแหน่งงานและรายละเอียดงาน</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
จัดทำและปรับปรุงรายละเอียดของตำแหน่งงาน
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
กำหนดคุณสมบัติและทักษะที่ต้องการ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">3.) คัดเลือกและตรวจสอบผู้สมัคร</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
ทำการคัดเลือกผู้สมัครที่มีคุณสมบัติตรงตามที่กำหนด
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="คำถามที่พบบ่อย"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการตำแหน่งในระบบโครงสร้างอัตรากำลังอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“จัดการตำแหน่ง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูล โดยเลือกกดรายการจัดการตำแหน่งที่ต้องการจัดการ และสามารถกดเลือกรายการจัดการตำแหน่งเพื่อแก้ไขข้อมูลได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-3 ถึง 3-6
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการโครงสร้างในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูลโครงสร้างได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-10 ถึง 3-11
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างตำแหน่ง ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่ตำแหน่ง เพื่อเพิ่มข้อมูลตำแหน่ง ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างหน่วยงาน ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่หน่วยงาน เพื่อเพิ่มข้อมูลหน่วยงาน ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการเชื่อมโครงสร้างอย่างไร ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">
|
||||||
|
แต่ละค่าที่แสดงคือ ค่าอะไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
</q-list>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.card1{
|
||||||
|
background-color:#F8F8F8;
|
||||||
|
border-color: #EDEDED !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconQA {
|
||||||
|
color: #016987;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-right: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
416
src/modules/07_placement/views/Main.vue
Normal file
416
src/modules/07_placement/views/Main.vue
Normal file
|
|
@ -0,0 +1,416 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<q-card class="row col-12">
|
||||||
|
<div class="col-12 q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium">
|
||||||
|
บรรจุ แต่งตั้ง ย้าย โอน
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="q-pa-md col-12">
|
||||||
|
<q-list bordered class="rounded-borders">
|
||||||
|
<q-expansion-item class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="วัตถุประสงค์ของการพัฒนา"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">เพิ่มประสิทธิภาพการจัดการบุคลากร</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การพัฒนาระบบทรัพยากรบุคคลช่วยให้องค์กรมีความสามารถในการจัดการบุคลากรได้อย่างมีประสิทธิภาพมากขึ้น โดยเน้นการแต่งตั้งหรือย้ายตำแหน่งที่เหมาะสมตามความสามารถและความเชี่ยวชาญของบุคลากรในองค์กร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">สนับสนุนการพัฒนาทักษะและความรู้</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การแต่งตั้งหรือย้ายตำแหน่งในระบบทรัพยากรบุคคลสามารถเป็นโอกาสในการสนับสนุนการพัฒนาทักษะและความรู้ของบุคลากร โดยการให้โอกาสในการฝึกอบรมหรือการศึกษาต่อ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">ส่งเสริมความยืดหยุ่นและเคลื่อนไหว</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การทำการแต่งตั้ง ย้าย หรือโอนบุคลากรช่วยส่งเสริมความยืดหยุ่นในการดำเนินธุรกิจ และทำให้องค์กรสามารถปรับตัวตามสถานการณ์และความต้องการของตลาดได้
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">บริหารจัดการทรัพยากรบุคคลในทางกฎหมาย</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การใช้ระบบทรัพยากรบุคคลที่มีประสิทธิภาพช่วยในการบริหารจัดการตามกฎหมายที่เกี่ยวข้อง เช่น การปฏิบัติตามข้อกำหนดการแต่งตั้งและย้ายตำแหน่งตามกฎหมายท้องถิ่น
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="ขอบเขตการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">บรรจุ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การวางแผนและดำเนินกระบวนการหาบุคลากรใหม่ที่เหมาะสมสำหรับตำแหน่งงานที่ว่าง
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">แต่งตั้ง</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การเลือกคัดเลือกผู้สมัครที่มีความสามารถและความเหมาะสม
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">ย้าย</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การย้ายที่อยู่ตำแหน่งภายในองค์กรโดยไม่เปลี่ยนแปลงตำแหน่งหรือระดับ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">โอน</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การพัฒนาและดูแลโปรแกรมเพื่อสนับสนุนการเลื่อนตำแหน่ง และการเลื่อนตำแหน่งหรือเพิ่มระดับ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-weight-medium">บำรุงรักษา</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การจัดทำและดูแลระบบสวัสดิการและความพึงพอใจของบุคลากร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การพัฒนา</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การให้โอกาสและการสนับสนุนในการพัฒนาทักษะและความรู้ของบุคลากร
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การวางแผนและดำเนินโปรแกรมพัฒนาอาชีพ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="รายละเอียดและขั้นตอนการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">1.) วางแผนและการวิเคราะห์ความต้องการ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การทำการวิเคราะห์ความต้องการทรัพยากรบุคคลทั้งในปัจจุบันและในอนาคต
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การวางแผนเพื่อให้มีการตอบสนองต่อความต้องการขององค์กร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">2.) บรรจุ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การสร้างตำแหน่งงานและรายละเอียดของตำแหน่ง
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การพิจารณาและคัดเลือกผู้สมัคร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">3.) แต่งตั้ง</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การเตรียมพร้อมและการต้อนรับผู้มีตำแหน่งใหม่
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">4.) ย้าย</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การย้ายที่อยู่ตำแหน่งภายในองค์กรโดยไม่เปลี่ยนแปลงตำแหน่งหรือระดับ การเตรียมความพร้อมและการสื่อสารกับบุคลากรที่มีผลต่องานและองค์กร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">5.) โอน</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การเตรียมความพร้อมและการสื่อสารกับบุคลากรที่เพื่อการเลื่อนตำแหน่ง การพัฒนาและดูแลโปรแกรมเพื่อสนับสนุนการเลื่อนตำแหน่ง
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">6.) บำรุงรักษา</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การจัดทำและดูแลระบบสวัสดิการและความพึงพอใจของบุคลากร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">7.) การพัฒนา</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การให้โอกาสและการสนับสนุนในการพัฒนาทักษะและความรู้ของบุคลากร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">8.) การบริหารจัดการทรัพยากรบุคคลในทางกฎหมาย</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การปฏิบัติตามข้อกำหนดการแต่งตั้งและย้ายตำแหน่งตามกฎหมายท้องถิ่น
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การปฏิบัติตามนโยบายการทำงานทรัพยากรบุคคลที่เกี่ยวข้อง
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="คำถามที่พบบ่อย"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการตำแหน่งในระบบโครงสร้างอัตรากำลังอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“จัดการตำแหน่ง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูล โดยเลือกกดรายการจัดการตำแหน่งที่ต้องการจัดการ และสามารถกดเลือกรายการจัดการตำแหน่งเพื่อแก้ไขข้อมูลได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-3 ถึง 3-6
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการโครงสร้างในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูลโครงสร้างได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-10 ถึง 3-11
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างตำแหน่ง ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่ตำแหน่ง เพื่อเพิ่มข้อมูลตำแหน่ง ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างหน่วยงาน ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่หน่วยงาน เพื่อเพิ่มข้อมูลหน่วยงาน ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการเชื่อมโครงสร้างอย่างไร ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">
|
||||||
|
แต่ละค่าที่แสดงคือ ค่าอะไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
</q-list>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.card1{
|
||||||
|
background-color:#F8F8F8;
|
||||||
|
border-color: #EDEDED !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconQA {
|
||||||
|
color: #016987;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-right: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
372
src/modules/08_retirement/views/Main.vue
Normal file
372
src/modules/08_retirement/views/Main.vue
Normal file
|
|
@ -0,0 +1,372 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<q-card class="row col-12">
|
||||||
|
<div class="col-12 q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium">
|
||||||
|
พ้นราชการ
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="q-pa-md col-12">
|
||||||
|
<q-list bordered class="rounded-borders">
|
||||||
|
<q-expansion-item class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="วัตถุประสงค์ของการพัฒนา"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">เพิ่มประสิทธิภาพและประสิทธิผล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การพัฒนาระบบพ้นราชการช่วยให้กระบวนการพ้นราชการเป็นไปอย่างมีประสิทธิภาพ
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การทำให้การพ้นราชการเกิดผลลัพธ์ที่ดีและเป็นประโยชน์ต่อทั้งองค์กร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">สนับสนุนการพัฒนาบุคลากร</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การพัฒนาระบบพ้นราชการเป็นทางการช่วยสนับสนุนการพัฒนาทักษะและความรู้ของบุคลากรที่กำลังพ้นราชการ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">เสริมสร้างสภาพแวดล้อมการทำงาน</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การพัฒนาระบบพ้นราชการช่วยเสริมสร้างสภาพแวดล้อมการทำงานที่กระตุ้นและสนับสนุนการประชาสัมพันธ์และความร่วมมือในทีมงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การให้โอกาสใหม่และสนับสนุนอนาคตอาชีพ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การพัฒนาระบบพ้นราชการเป็นทางการช่วยให้บุคลากรที่พ้นราชการได้รับโอกาสใหม่และสนับสนุนในการก้าวไปสู่อนาคตอาชีพที่เพื่อตนเองต้องการ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="ขอบเขตการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">การวางแผนและตรวจสอบความพร้อม</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
วางแผนการจัดการการพ้นราชการในทางทรัพยากรบุคคลเพื่อให้เป็นไปอย่างรอบคอบ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การสนับสนุนการพัฒนาและฝึกอบรม</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การให้โอกาสในการพัฒนาทักษะและความรู้เพื่อเตรียมพร้อมสำหรับการเปลี่ยนแปลง
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การส่งเสริมอนาคตอาชีพ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การให้คำปรึกษาเกี่ยวกับตัวเลือกทางอาชีพต่าง ๆ หลังจากพ้นราชการ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การจัดทำเอกสารและกระบวนการบริหารจัดการ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การจัดทำเอกสารที่เกี่ยวข้องกับการพ้นราชการ เช่น สัญญาการพ้นราชการ และการกำหนดกระบวนการทำงานที่ชัดเจนสำหรับบุคลากรที่พ้นราชการ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="รายละเอียดและขั้นตอนการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">1.) วางแผนและการวิเคราะห์ความต้องการ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การทำการวิเคราะห์ความต้องการทรัพยากรบุคคลทั้งในปัจจุบันและในอนาคต
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การวางแผนเพื่อให้มีการตอบสนองต่อความต้องการขององค์กร
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">2.) การสนับสนุนการพัฒนาและฝึกอบรม</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การให้คำปรึกษาเกี่ยวกับตัวเลือกทางอาชีพและการพัฒนาทักษะที่มีประสิทธิภาพ
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การเสนอโอกาสในการฝึกอบรมและพัฒนาทักษะที่จำเป็น
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">3.) การตรวจสอบเอกสารและกระบวนการบริหารจัดการ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การเตรียมเอกสารที่เกี่ยวข้องกับการพ้นราชการ เช่น สัญญาการพ้นราชการ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">4.) การสนับสนุนในการสร้างทำนองเรียนรู้และปรับปรุง</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การสนับสนุนการสร้างและเก็บข้อมูลที่เกี่ยวข้องกับการพ้นราชการ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">5.) การส่งเสริมอนาคตอาชีพ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การให้คำปรึกษาเกี่ยวกับตัวเลือกทางอาชีพหลังจากการพ้นราชการ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="คำถามที่พบบ่อย"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการตำแหน่งในระบบโครงสร้างอัตรากำลังอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“จัดการตำแหน่ง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูล โดยเลือกกดรายการจัดการตำแหน่งที่ต้องการจัดการ และสามารถกดเลือกรายการจัดการตำแหน่งเพื่อแก้ไขข้อมูลได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-3 ถึง 3-6
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการโครงสร้างในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูลโครงสร้างได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-10 ถึง 3-11
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างตำแหน่ง ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่ตำแหน่ง เพื่อเพิ่มข้อมูลตำแหน่ง ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างหน่วยงาน ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่หน่วยงาน เพื่อเพิ่มข้อมูลหน่วยงาน ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการเชื่อมโครงสร้างอย่างไร ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">
|
||||||
|
แต่ละค่าที่แสดงคือ ค่าอะไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
</q-list>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.card1{
|
||||||
|
background-color:#F8F8F8;
|
||||||
|
border-color: #EDEDED !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconQA {
|
||||||
|
color: #016987;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-right: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
383
src/modules/09_insignia/views/Main.vue
Normal file
383
src/modules/09_insignia/views/Main.vue
Normal file
|
|
@ -0,0 +1,383 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<q-card class="row col-12">
|
||||||
|
<div class="col-12 q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium">
|
||||||
|
เครื่องราชฯ
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="q-pa-md col-12">
|
||||||
|
<q-list bordered class="rounded-borders">
|
||||||
|
<q-expansion-item class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="วัตถุประสงค์ของการพัฒนา"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">เพิ่มประสิทธิภาพในการบริหารจัดการทรัพยากรบุคคล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การใช้เทคโนโลยีและโปรแกรมคอมพิวเตอร์เพื่อช่วยในการจัดการข้อมูลและกระบวนการทรัพยากรบุคคล
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การพัฒนาระบบเครื่องราชฯเพื่อเพิ่มประสิทธิภาพในกระบวนการบริหารจัดการทรัพยากรบุคคล
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">สนับสนุนการตัดสินใจทรัพยากรบุคคล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การพัฒนาระบบที่สามารถให้ข้อมูลทรัพยากรบุคคลที่ถูกต้องและมีประสิทธิภาพเพื่อช่วยในการตัดสินใจทางทรัพยากรบุคคล
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">สร้างแบบจำลองการจัดการทรัพยากรบุคคลที่ยืดหยุ่น</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การสร้างแบบจำลองที่สามารถนำไปใช้ในหลายองค์กรหรือหน่วยงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การเสริมสร้างการใช้เทคโนโลยี</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การสร้างระบบที่เป็นไปตามแนวโน้มการใช้เทคโนโลยีที่ทันสมัย
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="ขอบเขตการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">การจัดทำและบริหารจัดการข้อมูลบุคลากร</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การบริหารจัดการข้อมูลเพื่อให้เป็นไปตามนโยบายความเป็นส่วนตัวและข้อกำหนดทางกฎหมาย
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การวางแผนและจัดการกระบวนการเครื่องราชฯ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การจัดการกระบวนการทรัพยากรบุคคลในทุกขั้นตอนของระบบเครื่องราชฯ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การจัดการและพัฒนาทรัพยากรบุคคล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การจัดการและพัฒนาทรัพยากรบุคคลตลอดทั้งวงจรการงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">การบริหารจัดการทรัพยากรบุคคลทางกฎหมาย</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การปฏิบัติตามกฎหมายทางการบริหารจัดการทรัพยากรบุคคล
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การจัดทำเอกสารที่เป็นไปตามข้อกำหนดทางกฎหมาย
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="รายละเอียดและขั้นตอนการดูแลระบบ"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="text-weight-medium">1.) วางแผนและออกแบบระบบ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การออกแบบโครงสร้างและกระบวนการทรัพยากรบุคคลในระบบเครื่องราชฯ
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การกำหนดวัตถุประสงค์ของระบบเครื่องราชฯ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">2.) เก็บรวบรวมข้อมูล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การเก็บรวบรวมข้อมูลทรัพยากรบุคคลทั้งหมดที่เกี่ยวข้องกับเครื่องราชฯ
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
การใช้เทคโนโลยีในการสะสมข้อมูลทรัพยากรบุคคล
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">3.) การจัดทำแผนการดูแล</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การกำหนดแผนการดูแลที่มุ่งเน้นการสนับสนุนในการบริหารจัดการทรัพยากรบุคคล
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">4.) การจัดการข้อมูลบุคลากร</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การเก็บรวบรวมและประมวลผลข้อมูลเกี่ยวกับการทำงาน การติดตามประสิทธิภาพ และข้อมูลอื่น ๆ
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="text-weight-medium">5.) การบริหารจัดการทรัพยากรบุคคลทางกฎหมาย</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การปฏิบัติตามกฎหมายทางการบริหารจัดการทรัพยากรบุคคล
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-weight-medium">6.) การตรวจสอบและประเมินประสิทธิภาพ</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
การตรวจสอบความถูกต้องของข้อมูลและกระบวนการทำงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<q-expansion-item
|
||||||
|
class="text-weight-medium"
|
||||||
|
expand-separator
|
||||||
|
label="คำถามที่พบบ่อย"
|
||||||
|
|
||||||
|
>
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<q-card class="card1 q-pa-md text-weight-regular">
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการตำแหน่งในระบบโครงสร้างอัตรากำลังอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“จัดการตำแหน่ง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูล โดยเลือกกดรายการจัดการตำแหน่งที่ต้องการจัดการ และสามารถกดเลือกรายการจัดการตำแหน่งเพื่อแก้ไขข้อมูลได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-3 ถึง 3-6
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการจัดการโครงสร้างในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ? </div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-pencil-outline"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
เพื่อเพิ่ม ลบหรือแก้ไขข้อมูลโครงสร้างได้
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
border: 1px solid #d7d7d7
|
||||||
|
bg-color;
|
||||||
|
padding: 5px ;
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(207, 207, 207, 0.375);
|
||||||
|
">
|
||||||
|
ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
|
||||||
|
<a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
|
||||||
|
ตั้งแต่รูปภาพที่ 3-10 ถึง 3-11
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างตำแหน่ง ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่ตำแหน่ง เพื่อเพิ่มข้อมูลตำแหน่ง ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการสร้างหน่วยงาน ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
สามารถเลือกกดไอคอน
|
||||||
|
<span
|
||||||
|
style="color: #02a998;
|
||||||
|
padding: 2px;">
|
||||||
|
“ผังโครงสร้าง”
|
||||||
|
</span>
|
||||||
|
แล้วกดไอคอน
|
||||||
|
<q-icon
|
||||||
|
name="mdi-plus"
|
||||||
|
style="margin: 0 5px; color: #02a998"
|
||||||
|
size="xs"
|
||||||
|
/>
|
||||||
|
ที่หน่วยงาน เพื่อเพิ่มข้อมูลหน่วยงาน ในตารางเพิ่มโครงสร้างอัตรากำลังภายใต้สำนักงาน
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">หากต้องการเชื่อมโครงสร้างอย่างไร ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-12 row">
|
||||||
|
<q-icon class="iconQA" name="mdi-cloud-question"/>
|
||||||
|
<div class="text-weight-medium" style="color: #016987;">
|
||||||
|
แต่ละค่าที่แสดงคือ ค่าอะไร ?</div>
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li style="color: red;">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-expansion-item>
|
||||||
|
|
||||||
|
|
||||||
|
</q-list>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</q-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.card1{
|
||||||
|
background-color:#F8F8F8;
|
||||||
|
border-color: #EDEDED !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconQA {
|
||||||
|
color: #016987;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-right: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
@ -3,6 +3,16 @@ import { createRouter, createWebHistory } from 'vue-router'
|
||||||
const MainLayout = () => import("@/views/MainLayout.vue");
|
const MainLayout = () => import("@/views/MainLayout.vue");
|
||||||
const Metadata = () => import("@/modules/01_metadata/views/Main.vue");
|
const Metadata = () => import("@/modules/01_metadata/views/Main.vue");
|
||||||
const Organizational = () => import("@/modules/02_organizational/views/Main.vue");
|
const Organizational = () => import("@/modules/02_organizational/views/Main.vue");
|
||||||
|
const Registration = () => import("@/modules/03_registration/views/Main.vue");
|
||||||
|
const Registemployee = () => import("@/modules/04_registry-employee/views/Main.vue");
|
||||||
|
const Order = () => import("@/modules/05_order/views/Main.vue");
|
||||||
|
const Recruitmain = () => import("@/modules/06_recruitmain/views/Main.vue");
|
||||||
|
const Placement = () => import("@/modules/07_placement/views/Main.vue");
|
||||||
|
const Retirement = () => import("@/modules/08_retirement/views/Main.vue");
|
||||||
|
const Insignia = () => import("@/modules/09_insignia/views/Main.vue");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -28,16 +38,60 @@ const router = createRouter({
|
||||||
name: "organizational",
|
name: "organizational",
|
||||||
component: Organizational,
|
component: Organizational,
|
||||||
},
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: "/registration",
|
||||||
|
name: "registration",
|
||||||
|
component: Registration,
|
||||||
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
path: "/contact",
|
path: "/contact",
|
||||||
name: "contact",
|
name: "contact",
|
||||||
component: Contact,
|
component: Contact,
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
path: "/maintenance",
|
path: "/maintenance",
|
||||||
name: "maintenance",
|
name: "maintenance",
|
||||||
component: Maintenance,
|
component: Maintenance,
|
||||||
},
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: "/registemployee",
|
||||||
|
name: "Registemployee",
|
||||||
|
component: Registemployee,
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: "/order",
|
||||||
|
name: "Order",
|
||||||
|
component: Order
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: "/recruitmain",
|
||||||
|
name: "Recruitmain",
|
||||||
|
component: Recruitmain
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: "/placement",
|
||||||
|
name: "Placement",
|
||||||
|
component: Placement
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: "/retirement",
|
||||||
|
name: "Retirement",
|
||||||
|
component: Retirement
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: "/insignia",
|
||||||
|
name: "Insignia",
|
||||||
|
component: Insignia
|
||||||
|
},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -14,15 +14,15 @@ const text = ref('');
|
||||||
const tabManu = [
|
const tabManu = [
|
||||||
{name: 'metadata',label:'ข้อมูลหลัก',path: 'metadata'},
|
{name: 'metadata',label:'ข้อมูลหลัก',path: 'metadata'},
|
||||||
{name: 'organizational',label:'โครงสร้างอัตรากำลัง',path: 'organizational'},
|
{name: 'organizational',label:'โครงสร้างอัตรากำลัง',path: 'organizational'},
|
||||||
{name: '3',label:'ทะเบียนประวัติ',path: ''},
|
{name: '3',label:'ทะเบียนประวัติ',path: 'registration'},
|
||||||
{name: '4',label:'ทะเบียนประวัติลูกจ้าง',path: ''},
|
{name: '4',label:'ทะเบียนประวัติลูกจ้าง',path: 'registemployee'},
|
||||||
{name: '5',label:'ออกคำสั่ง',path: ''},
|
{name: '5',label:'ออกคำสั่ง',path: 'order'},
|
||||||
{name: '6',label:'สรรหา',path: ''},
|
{name: '6',label:'สรรหา',path: 'recruitmain'},
|
||||||
];
|
];
|
||||||
const tabManu2 = [
|
const tabManu2 = [
|
||||||
{name: '7',label:'บรรจุ แต่งตั้ง ย้าย โอน',path: ''},
|
{name: '7',label:'บรรจุ แต่งตั้ง ย้าย โอน',path: 'placement'},
|
||||||
{name: '8',label:'พ้นราชการ',path: ''},
|
{name: '8',label:'พ้นราชการ',path: 'retirement'},
|
||||||
{name: '9',label:'เครื่องราชฯ',path: ''},
|
{name: '9',label:'เครื่องราชฯ',path: 'insignia'},
|
||||||
{name: '10',label:'การลา',path: ''},
|
{name: '10',label:'การลา',path: ''},
|
||||||
{name: '11',label:'วินัย',path: ''},
|
{name: '11',label:'วินัย',path: ''},
|
||||||
];
|
];
|
||||||
|
|
@ -30,22 +30,29 @@ const tabManu2 = [
|
||||||
const mainmenu = [
|
const mainmenu = [
|
||||||
{text: 'ข้อมูลหลัก',img: new URL('../assets/icon/1_metadata.png', import.meta.url).href , icon:'mdi-account-outline', path: 'metadata'},
|
{text: 'ข้อมูลหลัก',img: new URL('../assets/icon/1_metadata.png', import.meta.url).href , icon:'mdi-account-outline', path: 'metadata'},
|
||||||
{text: 'โครงสร้างอัตรากำลัง',img: new URL('../assets/icon/2_organizational.png', import.meta.url).href, icon:'mdi-account-group-outline',path: 'organizational'},
|
{text: 'โครงสร้างอัตรากำลัง',img: new URL('../assets/icon/2_organizational.png', import.meta.url).href, icon:'mdi-account-group-outline',path: 'organizational'},
|
||||||
{text: 'ทะเบียนประวัติ',img: new URL('../assets/icon/3_registry.png', import.meta.url).href, icon:'mdi-file-account-outline',path: 'organizational'},
|
{text: 'ทะเบียนประวัติ',img: new URL('../assets/icon/3_registry.png', import.meta.url).href, icon:'mdi-file-account-outline',path: 'registration'},
|
||||||
{text: 'ทะเบียนประวัติลูกจ้าง',img: new URL('../assets/icon/4_registry-employee.png', import.meta.url).href, icon:'mdi-file-account-outline',path: 'organizational'},
|
{text: 'ทะเบียนประวัติลูกจ้าง',img: new URL('../assets/icon/4_registry-employee.png', import.meta.url).href, icon:'mdi-file-account-outline',path: 'registemployee'},
|
||||||
{text: 'ออกคำสั่ง',img: new URL('../assets/icon/5_order.png', import.meta.url).href, icon:'mdi-file-certificate-outline',path: 'organizational'},
|
{text: 'ออกคำสั่ง',img: new URL('../assets/icon/5_order.png', import.meta.url).href, icon:'mdi-file-certificate-outline',path: 'order'},
|
||||||
{text: 'สรรหา',img: new URL('../assets/icon/6_recruitmain.png', import.meta.url).href, icon:'mdi-magnify',path: 'organizational'},
|
{text: 'สรรหา',img: new URL('../assets/icon/6_recruitmain.png', import.meta.url).href, icon:'mdi-magnify',path: 'recruitmain'},
|
||||||
{text: 'บรรจุ แต่งตั้ง ย้าย โอน',img: new URL('../assets/icon/7_placement.png', import.meta.url).href, icon:'mdi-account-check',path: 'organizational'},
|
{text: 'บรรจุ แต่งตั้ง ย้าย โอน',img: new URL('../assets/icon/7_placement.png', import.meta.url).href, icon:'mdi-account-check',path: 'placement'},
|
||||||
{text: 'พ้นราชการ',img: new URL('../assets/icon/8_retirement.png', import.meta.url).href, icon:'mdi-account-cancel-outline',path: 'organizational'},
|
{text: 'พ้นราชการ',img: new URL('../assets/icon/8_retirement.png', import.meta.url).href, icon:'แ',path: 'retirement'},
|
||||||
{text: 'เครื่องราชฯ',img: new URL('../assets/icon/9_insignia.png', import.meta.url).href, icon:'mdi-medal-outline',path: 'organizational'},
|
{text: 'เครื่องราชฯ',img: new URL('../assets/icon/9_insignia.png', import.meta.url).href, icon:'mdi-medal-outline',path: 'insignia'},
|
||||||
/* {text: 'การลา',img: new URL('../assets/.png', import.meta.url).href, icon:'mdi-calendar',path: 'organizational'},
|
/* {text: 'การลา',img: new URL('../assets/.png', import.meta.url).href, icon:'mdi-calendar',path: 'organizational'},
|
||||||
{text: 'วินัย',img: new URL('../assets/.png', import.meta.url).href, icon:'mdi-scale-balance',path: 'organizational'} */
|
{text: 'วินัย',img: new URL('../assets/.png', import.meta.url).href, icon:'mdi-scale-balance',path: 'organizational'} */
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
||||||
const mainmanual = [
|
const mainmanual = [
|
||||||
{text: 'คู่มือการใช้งาน', icon:'mdi-account-outline', path: 'metadata'}
|
/*{text: 'คู่มือการใช้งาน', icon:'mdi-account-outline', path: 'metadata'},*/
|
||||||
|
{text: 'คู่มือการใช้งาน',img: new URL('../assets/icon/00_manual.png', import.meta.url).href, icon:'mdi-book-open-page-variant'},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
const mainmaintenance = [
|
||||||
|
/*{text: 'คู่มือการใช้งาน', icon:'mdi-account-outline', path: 'metadata'},*/
|
||||||
|
{text: 'ดูแลรักษาระบบ',img: new URL('../assets/icon/00_manual.png', import.meta.url).href, icon:'mdi-laptop',path: 'maintenance'}
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
const redirectToManual = () => {
|
const redirectToManual = () => {
|
||||||
const newTab = window.open('https://bma-ehr-manual.frappet.synology.me/', '_blank');
|
const newTab = window.open('https://bma-ehr-manual.frappet.synology.me/', '_blank');
|
||||||
if (newTab) {
|
if (newTab) {
|
||||||
|
|
@ -189,7 +196,6 @@ window.onpopstate = function() {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-xs-10 col-md-8 row q-col-gutter-md" style=" margin-top: 80px;" v-if="currentRoute == 'home'">
|
<div class="col-xs-10 col-md-8 row q-col-gutter-md" style=" margin-top: 80px;" v-if="currentRoute == 'home'">
|
||||||
<div class="col-12 row justify-center text-h6 text-dark">ดูแลรักษาระบบ</div>
|
<div class="col-12 row justify-center text-h6 text-dark">ดูแลรักษาระบบ</div>
|
||||||
<div class="col-12"><q-separator color="grey-4" /></div>
|
<div class="col-12"><q-separator color="grey-4" /></div>
|
||||||
|
|
@ -197,7 +203,7 @@ window.onpopstate = function() {
|
||||||
<div class="col-12 row q-col-gutter-lg">
|
<div class="col-12 row q-col-gutter-lg">
|
||||||
|
|
||||||
<div class="col-xs-12 col-sm-12"
|
<div class="col-xs-12 col-sm-12"
|
||||||
v-for="(menu , index) in mainmanual"
|
v-for="(menu , index) in mainmaintenance"
|
||||||
:key="index"
|
:key="index"
|
||||||
>
|
>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue