<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>
                </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>
                            <li>
                                ตรวจสอบและอัปเดตข้อมูลเกี่ยวกับตำแหน่งต่างๆ
                            </li>
                        </ul>

                        <div class="text-weight-medium">2.) การสร้างแผนภูมิโครงสร้าง</div>
                        <ul>
                            <li>
                                สร้างแผนภูมิโครงสร้างที่แสดงความสัมพันธ์ระหว่างตำแหน่งและบุคลากร ทำให้แผนภูมิโครงสร้างเข้าใจง่ายและสะท้อนความโปร่งใสในการบริหาร
                            </li>
                        </ul>

                        <div class="text-weight-medium">3.) การจัดการโครงสร้างลูกจ้าง</div>
                        <ul>
                            <li>
                                จัดหมวดหมู่หรือกลุ่มลูกจ้างตามลักษณะการทำงานหรือสาขาภาควิชา 
                            </li>
                            <li>
                                ตรวจสอบและอัปเดตข้อมูลส่วนตัวของลูกจ้าง
                            </li>
                        </ul>


                        <div class="text-weight-medium">4.) การจัดการบัญชี</div>
                        <ul>
                            <li>
                                บันทึกและดูแลข้อมูลทรัพยากรบุคคล เช่น ข้อมูลส่วนตัว, ประสบการณ์การทำงาน, การศึกษา, จัดการข้อมูลเกี่ยวกับการลา, การเลื่อนตำแหน่ง และการพัฒนา 
                            </li>
                            <li>
                                รักษาความถูกต้องและครบถ้วนของข้อมูลบุคคล และให้สิทธิ์การเข้าถึงข้อมูลตามความจำเป็น
                            </li>
                        </ul>


                        <div class="text-weight-medium">5.) การวางแผนและการออกแบบ</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>
                                กดเลือกแถบเมนูย่อยของโครงสร้างอัตรากำลัง  
                                <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>







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

