<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>
                                กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง  
                                <span 
                                style="color: #02a998;
                                padding: 2px;">
                                    “จัดการตำแหน่ง”
                                </span>
                                แล้วกดไอคอน
                                    <q-icon
                                    name="mdi-pencil-outline"
                                    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);
                                ">
                                    ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
                                        <a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
                                        ตั้งแต่รูปภาพที่ 3-3 ถึง 3-6
                                    
                                </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>
                                กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง  
                                <span 
                                style="color: #02a998;
                                padding: 2px;">
                                    “ผังโครงสร้าง”
                                </span>
                                แล้วกดไอคอน
                                    <q-icon
                                    name="mdi-pencil-outline"
                                    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);
                                ">
                                    ทั้งนี้ผู้ใช้งานสามารถศึกษาวิธีจัดการตำแหน่งเพิ่มเติมได้จาก
                                        <a href="https://bma-ehr-manual.frappet.synology.me/structuremain" target="_blank">https://bma-ehr-manual.frappet.synology.me/structuremain</a>
                                        ตั้งแต่รูปภาพที่ 3-10 ถึง 3-11
                                    
                                </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>
                                สามารถเลือกกดไอคอน 
                                <span 
                                style="color: #02a998;
                                padding: 2px;">
                                    “ผังโครงสร้าง”
                                </span>
                                แล้วกดไอคอน
                                    <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>
                        <br>
                        <ul>
                            <li>
                                สามารถเลือกกดไอคอน 
                                <span 
                                style="color: #02a998;
                                padding: 2px;">
                                    “ผังโครงสร้าง”
                                </span>
                                แล้วกดไอคอน
                                    <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>
                        <br>
                        <ul>
                            <li style="color: red;">
                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
                            </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 style="color: red;">
                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, deleniti. Odit nemo quidem ipsa at nesciunt tenetur, et fugiat ipsam!
                            </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>

