<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 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 class="text-weight-medium">บำรุงรักษา</div>
                        <ul>
                            <li>
                                การจัดทำและดูแลระบบสวัสดิการและความพึงพอใจของบุคลากร
                            </li>
                        </ul>

                        <div class="text-weight-medium">การพัฒนา</div>
                        <ul>
                            <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 class="text-weight-medium">4.) ย้าย</div>
                        <ul>
                            <li>
                                การย้ายที่อยู่ตำแหน่งภายในองค์กรโดยไม่เปลี่ยนแปลงตำแหน่งหรือระดับ การเตรียมความพร้อมและการสื่อสารกับบุคลากรที่มีผลต่องานและองค์กร
                            </li>
                        </ul>

                        <div class="text-weight-medium">5.) โอน</div>
                        <ul>
                            <li>
                                การเตรียมความพร้อมและการสื่อสารกับบุคลากรที่เพื่อการเลื่อนตำแหน่ง การพัฒนาและดูแลโปรแกรมเพื่อสนับสนุนการเลื่อนตำแหน่ง
                            </li>
                        </ul>

                        <div class="text-weight-medium">6.) บำรุงรักษา</div>
                        <ul>
                            <li>
                                การจัดทำและดูแลระบบสวัสดิการและความพึงพอใจของบุคลากร
                            </li>
                        </ul>

                        <div class="text-weight-medium">7.) การพัฒนา</div>
                        <ul>
                            <li>
                                การให้โอกาสและการสนับสนุนในการพัฒนาทักษะและความรู้ของบุคลากร
                            </li>
                        </ul>

                        <div class="text-weight-medium">8.) การบริหารจัดการทรัพยากรบุคคลในทางกฎหมาย</div>
                        <ul>
                            <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 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-dots-vertical" />
                                สามารถคลิกเลือกสละสิทธิ์ได้เลย
                            </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-account-arrow-right"
                                    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>
                                เลือกการทดลองปฏิบัติหน้าที่ราชการ คลิกไอคอน
                                <q-icon
                                    name="mdi-plus"
                                    style="margin: 0 5px; color: #02a998"
                                    size="xs"
                                    />
                                    เพื่อเพิ่มผู้ทดลองปฏิบัติหน้าที่ราชการ สามรถเลือกรายชื่อที่ต้องการให้ทดลองปฏิบัติหน้าที่ราชการ โดยคลิกปุ่ม
                                    <span
                                            style="
                                            background-color: #ffffff;
                                            border: 1px solid #02a998;
                                            color: #02a998;
                                            font-size: 12px;
                                            text-align: center;
                                            display: inline-block;
                                            padding: 0px 15px;
                                            border-radius: 2px;
                                            margin: 0px 5px 0px 5px;

                                            "
                                        >
                                           เพิ่ม
                                        </span>  
                                    รายชื่อผู้ทดลองจะถูกส่งไปยังหน่วยงานนั้น ๆ
                            </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: #ffffff;
                                            border: 1px solid #02a998;
                                            color: #02a998;
                                            font-size: 12px;
                                            text-align: center;
                                            display: inline-block;
                                            padding: 0px 15px;
                                            border-radius: 3px;
                                            margin: 0px 5px 0px 5px;

                                            "
                                        >
                                           แก้ไข  <q-icon
                                    name="mdi-file-edit-outline" />
                                        </span>  
                                        
                                        เพื่อแก้ไข เมื่อแก้ไขเสร็จแล้ว กดไอคอน

                                        <span
                                            style="
                                            background-color: #ffffff;
                                            border: 1px solid #016987;
                                            color: #016987;
                                            font-size: 12px;
                                            text-align: center;
                                            display: inline-block;
                                            padding: 0px 15px;
                                            border-radius: 3px;
                                            margin: 0px 5px 0px 5px;

                                            "
                                        >
                                           บันทึก  
                                        </span> เพื่อบันทึกข้อมูล
                            </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-delete"
                                    style="margin: 0 5px; color: red"
                                    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>
                                สามารถกดไอคอน  
                                <q-icon
                                    name="mdi-dots-vertical"
                                    style="margin: 0 5px; color: #35473C"
                                    size="xs"
                                    />

                                    คลิกจะเเสดง
                                    <span
                                            style="
                                            background-color: #ffffff;
                                            border: 1px solid #3535351c;
                                            color: #000000;
                                            font-size: 12px;
                                            text-align: center;
                                            display: inline-block;
                                            padding: 2px 10px;
                                            border-radius: 4px;
                                            margin: 0px 5px 0px 5px;

                                            "
                                        >
                                        <q-icon
                                    name="mdi-bookmark-outline"
                                    style="margin: 0px; color: #02a998"
                                    size="xs"
                                    />
                                           เลือกหน่วยงานที่แต่งตั้ง - เลื่อน
                                        </span>  สามารถเลือกหน่วยงานได้ตามที่ต้องการ

                                        หรือหากต้องการลบ สามารถเลือก
                                        <span
                                            style="
                                            background-color: #ffffff;
                                            border: 1px solid #3535351c;
                                            color: #000000;
                                            font-size: 12px;
                                            text-align: center;
                                            display: inline-block;
                                            padding: 2px 10px;
                                            border-radius: 4px;
                                            margin: 0px 5px 0px 5px;

                                            "
                                        >
                                        <q-icon
                                    name="mdi-delete"
                                    style="margin: 0px; color: red"
                                    size="xs"
                                    />
                                           ลบ
                                        </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>

