483 lines
25 KiB
Vue
483 lines
25 KiB
Vue
<script setup lang="ts">
|
||
import { ref } from "vue";
|
||
const rightDrawerOpen = ref(false);
|
||
const text = ref("");
|
||
</script>
|
||
|
||
<template>
|
||
<!-- <div class="row col-12">
|
||
<div class="col-9">
|
||
<div class="toptitle text-dark col-12 row items-center">
|
||
คู่มือการใช้งานระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
|
||
</div> -->
|
||
|
||
<!-- <q-card
|
||
flat
|
||
bordered
|
||
class="col-12 q-pa-md"
|
||
style="
|
||
background-color: #ecebeb;
|
||
border-radius: 8px 8px 0px 0px;
|
||
padding: 10px 16px 10px 16px;
|
||
"
|
||
>
|
||
<div class="custom-topic text-dark">
|
||
<div style="font-size: 16px; font-weight: 700">
|
||
ระบบทะเบียนประวัติ
|
||
</div>
|
||
</div>
|
||
</q-card> -->
|
||
|
||
<q-card
|
||
flat
|
||
bordered
|
||
class="col-12 q-pa-md"
|
||
style="border-radius: 0px 0px 8px 8px"
|
||
>
|
||
<div style="font-weight: bold; font-size: 15px; color: #00aa86">
|
||
4.3 การดูรายละเอียดข้อมูลทะเบียนประวัติ
|
||
</div>
|
||
|
||
<div class="col-12" style="margin-top: 20px; margin-left: 10px">
|
||
<p>
|
||
- เมื่อเข้าสู้หน้าทะเบียนประวัติ
|
||
ให้ใช้เมาส์ทำการคลิกข้อมูลรายชื่อรายชื่อที่ต้องการดูรายละเอียด
|
||
ระบบจะแสดงข้อมูลตามหัวข้อย่อยตามตารางข้อมูลส่วนตัว ดังรูปภาพ
|
||
</p>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<q-img
|
||
src="@/assets/manual/04_regist/3_detail/4-13.png"
|
||
style="
|
||
display: block;
|
||
margin: 0 auto;
|
||
border-radius: 20px;
|
||
margin-top: 20px;
|
||
border: 1px solid #97b2de;
|
||
"
|
||
/>
|
||
<div class="text-center text-grey-6" style="margin-top: 20px">
|
||
รูปภาพที่ 4 – 13 แสดงหน้าต่างทะเบียนประวัติ ข้อมูลส่วนตัว
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
margin-top: 20px;
|
||
padding: 10px;
|
||
background-color: #f3f3f3;
|
||
font-size: 14px;
|
||
color: #000000;
|
||
border-radius: 5px;
|
||
"
|
||
>
|
||
หมายเลข 1 ปุ่มสำหรับคลิกเพื่อทำการแก้ไขรายละเอียดข้อมูลส่วนตัว <br />
|
||
หมายเลข 2 ปุ่มสำหรับคลิกเพื่อกรอกข้อมูลออกจากราชการ <br />
|
||
หมายเลข 3 ปุ่มสำหรับคลิกเพื่อดูประวัติข้อมูลส่วนตัว <br />
|
||
หมายเลข 4 ปุ่มสำหรับคลิกเพื่อดาวน์โหลดไฟล์
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<div class="col-12">
|
||
<p style="margin-top: 50px; margin-left: 10px">
|
||
- ระบบจะแสดงข้อมูลตามหัวข้อย่อยตารางข้อมูลราชการ ดังรูปภาพ
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<q-img
|
||
src="@/assets/manual/04_regist/3_detail/4-14.png"
|
||
style="
|
||
display: block;
|
||
margin: 0 auto;
|
||
border-radius: 20px;
|
||
margin-top: 20px;
|
||
border: 1px solid #97b2de;
|
||
"
|
||
/>
|
||
|
||
<div class="text-center text-grey-6" style="margin-top: 20px">
|
||
รูปภาพที่ 4 – 14 แสดงหน้าต่างทะเบียนประวัติ ข้อมูลราชการ
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
margin-top: 20px;
|
||
padding: 10px;
|
||
background-color: #f3f3f3;
|
||
font-size: 14px;
|
||
color: #000000;
|
||
border-radius: 5px;
|
||
"
|
||
>
|
||
หมายเลข 1 ปุ่มสำหรับคลิกเพื่อทำการแก้ไขรายละเอียดข้อมูลราชการ <br />
|
||
หมายเลข 2 ปุ่มสำหรับคลิกเพื่อดูประวัติข้อมูลราชการ
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<div class="col-12">
|
||
<p style="margin-top: 50px; margin-left: 10px">
|
||
- ระบบจะแสดงข้อมูลตามหัวข้อย่อยตารางข้อมูลที่อยู่ ดังรูปภาพ
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<q-img
|
||
src="@/assets/manual/04_regist/3_detail/4-15.png"
|
||
style="
|
||
display: block;
|
||
margin: 0 auto;
|
||
border-radius: 20px;
|
||
margin-top: 20px;
|
||
border: 1px solid #97b2de;
|
||
"
|
||
/>
|
||
|
||
<div class="text-center text-grey-6" style="margin-top: 20px">
|
||
รูปภาพที่ 4 – 15 แสดงหน้าต่างทะเบียนประวัติ ข้อมูลที่อยู่
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
margin-top: 20px;
|
||
padding: 10px;
|
||
background-color: #f3f3f3;
|
||
font-size: 14px;
|
||
color: #000000;
|
||
border-radius: 5px;
|
||
"
|
||
>
|
||
หมายเลข 1 ปุ่มสำหรับคลิกเพื่อทำการแก้ไขรายละเอียดข้อมูลที่อยู่ <br />
|
||
หมายเลข 2 ปุ่มสำหรับคลิกเพื่อดูประวัติข้อมูลที่อยู่
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<div class="col-12">
|
||
<p style="margin-top: 50px; margin-left: 10px">
|
||
- ระบบจะแสดงข้อมูลตามหัวข้อย่อยตารางข้อมูลครอบครัว ดังรูปภาพ
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<q-img
|
||
src="@/assets/manual/04_regist/3_detail/4-16.png"
|
||
style="
|
||
display: block;
|
||
margin: 0 auto;
|
||
border-radius: 20px;
|
||
margin-top: 20px;
|
||
border: 1px solid #97b2de;
|
||
"
|
||
/>
|
||
<div class="text-center text-grey-6" style="margin-top: 20px">
|
||
รูปภาพที่ 4 – 16 แสดงหน้าต่างทะเบียนประวัติ ข้อมูลครอบครัว
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
margin-top: 20px;
|
||
padding: 10px;
|
||
background-color: #f3f3f3;
|
||
font-size: 14px;
|
||
color: #000000;
|
||
border-radius: 5px;
|
||
"
|
||
>
|
||
หมายเลข 1 ปุ่มสำหรับคลิกเพื่อทำการแก้ไขรายละเอียดข้อมูลครอบครัว <br />
|
||
หมายเลข 2 ปุ่มสำหรับคลิกเพื่อดูประวัติข้อมูลครอบครัว
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<div class="col-12">
|
||
<p
|
||
style="
|
||
margin-top: 50px;
|
||
margin-left: 10px;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
>
|
||
- ระบบจะแสดงข้อมูลตามหัวข้อย่อยตารางข้อมูลใบอนุญาตประกอบอาชีพ,
|
||
ประวัติการศึกษาและการฝึกอบรม/ดูงาน ดังรูปภาพ
|
||
</p>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<q-img
|
||
src="@/assets/manual/04_regist/3_detail/4-17.png"
|
||
style="
|
||
display: block;
|
||
margin: 0 auto;
|
||
border-radius: 20px;
|
||
margin-top: 20px;
|
||
border: 1px solid #97b2de;
|
||
"
|
||
/>
|
||
<div class="text-center text-grey-6" style="margin-top: 20px">
|
||
รูปภาพที่ 4 – 17 แสดงหน้าต่างทะเบียนประวัติข้อมูลใบอนุญาตประกอบอาชีพ
|
||
ประวัติการศึกษา การอบรม
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
margin-top: 20px;
|
||
padding: 10px;
|
||
background-color: #f3f3f3;
|
||
font-size: 14px;
|
||
color: #000000;
|
||
border-radius: 5px;
|
||
"
|
||
>
|
||
หมายเลข 1
|
||
ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลใบอนุญาตประกอบอาชีพ
|
||
<br />
|
||
หมายเลข 2 ช่องสำหรับแสดงข้อมูลใบอนุญาตประกอบอาชีพ <br />
|
||
หมายเลข 3 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาใบประกอบอาชีพ <br />
|
||
หมายเลข 4 ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลใบประกอบอาชีพ <br />
|
||
หมายเลข 5
|
||
ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลประวัติการศึกษา
|
||
<br />
|
||
หมายเลข 6 ช่องสำหรับแสดงข้อมูลประวัติการศึกษา <br />
|
||
หมายเลข 7 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาประวัติการศึกษา <br />
|
||
หมายเลข 8 ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลประวัติการศึกษา <br />
|
||
หมายเลข 9
|
||
ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลการฝึกอบรมดูงาน
|
||
<br />
|
||
หมายเลข 10 ช่องสำหรับแสดงข้อมูลการฝึกอบรมดูงาน <br />
|
||
หมายเลข 11 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาการฝึกอบรมดูงาน <br />
|
||
หมายเลข 12 ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลการฝึกอบรมดูงาน
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<div class="col-12">
|
||
<p style="margin-top: 50px; margin-left: 10px">
|
||
- ระบบจะแสดงข้อมูลตามหัวข้อย่อยตารางข้อมูลเครื่องราชอิสริยาภรณ์,
|
||
ประกาศเกียรติคุณและผลการประเมินการปฏิบัติราชการ ดังรูปภาพ
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<q-img
|
||
src="@/assets/manual/04_regist/3_detail/4-18.png"
|
||
style="
|
||
display: block;
|
||
margin: 0 auto;
|
||
border-radius: 20px;
|
||
margin-top: 20px;
|
||
border: 1px solid #97b2de;
|
||
"
|
||
/>
|
||
<div class="text-center text-grey-6" style="margin-top: 20px">
|
||
รูปภาพที่ 4 – 18 แสดงหน้าต่างทะเบียนประวัติข้อมูลเครื่องราชฯ
|
||
ประกาศเกียรติคุณ ผลการประเมิน
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
margin-top: 20px;
|
||
padding: 10px;
|
||
background-color: #f3f3f3;
|
||
font-size: 14px;
|
||
color: #000000;
|
||
border-radius: 5px;
|
||
"
|
||
>
|
||
หมายเลข 1
|
||
ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลเครื่องราชอิสริยาภรณ์
|
||
<br />
|
||
หมายเลข 2 ช่องสำหรับแสดงข้อมูลเครื่องราชอิสริยาภรณ์ <br />
|
||
หมายเลข 3 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาเครื่องราชอิสริยาภรณ์ <br />
|
||
หมายเลข 4 ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลเครื่องราชอิสริยาภรณ์
|
||
<br />
|
||
หมายเลข 5
|
||
ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลประกาศเกียรติคุณ
|
||
<br />
|
||
หมายเลข 6 ช่องสำหรับแสดงข้อมูลประกาศเกียรติคุณ <br />
|
||
หมายเลข 7 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาประกาศเกียรติคุณ <br />
|
||
หมายเลข 8 ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลประกาศเกียรติคุณ <br />
|
||
หมายเลข 9
|
||
ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลผลการประเมินการปฏิบัติราชการ
|
||
<br />
|
||
หมายเลข 10 ช่องสำหรับแสดงข้อมูลผลการประเมินการปฏิบัติราชการ <br />
|
||
หมายเลข 11 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาผลการประเมินการปฏิบัติราชการ
|
||
<br />
|
||
หมายเลข 12
|
||
ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลผลการประเมินการปฏิบัติราชการ
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<div class="col-12">
|
||
<p style="margin-top: 50px; margin-left: 10px">
|
||
- ระบบจะแสดงข้อมูลตามหัวข้อย่อยตารางข้อมูลตำแหน่งเงินเดือน,
|
||
วินัยและการลา ดังรูปรูปภาพ
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<q-img
|
||
src="@/assets/manual/04_regist/3_detail/4-19.png"
|
||
style="
|
||
display: block;
|
||
margin: 0 auto;
|
||
border-radius: 20px;
|
||
margin-top: 20px;
|
||
border: 1px solid #97b2de;
|
||
"
|
||
/>
|
||
<div class="text-center text-grey-6" style="margin-top: 20px">
|
||
รูปภาพที่ 4 – 19 แสดงหน้าต่างทะเบียนประวัติข้อมูลตำแหน่งเงินเดือน,
|
||
วินัยและการลา
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
margin-top: 20px;
|
||
padding: 10px;
|
||
background-color: #f3f3f3;
|
||
font-size: 14px;
|
||
color: #000000;
|
||
border-radius: 5px;
|
||
"
|
||
>
|
||
หมายเลข 1
|
||
ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลตำแหน่งเงินเดือน
|
||
<br />
|
||
หมายเลข 2 ช่องสำหรับแสดงข้อมูลตำแหน่งเงินเดือน <br />
|
||
หมายเลข 3 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาข้อมูลตำแหน่งเงินเดือน <br />
|
||
หมายเลข 4 ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลตำแหน่งเงินเดือน <br />
|
||
หมายเลข 5 ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลวินัย
|
||
<br />
|
||
หมายเลข 6 ช่องสำหรับแสดงข้อมูลวินัย <br />
|
||
หมายเลข 7 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาข้อมูลเกี่ยวกับวินัย <br />
|
||
หมายเลข 8 ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลวินัย <br />
|
||
หมายเลข 9 ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลการลา
|
||
<br />
|
||
หมายเลข 10 ปุ่มสำหรับแสดงข้อมูลสรุปวันลา <br />
|
||
หมายเลข 11 ช่องสำหรับแสดงข้อมูลการลา <br />
|
||
หมายเลข 12 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาข้อมูลการลา <br />
|
||
หมายเลข 13 ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลการลา
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<div class="col-12">
|
||
<p style="margin-top: 50px; margin-left: 10px">
|
||
- ระบบจะแสดงข้อมูลตามหัวข้อย่อยตารางข้อมูลความสามารถพิเศษ,
|
||
ปฏิบัติราชการพิเศษและวันที่มิได้ปฏิบัติหน้าที่อยู่ในเขตที่ได้มีประกาศใช้อัยการศึก
|
||
ดังรูปภาพ
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<q-img
|
||
src="@/assets/manual/04_regist/3_detail/4-20.png"
|
||
style="
|
||
display: block;
|
||
margin: 0 auto;
|
||
border-radius: 20px;
|
||
margin-top: 20px;
|
||
border: 1px solid #97b2de;
|
||
"
|
||
/>
|
||
<div class="text-center text-grey-6" style="margin-top: 20px">
|
||
รูปภาพที่ 4 – 20 แสดงหน้าต่างทะเบียนประวัติข้อมูลความสามารถพิเศษ,
|
||
ปฏิบัติราชการพิเศษฯ
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
margin-top: 20px;
|
||
padding: 10px;
|
||
background-color: #f3f3f3;
|
||
font-size: 14px;
|
||
color: #000000;
|
||
border-radius: 5px;
|
||
"
|
||
>
|
||
หมายเลข 1
|
||
ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลความสามารถพิเศษ
|
||
<br />
|
||
หมายเลข 2 ช่องสำหรับแสดงข้อมูลความสามารถพิเศษ <br />
|
||
หมายเลข 3 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาความสามารถพิเศษ <br />
|
||
หมายเลข 4 ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลความสามารถพิเศษ <br />
|
||
หมายเลข 5
|
||
ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลปฏิบัติราชการพิเศษ
|
||
<br />
|
||
หมายเลข 6 ช่องสำหรับแสดงข้อมูลปฏิบัติราชการพิเศษ <br />
|
||
หมายเลข 7 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาปฏิบัติราชการพิเศษ <br />
|
||
หมายเลข 8 ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลปฏิบัติราชการพิเศษ
|
||
<br />
|
||
หมายเลข 9
|
||
ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลผลการประเมินการปฏิบัติราชการ
|
||
<br />
|
||
หมายเลข 10
|
||
ช่องสำหรับแสดงข้อมูลวันที่มิได้ปฏิบัติหน้าที่อยู่ในเขตที่ได้มีประกาศใช้อัยการศึก
|
||
<br />
|
||
หมายเลข 11
|
||
ช่องสำหรับกรอกข้อมูลเพื่อค้นหาข้อมูลวันที่มิได้ปฏิบัติหน้าที่อยู่ในเขตที่ได้มีประกาศใช้อัยการศึก
|
||
<br />
|
||
หมายเลข 12
|
||
ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลวันที่มิได้ปฏิบัติหน้าที่อยู่ในเขตที่ได้มีประกาศใช้อัยการศึก
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<div class="col-12">
|
||
<p style="margin-top: 50px; margin-left: 10px">
|
||
- ระบบจะแสดงข้อมูลตามหัวข้อย่อยตารางข้อมูลอื่นๆ และเอกสารหลักฐาน
|
||
ดังรูปภาพ
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<q-img
|
||
src="@/assets/manual/04_regist/3_detail/4-21.png"
|
||
style="
|
||
display: block;
|
||
margin: 0 auto;
|
||
border-radius: 20px;
|
||
margin-top: 20px;
|
||
border: 1px solid #97b2de;
|
||
"
|
||
/>
|
||
<div class="text-center text-grey-6" style="margin-top: 20px">
|
||
รูปภาพที่ 4 – 21 แสดงหน้าต่างทะเบียนประวัติข้อมูลอื่นๆ และเอกสารหลักฐาน
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
margin-top: 20px;
|
||
padding: 10px;
|
||
background-color: #f3f3f3;
|
||
font-size: 14px;
|
||
color: #000000;
|
||
border-radius: 5px;
|
||
"
|
||
>
|
||
หหมายเลข 1 ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขรายละเอียดข้อมูลอื่นๆ
|
||
<br />
|
||
หมายเลข 2 ช่องสำหรับแสดงข้อมูลอื่นๆ <br />
|
||
หมายเลข 3 ช่องสำหรับกรอกข้อมูลเพื่อค้นหาข้อมูลอื่นๆ <br />
|
||
หมายเลข 4 ช่องสำหรับเลือกหัวข้อคอลัมน์แสดงข้อมูลอื่นๆ <br />
|
||
หมายเลข 5
|
||
ปุ่มสำหรับคลิกเพื่อทำการเพิ่มหรือแก้ไขอัปโหลดไฟล์เอกสารเพิ่มเติม
|
||
</div>
|
||
</div>
|
||
</q-card>
|
||
<!-- </div>
|
||
</div> -->
|
||
</template>
|