web-faq/src/modules/05_order/views/Main.vue
2024-01-12 17:31:41 +07:00

360 lines
20 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 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>