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

Merge branch 'aom_dev'

Browse source
This commit is contained in:
kanyarat2001 2024-02-26 16:05:23 +07:00
commit 65cd44aa76
36 changed files with 1175 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
src/assets/2-12.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 705 KiB

BIN
src/assets/2-5.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 723 KiB

BIN
src/assets/2-9.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 635 KiB

BIN
src/assets/2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 805 KiB

BIN
src/assets/2_1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 947 KiB

BIN
src/assets/2_10.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 817 KiB

BIN
src/assets/2_11.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 698 KiB

BIN
src/assets/2_2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 765 KiB

BIN
src/assets/2_3.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 800 KiB

BIN
src/assets/2_4.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 738 KiB

BIN
src/assets/2_6.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 695 KiB

BIN
src/assets/2_7.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 639 KiB

BIN
src/assets/2_8.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 648 KiB

BIN
src/assets/3.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 660 KiB

BIN
src/assets/4.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 750 KiB

BIN
src/assets/4_1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 696 KiB

BIN
src/assets/4_2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 795 KiB

BIN
src/assets/5_1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 560 KiB

BIN
src/assets/5_2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 624 KiB

BIN
src/assets/5_3.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 512 KiB

BIN
src/assets/6_1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 580 KiB

BIN
src/assets/6_2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 598 KiB

BIN
src/assets/p1.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 321 KiB

After

Width:  |  Height:  |  Size: 320 KiB

Before After
Before After

BIN
src/assets/ไม่มีชื่อ 7.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 694 KiB

4
src/modules/001_Maintenance/views/Main.vue
View file

@ -51,7 +51,7 @@
<ul>
<li>
ระบบที่มีวัตถุประสงค์เพื่อจัดการข้อมูลทรัพยากรบุคคล ช่วยให้สามารถจัดเก็บข้อมูลของพนักงานทั้งหมดได้อย่างมีระบบเกี่ยวข้องกับข้อมูลเกี่ยวกับบุคคล, ข้อมูลโครงสร้างหน่วยงาน ข้อมูลข้าราชการ ข้อมูลลูกจ้าง วันลา และข้อมูลอื่นๆ ที่เกี่ยวข้องกับการจัดการทรัพยากรบุคคล
ระบบที่มีวัตถุประสงค์เพื่อจัดการข้อมูลทรัพยากรบุคคล ช่วยให้สามารถจัดเก็บข้อมูลของพนักงานทั้งหมดได้อย่างมีระบบเกี่ยวข้องกับข้อมูลเกี่ยวกับบุคคล, ข้อมูลโครงสร้างหน่วยงาน, ข้อมูลข้าราชการ, ข้อมูลลูกจ้าง, วันลา และข้อมูลอื่นๆ ที่เกี่ยวข้องกับการจัดการทรัพยากรบุคคล
</li>
</ul>
@ -560,7 +560,7 @@
class="shadow-1 overflow-hidden"
style="border-radius: 8px"
icon="mdi-alert"
label="เมื่อพบข้อผิดพลาดที่เกี่ยวข้องกับระบบ เช่น ระบบค้าง หรือ ข้อมูลไม่อัพเดต ต้องทำยังไง"
label="เมื่อพบข้อผิดพลาดที่เกี่ยวข้องกับระบบ เช่น ระบบค้าง หรือ ข้อมูลไม่อัปเดต ต้องทำยังไง"
header-class="bg-secondary text-white "
expand-icon-class="text-white"
>

6
src/modules/00_contact/views/Main.vue
View file

@ -8,7 +8,7 @@
<q-card class="row col-12 q-mt-md">
<div class="col-12 q-px-md q-py-sm text-subtitle2 text-blue bg-light-blue-1 text-weight-medium">
ระบบหลัก
ระบบหลัก , บรรจุ แต่งตั้ง ย้าย โอน , พ้นราชการ
</div>
<div class="col-12 row q-pa-md">
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
@ -56,7 +56,7 @@
<q-card class="row col-12 q-mt-md">
<div class="col-12 q-px-md q-py-sm text-subtitle2 text-blue bg-blue-1 text-weight-medium">
โครงสร้างอัตรากำลัง
โครงสร้างอัตรากำลัง , ออกคำสั่ง , สรรหา
</div>
<div class="col-12 row q-pa-md">
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
@ -105,7 +105,7 @@
<q-card class="row col-12 q-mt-md">
<div class="col-12 q-px-md q-py-sm text-subtitle2 text-blue bg-blue-1 text-weight-medium">
ทะเบียนประวัติ
ทะเบียนประวัติ , ทะเบียนประวัติลูกจ้าง , เครื่องราชอิสริยาภรณ์
</div>
<div class="col-12 row q-pa-md">
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">

14
src/modules/01_metadata/views/Main.vue
View file

@ -19,7 +19,7 @@
<q-card class="card1 text-weight-regular" >
<ul>
<li>
ระบบที่มีวัตถุประสงค์เพื่อจัดการข้อมูลทรัพยากรบุคคล ช่วยให้สามารถจัดเก็บข้อมูลของพนักงานทั้งหมดได้อย่างมีระบบเกี่ยวข้องกับข้อมูลเกี่ยวกับบุคคล, ข้อมูลโครงสร้างหน่วยงาน ข้อมูลข้าราชการ ข้อมูลลูกจ้าง วันลา และข้อมูลอื่นๆ ที่เกี่ยวข้องกับการจัดการทรัพยากรบุคคล
ระบบที่มีวัตถุประสงค์เพื่อจัดการข้อมูลทรัพยากรบุคคล ช่วยให้สามารถจัดเก็บข้อมูลของพนักงานทั้งหมดได้อย่างมีระบบเกี่ยวข้องกับข้อมูลเกี่ยวกับบุคคล, ข้อมูลโครงสร้างหน่วยงาน, ข้อมูลข้าราชการ, ข้อมูลลูกจ้าง, วันลา และข้อมูลอื่นๆ ที่เกี่ยวข้องกับการจัดการทรัพยากรบุคคล
</li>
</ul>
</q-card>
@ -65,8 +65,7 @@
<div class="text-weight-medium">1.) ความปลอดภัยของข้อมูล</div>
<ul>
<li>
มีมาตรการที่เข้มงวดเพื่อรักษาความปลอดภัยของข้อมูลที่เกี่ยวข้องกับทรัพยากรบุคคล รวมถึงการใช้เทคโนโลยีการรักษาความปลอดภัย การให้สิทธิ์การ
เข้าถึงข้อมูล, และการป้องกันการใช้ข้อมูลที่ไม่ถูกต้อง
มีมาตรการที่เข้มงวดเพื่อรักษาความปลอดภัยของข้อมูลที่เกี่ยวข้องกับทรัพยากรบุคคล รวมถึงการใช้เทคโนโลยีการรักษาความปลอดภัย การให้สิทธิ์การเข้าถึงข้อมูล, และการป้องกันการใช้ข้อมูลที่ไม่ถูกต้อง
</li>
</ul>
@ -80,8 +79,7 @@
<div class="text-weight-medium">3.) การตรวจสอบและการพัฒนาระบบ</div>
<ul>
<li>
ตรวจสอบและบำรุงรักษาข้อมูลเพื่อให้มั่นใจว่าข้อมูลทรัพยากรบุคคลมีความถูกต้อง,ครบถ้วน และอับเดต ทำการตรวจสอบการป้องกันข้อมูลไม่ถูกส่ง
หลายครั้ง และดูแลให้มีการบันทึกข้อมูลทรัพยากรบุคคลตลอดเวลา
ตรวจสอบและบำรุงรักษาข้อมูลเพื่อให้มั่นใจว่าข้อมูลทรัพยากรบุคคลมีความถูกต้อง,ครบถ้วน และอัปเดต ทำการตรวจสอบการป้องกันข้อมูลไม่ถูกส่งหลายครั้ง และดูแลให้มีการบันทึกข้อมูลทรัพยากรบุคคลตลอดเวลา
</li>
</ul>
</div>
@ -152,14 +150,14 @@
<div class="col-12 row">
<q-icon class="iconQA" name="mdi-cloud-question"/>
<div class="text-weight-medium" style="color: #016987;">เมื่อพบข้อผิดพลาดที่เกี่ยวข้องกับระบบทำงาน เช่น ระบบค้างหรือข้อมูลไม่อัพเดต ต้องทำยังไง ?</div>
<div class="text-weight-medium" style="color: #016987;">เมื่อพบข้อผิดพลาดที่เกี่ยวข้องกับระบบทำงาน เช่น ระบบค้างหรือข้อมูลไม่อัปเดต ต้องทำยังไง ?</div>
<div class="col-12 row">
<ul>
<li>
ลองรีเซ็ตระบบหรือแอปพลิเคชันที่มีปัญหาเพื่อดูว่าปัญหาจะถูกแก้ไขหรือไม่
ลองรีเซตระบบหรือแอปพลิเคชันที่มีปัญหาเพื่อดูว่าปัญหาจะถูกแก้ไขหรือไม่
</li>
<li>
หากการรีเซ็ตระบบไม่ช่วยแก้ไขปัญหาสามารถติดต่อฝ่ายสนับสนุนเทคนิค ที่ปุ่ม
หากการรีเซตระบบไม่ช่วยแก้ไขปัญหาสามารถติดต่อฝ่ายสนับสนุนเทคนิค ที่ปุ่ม
<span
style="
background-color: #016987;

2
src/modules/02_organizational/views/Main.vue
View file

@ -28,7 +28,7 @@
<div class="text-weight-medium">การเพิ่มประสิทธิภาพในการทำงาน</div>
<ul>
<li>
ช่วยลดความซ้อนของโครงสร้างองค์กร และเพิ่มความชัดเจนในการรับผิดชอบและหน้าที่ของแต่ละตำแหน่ง
ช่วยลดความซับซ้อนของโครงสร้างองค์กร และเพิ่มความชัดเจนในการรับผิดชอบและหน้าที่ของแต่ละตำแหน่ง
</li>
</ul>

6
src/modules/06_recruitmain/views/Main.vue
View file

@ -182,7 +182,7 @@
border-radius: 5px;
background-color: rgba(207, 207, 207, 0.375);
">
ประกอบไปด้วยรายละต่างๆ ชื่อรอบสอบแข่งขัน รอบการสอบ เลือกปีงบประมาณ ค่าธรรมเนียม เลือกวันที่สอบ เลือกวันที่ประกาศ เลือกวันที่สมัคร วันที่ชำระเงิน
ประกอบไปด้วยรายละเอียดต่างๆ ชื่อรอบสอบแข่งขัน รอบการสอบ เลือกปีงบประมาณ ค่าธรรมเนียม เลือกวันที่สอบ เลือกวันที่ประกาศ เลือกวันที่สมัคร วันที่ชำระเงิน
วันที่ประกาศผลสอบ
</div>
@ -218,7 +218,7 @@
border-radius: 5px;
background-color: rgba(207, 207, 207, 0.375);
">
ประกอบไปด้วยรายละต่างๆ ชื่อรอบคัดเลือก/ชื่อประกาศ รอบการสอบ เลือกปีงบประมาณ ค่าธรรมเนียม เลือกวันที่สอบ เลือกวันที่ประกาศ เลือกวันที่สมัคร วันที่ชำระเงิน
ประกอบไปด้วยรายละเอียดต่างๆ ชื่อรอบคัดเลือก/ชื่อประกาศ รอบการสอบ เลือกปีงบประมาณ ค่าธรรมเนียม เลือกวันที่สอบ เลือกวันที่ประกาศ เลือกวันที่สมัคร วันที่ชำระเงิน
วันที่ประกาศผลสอบ ตำแหน่งต่างๆ ฯลฯ
</div>
@ -252,7 +252,7 @@
border-radius: 5px;
background-color: rgba(207, 207, 207, 0.375);
">
ประกอบไปด้วยรายละต่างๆ ชื่อรอบคัดเลือกคนพิการ/ชื่อประกาศ รอบการสอบ เลือกปีงบประมาณ ค่าธรรมเนียม เลือกวันที่สอบ เลือกวันที่ประกาศ เลือกวันที่สมัคร วันที่ชำระเงิน
ประกอบไปด้วยรายละเอียดต่างๆ ชื่อรอบคัดเลือกคนพิการ/ชื่อประกาศ รอบการสอบ เลือกปีงบประมาณ ค่าธรรมเนียม เลือกวันที่สอบ เลือกวันที่ประกาศ เลือกวันที่สมัคร วันที่ชำระเงิน
วันที่ประกาศผลสอบ ตำแหน่งต่างๆ ฯลฯ
</div>

12
src/modules/09_insignia/views/Main.vue
View file

@ -208,7 +208,7 @@
<div class="col-12 row">
<q-icon class="iconQA" name="mdi-cloud-question"/>
<div class="text-weight-medium" style="color: #016987;">หากต้องการส่งผู้ได้รับเครื่องราชย์ ต้องทำอย่างไร ? </div>
<div class="text-weight-medium" style="color: #016987;">หากต้องการส่งผู้ได้รับเครื่องราชฯ ต้องทำอย่างไร ? </div>
<br>
<ul>
<li>
@ -219,7 +219,7 @@
style="margin: 0 5px; color: #02a998"
size="xs"
/>
รายชื่อทั้งหมดที่ถูกรับเครื่องราชย์ทั้งหมดจะได้อยู่ในส่วนของจัดการคำขอ
รายชื่อทั้งหมดที่ถูกรับเครื่องราชฯทั้งหมดจะได้อยู่ในส่วนของจัดการคำขอ
</li>
@ -230,7 +230,7 @@
<div class="col-12 row">
<q-icon class="iconQA" name="mdi-cloud-question"/>
<div class="text-weight-medium" style="color: #016987;">หากต้องการดาวน์โหลดเอกสารประกอบของผู้ได้รับเครื่องราชย์ ต้องทำอย่างไร ? </div>
<div class="text-weight-medium" style="color: #016987;">หากต้องการดาวน์โหลดเอกสารประกอบของผู้ได้รับเครื่องราชฯ ต้องทำอย่างไร ? </div>
<br>
<ul>
<li>
@ -241,7 +241,7 @@
style="margin: 0 5px; color: #318bec"
size="xs"
/>
เพื่อ ดาวน์โหลดเอกสารประกอบของรายชื่อทั้งหมดที่ถูกรับเครื่องราชย์
เพื่อ ดาวน์โหลดเอกสารประกอบของรายชื่อทั้งหมดที่ถูกรับเครื่องราชฯ
</li>
@ -252,7 +252,7 @@
<div class="col-12 row">
<q-icon class="iconQA" name="mdi-cloud-question"/>
<div class="text-weight-medium" style="color: #016987;">หากต้องการลบรายชื่อทั้งหมดของผู้ได้รับเครื่องราชย์ ต้องทำอย่างไร ? </div>
<div class="text-weight-medium" style="color: #016987;">หากต้องการลบรายชื่อทั้งหมดของผู้ได้รับเครื่องราชฯ ต้องทำอย่างไร ? </div>
<br>
<ul>
<li>
@ -263,7 +263,7 @@
style="margin: 0 5px; color: red"
size="xs"
/>
เพื่อ ลบ รายชื่อที่ได้รับเครื่องราชย์ทั้งหมดจะถูกลบ
เพื่อ ลบ รายชื่อที่ได้รับเครื่องราชฯทั้งหมดจะถูกลบ
</li>

290
src/modules/10_leaveuser/views/Main.vue Normal file
View file

@ -0,0 +1,290 @@
<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">
การลา (User)
</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>
</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>
</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>
</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>
สามารถยื่นใบลาออนไลน์ได้ โดยท่านสามารถทำการล็อกอินเข้าสู่ระบบ
และค้นหาส่วนที่เกี่ยวข้องกับการยื่นใบลา กด
<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>
<ul>
<li>
ผู้ใช้งานสามารถดูข้อมูลโควตาวันลาคงเหลือได้จาก ตารางสถิติการลาที่ช่อง "คงเหลือ"
</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>
<ul>
<li>
ผู้ใช้งานควรติดต่อผู้ดูแลระบบหรือฝ่ายบุคคลเพื่อแจ้งปัญหานี้ เพื่อให้มีการตรวจสอบและแก้ไขข้อมูลให้ถูกต้อง
</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>
<ul>
<li>
ผู้ใช้งานควรตรวจสอบว่ามีสิทธิ์ในการเข้าถึงข้อมูลดังกล่าวหรือไม่ และหากมีสิทธิ์อยู่แล้ว ควรตรวจสอบว่าข้อมูลโควตาวันลาคงเหลือถูกแสดงไว้ในส่วนไหนของระบบ
</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>
<ul>
<li>
ผู้ใช้งานควรตรวจสอบว่ากรอกข้อมูลให้ครบถ้วนและถูกต้องทุกช่องที่จำเป็น และตรวจสอบว่าไม่มีข้อผิดพลาดหรือข้อจำกัดใดๆ ที่อาจกีดขวางการยื่นใบลา
</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>
<ul>
<li>
ผู้ใช้งานควรตรวจสอบว่ามีสิทธิ์ในการเข้าถึงข้อมูลดังกล่าวหรือไม่ และหากมีสิทธิ์อยู่แล้ว ควรตรวจสอบว่าข้อมูลโควตาวันลาคงเหลือถูกแสดงไว้ในส่วนไหนของระบบ
</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>

230
src/modules/11_leaveadmin/views/Main.vue Normal file
View file

@ -0,0 +1,230 @@
<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">
การลา (Admin)
</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>
</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>
</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>
</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>
</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>
ผู้ใช้งานอาจต้องการความชัดเจนเกี่ยวกับประเภทของการลาที่สามารถยื่นใบลาได้และขั้นตอนการยื่นใบลาที่ถูกต้อง โดย ให้คลิกเลือกแถบ
เมนู “การลา” โดยระบบการลาจะทำการแยกเมนู คือ รอบการปฏิบัติงาน, แก้ไขรอบการปฏิบัติงาน, รายการลงเวลาปฏิบัติงาน, ลงเวลากรณีพิเศษ, รายการลา, รายงานสถิติการลา
</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>
<ul>
<li>
ผู้ใช้งานอาจสงสัยเกี่ยวกับวิธีการตรวจสอบสถานะการลาของตนเอง โดยสามารถใช้ระบบให้สถานะการลาปัจจุบันและข้อมูลเพิ่มเติมเกี่ยวกับการลาได้
</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>
<ul>
<li>
ผู้ใช้งานอาจสงสัยเกี่ยวกับวิธีการยกเลิกหรือแก้ไขการลาที่ได้ยื่นไว้ก่อนหน้านั้นได้หรือไม่ และถ้าสามารถทำได้ จะต้องทำอย่างไร
</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>
<ul>
<li>
ผู้ใช้งานอาจสนใจว่ามีช่องทางในการติดตามหรือร้องเรียนเกี่ยวกับการดำเนินการของการลาหรือไม่ และวิธีการที่เหมาะสมในการทำเช่นนี้
</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>

235
src/modules/12_estimate/views/Main.vue Normal file
View file

@ -0,0 +1,235 @@
<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>
</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>
</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>
</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>
ผู้ใช้อาจสงสัยถึงแนวทางในการจัดการข้อมูลผู้ใช้หรือผู้ใช้งานระบบประเมินบุคคล เพื่อให้มั่นใจว่าเฉพาะบุคคลที่มีสิทธิ์เท่านั้นที่สามารถเข้าถึงข้อมูลได้
</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>
<ul>
<li>
มีการรายงานเกี่ยวกับสถานะและปัญหาในการดูแลระบบประเมินบุคคล เพื่อทราบถึงสถานะของระบบและปัญหาที่เกิดขึ้น ซึ่งจะช่วยให้ผู้ดูแลระบบสามารถตรวจสอบและแก้ไขปัญหาได้อย่างทันท่วงที
</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>
<ul>
<li>
มีหลายเครื่องมือและทรัพยากรที่สามารถช่วยในการดูแลระบบประเมินบุคคล เช่น ซอฟต์แวร์การรับรองความปลอดภัย ซอฟต์แวร์การสำรองข้อมูล และเครื่องมือสำหรับจัดการข้อมูล
</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>

294
src/modules/13_discipline/views/Main.vue Normal file
View file

@ -0,0 +1,294 @@
<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>
</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>
</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>
</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>
</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>
การดำเนินการทางวินัยมักประกอบด้วยขั้นตอนเบื้องต้นคือการรับเรื่องร้องเรียนหรือรายงานเหตุการณ์ การสอบสวนและพิจารณา เสนอข้อเสนอและดำเนินการตามนโยบายหรือกฎระเบียบที่เกี่ยวข้อง และการประเมินผลและติดตาม
</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>
<ul>
<li>
ผู้ใช้งานสามารถร้องเรียนหรือรายงานเหตุการณ์ได้ทางช่องทางการติดต่อที่ระบุไว้ในนโยบายการร้องเรียนหรือการสนับสนุนทางวินัยขององค์กร ที่จะช่วยให้มีการตอบสนองอย่างรวดเร็วและเป็นธรรมต่อปัญหาที่เกิดขึ้น
</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>
<ul>
<li>
สามารถติดต่อเจ้าหน้าที่ที่รับผิดชอบในการดำเนินการทางวินัยหรือสนับสนุนได้ทางที่ระบุไว้ในเอกสารนโยบายหรือตามข้อมูลติดต่อขององค์กร
หรือสามารถคลิกปุ่ม
<span
style="
background-color: #016987;
border: 1px solid #016987;
color: white;
font-size: 12px;
text-align: center;
display: inline-block;
padding: 2px 5px;
border-radius: 2px;
margin: 0px 5px 0px 5px;
"
>
ติดต่อเรา
</span> เพื่อขอความช่วยเหลือ
</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>
<ul>
<li>
หากผู้ใช้งานไม่พอใจกับผลการดำเนินการทางวินัย คุณสามารถทำขั้นตอนการอุทธรณ์หรือร้องเรียนต่อไปได้ตามขั้นตอนที่ระบุไว้ในนโยบาย
</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>
<ul>
<li>
ผู้ใช้งานจะสามารถส่งเรื่องร้องเรียนไปยังขั้นตอนการสืบสวนข้อเท็จจริงได้ สถานะเรื่องร้องเรียนต้องเป็นสถานะ “ใหม่” เท่านั้น เพราะหากสถานะเรื่องรองเรียนเป็นยุติเรื่องหรือมีมูลส่งไปสืบสวน จะไม่สามารถทำการส่งเรื่องไปยังขั้นตอนการสืบสวนข้อเท็จจริงได้ การส่งเรื่องร้องเรียนไปยังสืบสวนข้อเท็จจริง ให้ทำการใช้เมาส์คลิกปุ่ม
<span
style="
background-color: #016987;
border: 1px solid #016987;
color: white;
font-size: 12px;
text-align: center;
display: inline-block;
padding: 2px 5px;
border-radius: 2px;
margin: 0px 5px 0px 5px;
"
>
มีมูลส่งไปสืบสวน
</span> และคลิกเลือกรายชื่อส่งไปสืบสวนแล้วคลิก
<span
style="
background-color: #016987;
border: 1px solid #016987;
color: white;
font-size: 12px;
text-align: center;
display: inline-block;
padding: 2px 5px;
border-radius: 2px;
margin: 0px 5px 0px 5px;
"
>
ส่งไปสืบสวน
</span>
<div
style="
border: 1px solid #d7d7d7
bg-color;
padding: 5px ;
color: red;
margin-top: 10px;
border-radius: 5px;
background-color: rgba(207, 207, 207, 0.375);
">
สามารถให้ข้อมูลเพิ่มเติมเกี่ยวกับระบบดำเนินการวินัย
<a href="https://bma-ehr-manual.frappet.synology.me/registrationmain" target="_blank">https://bma-ehr-manual.frappet.synology.me/registrationmain</a>
</div>
</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>

36
src/router/index.ts
View file

@ -11,6 +11,14 @@ 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");
const Leaveuser = () => import("@/modules/10_leaveuser/views/Main.vue");
const Leaveadmin = () => import("@/modules/11_leaveadmin/views/Main.vue");
const Estimate = () => import("@/modules/12_estimate/views/Main.vue");
const Discipline = () => import("@/modules/13_discipline/views/Main.vue");
@ -92,6 +100,32 @@ const router = createRouter({
name: "Insignia",
component: Insignia
},
{
path: "/leaveuser",
name: "leaveuser",
component: Leaveuser
},
{
path: "/leaveadmin",
name: "leaveadmin",
component: Leaveadmin
},
{
path: "/estimate",
name: "estimate",
component: Estimate
},
{
path: "/discipline",
name: "discipline",
component: Discipline
},
]
},
]
@ -101,3 +135,5 @@ export default router;

96
src/views/MainLayout.vue
View file

@ -37,16 +37,26 @@ const mainmenu = [
{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:'แ',path: 'retirement'},
{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-scale-balance',path: 'organizational'} */
];
const mainmenu1 = [
{text: 'การลา (User)',img: new URL('../assets/.png', import.meta.url).href, icon:'mdi-calendar',path: 'leaveuser'},
{text: 'ระบบการลา (admin)',img: new URL('../assets/.png', import.meta.url).href, icon:'mdi-scale-balance',path: 'leaveadmin'},
{text: 'ระบบประเมินบุคคล',img: new URL('../assets/.png', import.meta.url).href, icon:'mdi-scale-balance',path: 'estimate'},
{text: 'ระบบดำเนินการทางวินัย',img: new URL('../assets/.png', import.meta.url).href, icon:'mdi-scale-balance',path: 'discipline'}
];
const mainmanual = [
/*{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/01_maintenance.png', import.meta.url).href, icon:'mdi-laptop',path: 'maintenance'}
@ -134,19 +144,46 @@ window.onpopstate = function() {
</q-toolbar>
</q-header>
<div class="bg-top" :style="$q.screen.gt.xs ? 'height: 240px;': 'height: 240px;'" />
<div class="bg-top" :style="$q.screen.gt.xs ? 'height: 65px;': 'height: 65px;'" />
<!-- end header -->
<q-page-container class="bg-grey-2 q-pb-md">
<q-page :style="$q.screen.gt.xs ? 'padding: 1.8% 2%; margin-top: -250px;': 'padding: 5% 4%; margin-top: -250px;'">
<q-page :style="$q.screen.gt.xs ? 'padding: 1.8% 2%; margin-top: -150px;': 'padding: 5% 4%; margin-top: -250px;'">
<div class="col-12 row justify-center">
<div class="col-xs-10 col-md-8 text-h6 text-white">
<div class="q-pb-md">เราจะช่วยคุณได้อย่างไร</div>
<!-- <div class="q-pb-md">เราจะช่วยคุณได้อย่างไร</div>
<q-input outlined bg-color="white" label="ค้นหา" v-model="text" dense>
<template v-slot:prepend>
<q-icon name="search" />
</template>
</q-input>
</q-input> -->
</div>
<div class="col-xs-10 col-md-8 row q-col-gutter-md" style=" margin-top: 100px;" v-if="currentRoute == 'home'">
<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">
<div class="col-12 row q-col-gutter-lg">
<div class="col-xs-12 col-sm-12"
v-for="(menu , index) in mainmanual"
:key="index"
>
<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="redirectToManual" ><!-- router.push({ name: `${}`}) -->
<!--<q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/> -->
<q-avatar rounded size="60px">
<q-img :src="menu.img" />
</q-avatar>
<div class="col-12 q-pt-md text-center">{{ menu.text }} </div>
</q-card>
</div>
</div>
</div>
</div>
<div class="col-xs-10 col-md-8 row q-col-gutter-md" style=" margin-top: 80px;" v-if="currentRoute == 'home'">
@ -173,28 +210,8 @@ 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-12 row justify-center text-h6 text-dark">คู่มือการใช้งาน</div>
<div class="col-12"><q-separator color="grey-4" /></div>
<div class="col-12">
<div class="col-12 row q-col-gutter-lg">
<div class="col-xs-12 col-sm-12"
v-for="(menu , index) in mainmanual"
:key="index"
>
<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="redirectToManual" ><!-- router.push({ name: `${}`}) -->
<!--<q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/> -->
<q-avatar rounded size="60px">
<q-img :src="menu.img" />
</q-avatar>
<div class="col-12 q-pt-md text-center">{{ menu.text }} </div>
</q-card>
</div>
</div>
</div>
</div>
@ -225,6 +242,31 @@ 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-12 row justify-center text-h6 text-grey-5">อยู่ในระหว่างพัฒนาระบบ</div>
<div class="col-12"><q-separator color="grey-4" /></div>
<div class="col-12">
<div class="col-12 row q-col-gutter-lg">
<div class="icon_1 col-xs-12 col-sm-4"
v-for="(menu , index) in mainmenu1"
:key="index"
>
<q-card class="connn q-pa-md row justify-center text-grey-5 cursor-pointer cardmenu" @click="clickMain(menu.path)" ><!-- router.push({ name: `${}`}) -->
<!-- <q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/> -->
<q-avatar rounded size="60px">
<q-img :src="menu.img" />
</q-avatar>
<div class="col-12 q-pt-md text-center">{{ menu.text }} </div>
</q-card>
</div>
</div>
</div>
</div>
<div class="col-8 row" style=" margin-top: 80px;" v-else>
<q-layout>