<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>
                            <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>
                            <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>
                    
                </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>
                        <br>
                        <ul>
                            <li>
                                คลิกไอคอน
                              
                                    <q-icon
                                    name="mdi-account-check"
                                    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-file-download"
                                    style="margin: 0 5px; color: #318bec"
                                    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-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-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>
                            
                            เลือกยืม-คืนเครื่องราชฯ ปีที่ต้องการเพิ่ม จากนั้นคลิกไอคอน
                              
                                    <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>

