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 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");
|
||||
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",
|
||||
component: Organizational,
|
||||
},
|
||||
|
||||
{
|
||||
path: "/registration",
|
||||
name: "registration",
|
||||
component: Registration,
|
||||
},
|
||||
|
||||
{
|
||||
path: "/contact",
|
||||
name: "contact",
|
||||
component: Contact,
|
||||
},
|
||||
|
||||
{
|
||||
path: "/maintenance",
|
||||
name: "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 = [
|
||||
{name: 'metadata',label:'ข้อมูลหลัก',path: 'metadata'},
|
||||
{name: 'organizational',label:'โครงสร้างอัตรากำลัง',path: 'organizational'},
|
||||
{name: '3',label:'ทะเบียนประวัติ',path: ''},
|
||||
{name: '4',label:'ทะเบียนประวัติลูกจ้าง',path: ''},
|
||||
{name: '5',label:'ออกคำสั่ง',path: ''},
|
||||
{name: '6',label:'สรรหา',path: ''},
|
||||
{name: '3',label:'ทะเบียนประวัติ',path: 'registration'},
|
||||
{name: '4',label:'ทะเบียนประวัติลูกจ้าง',path: 'registemployee'},
|
||||
{name: '5',label:'ออกคำสั่ง',path: 'order'},
|
||||
{name: '6',label:'สรรหา',path: 'recruitmain'},
|
||||
];
|
||||
const tabManu2 = [
|
||||
{name: '7',label:'บรรจุ แต่งตั้ง ย้าย โอน',path: ''},
|
||||
{name: '8',label:'พ้นราชการ',path: ''},
|
||||
{name: '9',label:'เครื่องราชฯ',path: ''},
|
||||
{name: '7',label:'บรรจุ แต่งตั้ง ย้าย โอน',path: 'placement'},
|
||||
{name: '8',label:'พ้นราชการ',path: 'retirement'},
|
||||
{name: '9',label:'เครื่องราชฯ',path: 'insignia'},
|
||||
{name: '10',label:'การลา',path: ''},
|
||||
{name: '11',label:'วินัย',path: ''},
|
||||
];
|
||||
|
|
@ -30,22 +30,29 @@ const tabManu2 = [
|
|||
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/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/4_registry-employee.png', import.meta.url).href, icon:'mdi-file-account-outline',path: 'organizational'},
|
||||
{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/6_recruitmain.png', import.meta.url).href, icon:'mdi-magnify',path: 'organizational'},
|
||||
{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/8_retirement.png', import.meta.url).href, icon:'mdi-account-cancel-outline',path: 'organizational'},
|
||||
{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/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: 'registemployee'},
|
||||
{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: 'recruitmain'},
|
||||
{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 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 newTab = window.open('https://bma-ehr-manual.frappet.synology.me/', '_blank');
|
||||
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-12 row justify-center text-h6 text-dark">ดูแลรักษาระบบ</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-xs-12 col-sm-12"
|
||||
v-for="(menu , index) in mainmanual"
|
||||
v-for="(menu , index) in mainmaintenance"
|
||||
:key="index"
|
||||
>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue