338 lines
19 KiB
Vue
338 lines
19 KiB
Vue
<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>
|
|
|