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

no message

Browse source
This commit is contained in:
kanyarat2001 2024-01-03 13:17:54 +07:00
parent 9627f09f3b
commit bbbf012bbd
4 changed files with 369 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

0
src/modules/03_registration/view/Main.vue
View file

358
src/modules/03_registration/views/Main.vue Normal file
View file

@ -0,0 +1,358 @@
<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 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>
<li>
ตรวจสอบและอัปเดตข้อมูลเกี่ยวกับตำแหน่งต่างๆ
</li>
</ul>
<div class="text-weight-medium">2.) การสร้างแผนภูมิโครงสร้าง</div>
<ul>
<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>
<li>
รักษาความถูกต้องและครบถ้วนของข้อมูลบุคคล และให้สิทธิ์การเข้าถึงข้อมูลตามความจำเป็น
</li>
</ul>
<div class="text-weight-medium">5.) การวางแผนและการออกแบบ</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>

9
src/router/index.ts
View file

@ -3,6 +3,8 @@ import { createRouter, createWebHistory } from 'vue-router'
const MainLayout = () => import("@/views/MainLayout.vue");
const Metadata = () => import("@/modules/01_metadata/views/Main.vue");
const Organizational = () => import("@/modules/02_organizational/views/Main.vue");
const Registration = () => import("@/modules/03_registration/views/Main.vue");
@ -28,6 +30,13 @@ const router = createRouter({
name: "organizational",
component: Organizational,
},
{
path: "/registration",
name: "registration",
component: Registration,
},
{
path: "/contact",
name: "contact",

8
src/views/MainLayout.vue
View file

@ -30,7 +30,7 @@ const tabManu2 = [
const mainmenu = [
{text: 'ข้อมูลหลัก', icon:'mdi-account-outline', path: 'metadata'},
{text: 'โครงสร้างอัตรากำลัง', icon:'mdi-account-group-outline',path: 'organizational'},
{text: 'ทะเบียนประวัติ', icon:'mdi-file-account-outline',path: 'organizational'},
{text: 'ทะเบียนประวัติ', icon:'mdi-file-account-outline',path: 'registration'},
{text: 'ทะเบียนประวัติลูกจ้าง', icon:'mdi-file-account-outline',path: 'organizational'},
{text: 'ออกคำสั่ง', icon:'mdi-file-certificate-outline',path: 'organizational'},
{text: 'สรรหา', icon:'mdi-magnify',path: 'organizational'},
@ -345,10 +345,6 @@ window.onpopstate = function() {
color: #02A998;
}
.menu-icon {
width: 24px; /* ปรับขนาดตามต้องการ */
height: 24px; /* ปรับขนาดตามต้องการ */
background-size: cover;
}
</style>