<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">
            การลา (Admin)
        </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>
                </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>
                </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>

                        </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>
                    
                </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>
                                ผู้ใช้งานอาจต้องการความชัดเจนเกี่ยวกับประเภทของการลาที่สามารถยื่นใบลาได้และขั้นตอนการยื่นใบลาที่ถูกต้อง  โดย ให้คลิกเลือกแถบ
เมนู “การลา” โดยระบบการลาจะทำการแยกเมนู คือ รอบการปฏิบัติงาน, แก้ไขรอบการปฏิบัติงาน, รายการลงเวลาปฏิบัติงาน, ลงเวลากรณีพิเศษ, รายการลา, รายงานสถิติการลา
    
                            </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>
                        
                        <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>
                        
                        <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>
                        
                        <ul>
                            <li>
                                ผู้ใช้งานอาจสนใจว่ามีช่องทางในการติดตามหรือร้องเรียนเกี่ยวกับการดำเนินการของการลาหรือไม่ และวิธีการที่เหมาะสมในการทำเช่นนี้
                            </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>

