<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>
                        
                        <ul>
                            <li>
                                1. กรอกข้อมูลส่วนตัวของพนักงาน เช่น  เลขประจำตัวประชาชน , ชื่อ - นามสกุล , วันเดือนปีเกิด, อายุ , เพศ อื่นๆ 
                            </li>
                            <li>
                                2. บันทึกเข้าสู่ระบบนักงาน
                            </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>
                                ข้อมูลส่วนตัว, ข้อมูลลูกจ้างชั่วคราว, ข้อมูลการจ้าง, ข้อมูลที่อยู่, ข้อมูลครอบครัว, ใบอนุญาตของลูกจ้าง, ประวัติการศึกษา, การฝึกอบรม/ดูงาน, ผลการประเมินการปฏิบัติราชการ, ตำแหน่ง/ค่าจ้าง, วินัย, การลา, ความสามารถพิเศษ, ปฏิบัติราชการพิเศษ และอื่นๆ 
                            </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>
                                ในกรณีที่ลูกจ้างมีปัญหาหรือข้อร้องเรียน ทรัพยากรบุคคลสามารถให้ความช่วยเหลือและแก้ไขปัญหา
                            </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="
                                            background-color: #016987;
                                            border: 1px solid #016987;
                                            color: white;
                                            font-size: 12px;
                                            text-align: center;
                                            display: inline-block;
                                            padding: 2px 5px;
                                            border-radius: 2px;
                                            margin: 0px 5px 0px 5px;

                                            "
                                        >
                                           ติดต่อเรา
                                        </span>  เพื่อขอความช่วยเหลือ
                            </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>

