<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">
            การลา (User)
        </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>
                </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>
                            <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>
                               สามารถยื่นใบลาออนไลน์ได้ โดยท่านสามารถทำการล็อกอินเข้าสู่ระบบ
                               และค้นหาส่วนที่เกี่ยวข้องกับการยื่นใบลา กด
                                <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>
                        
                        <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>




                    <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>

