<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>
                                คุณสามารถสมัครทางออนไลน์ที่เว็บไซต์หรือตามขั้นตอนที่ระบุในประกาศแข่งขัน
                            </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>
                                กดไอคอน 

                                    <q-icon
                                    name="mdi-plus"
                                    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);
                                ">
                                    ประกอบไปด้วยรายละเอียดต่างๆ  ชื่อรอบสอบแข่งขัน รอบการสอบ เลือกปีงบประมาณ ค่าธรรมเนียม เลือกวันที่สอบ เลือกวันที่ประกาศ เลือกวันที่สมัคร วันที่ชำระเงิน
                                    วันที่ประกาศผลสอบ 
                                    
                                </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>
                                กดไอคอน 

                                    <q-icon
                                    name="mdi-plus"
                                    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);
                                ">
                                    ประกอบไปด้วยรายละเอียดต่างๆ  ชื่อรอบคัดเลือก/ชื่อประกาศ รอบการสอบ เลือกปีงบประมาณ ค่าธรรมเนียม เลือกวันที่สอบ เลือกวันที่ประกาศ เลือกวันที่สมัคร วันที่ชำระเงิน
                                    วันที่ประกาศผลสอบ ตำแหน่งต่างๆ ฯลฯ
                                    
                                </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>
                                กดไอคอน 

                                    <q-icon
                                    name="mdi-plus"
                                    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);
                                ">
                                    ประกอบไปด้วยรายละเอียดต่างๆ  ชื่อรอบคัดเลือกคนพิการ/ชื่อประกาศ รอบการสอบ เลือกปีงบประมาณ ค่าธรรมเนียม เลือกวันที่สอบ เลือกวันที่ประกาศ เลือกวันที่สมัคร วันที่ชำระเงิน
                                    วันที่ประกาศผลสอบ ตำแหน่งต่างๆ ฯลฯ
                                    
                                </div>
                            </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>

