เพิ่ม icon

src/modules/001_Maintenance/views/Main.vue

@@ -30,7 +30,7 @@
                 class="shadow-1 overflow-hidden"
                 style="border-radius: 8px"
                 label="Build and Deploy Document"
-                header-class="bg-blue-grey-6 text-white "
+                header-class="bg-secondary text-white "
                 expand-icon-class="text-white"
                 
                 >
@@ -105,7 +105,7 @@
 
                            </div> 
 
-                           <div class="col-12" style="margin-top: 30px; margin-bottom: 30px; ">
+                           <div class="col-12" style="margin-bottom: 30px; ">
                             <q-separator color="grey-4" /></div>
                             <div style="margin-bottom: 10px;">
                             4. เมื่อเข้าสู่ server ให้ Chage directory ไปที่ folder /home/docker โดยใช้คำสั่ง
@@ -203,7 +203,6 @@
                             <q-separator color="grey-4" /></div>
                             <div style="margin-bottom: 10px;">
                             10. เปลี่ยน Label ในส่วนของชื่อ rule ของ traefik โดยห้ามซ้ำกัน เพราะจะทำให้ Traefik สับสนได้ หลังจากนั้นแก้ URL และ PathPrefix ให้ตรงกับ Path ของตัว API ของเรา
-
                            </div>
 
 
@@ -345,8 +344,7 @@
                             21. หากเป็นการ Build เพื่อ Update Service เดิมสามารถเริ่มต้นได้ที่ ข้อ 19 ได้เลย
                            </div>
 
-                           <div class="col-12" style="margin-top: 30px;">
+
-                            <q-separator color="grey-4" /></div>
                        
 
                     </q-card-section>
@@ -563,7 +561,7 @@
       style="border-radius: 8px"
       icon="mdi-alert"
       label="เมื่อพบข้อผิดพลาดที่เกี่ยวข้องกับระบบ เช่น ระบบค้าง หรือ ข้อมูลไม่อัพเดต ต้องทำยังไง"
-      header-class="bg-blue-grey-6 text-white "
+      header-class="bg-secondary text-white "
       expand-icon-class="text-white"
     >
       <q-card>
@@ -592,7 +590,7 @@
       style="border-radius: 8px"
       icon="mdi-alert"
       label="เมื่อการสูญหายของข้อมูล ต้องทำยังไง ? "
-      header-class="bg-blue-grey-6 text-white "
+      header-class="bg-secondary text-white "
       expand-icon-class="text-white"
     >
       <q-card>
@@ -619,7 +617,7 @@
                 style="border-radius: 8px"
                 icon="mdi-alert"
                 label="การตรวจสอบและแก้ไขปัญหา"
-                header-class="bg-blue-grey-6 text-white "
+                header-class="bg-secondary text-white "
                 expand-icon-class="text-white"
                 
                 >
@@ -661,7 +659,6 @@
                                     display: block;
                                     margin: 0 auto;
                                     margin-top: 20px;
-
                                     width: 50%;
 
                                     "

src/modules/02_organizational/views/Main.vue

@@ -37,6 +37,7 @@
                             <li>
                                 ช่วยในการบันทึกข้อมูลที่เกี่ยวข้องกับบุคลากร เช่น ประวัติการทำงาน ทักษะ และประสบการณ์
                             </li>
+                            
                         </ul>
                     </div>
                 </q-card>
@@ -129,6 +130,17 @@
                         </ul>
 
 
+                        <div class="text-weight-medium">5.) การวางแผนและการออกแบบ</div>
+                        <ul>
+                            <li>
+                                กำหนดวัตถุประสงค์ของระบบ ระบุวัตถุประสงค์ที่ต้องการให้ระบบดูแลและควบคุม
+                            </li>
+                            <li>
+                                ออกแบบโครงสร้าง สร้างโครงสร้างที่เหมาะสมสำหรับระบบ, รวมถึงการกำหนดกฎและเงื่อนไขของอัตรากำลัง
+                            </li>
+                        </ul>
+
+
                     </div>
                     
                 </q-card>
@@ -278,7 +290,7 @@
 
 
 
-             <!--      <div class="col-12 row">
+                 <div class="col-12 row">
                         <q-icon class="iconQA" name="mdi-cloud-question"/>
                         <div class="text-weight-medium" style="color: #016987;">หากต้องการเชื่อมโครงสร้างอย่างไร ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
                         <br>
@@ -303,55 +315,6 @@
                     </div>
 
 
-                    <div class="col-12 row">
-                        <q-icon class="iconQA" name="mdi-cloud-question"/>
-                        <div class="text-weight-medium" style="color: #016987;">
-                        ค่าตัวเลขสีดำ สีแดง ต่างกันอย่างไร ?</div>
-                      
-                          <ul>
-                            <li>
-                          <span 
-                                style="color: #ff0000;
-                                border: 1px solid #ff0000;
-                                border-radius: 50px;
-                                padding: 2px;
-                                margin: 5px;
-                            
-                                ">
-                                  132
-                                </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>
-                        
-                        <ul>
-                            <li>
-                            ตรวจสอบข้อมูลที่กรอก :                          
-                            ตรวจสอบว่าข้อมูลที่คุณกรอกเข้าไปมีความถูกต้องและครบถ้วนหรือไม่ แน่ใจว่าไม่มีข้อมูลที่หลุดหรือป้อนผิดพลาด
-                            </li>
-
-                            <li>
-                            การรีเฟรชหน้าจอหรือลอคเอาท์ :                     
-                            ลองรีเฟรชหน้าจอหรือลอคเอาท์แล้วลองอับเดตข้อมูลอีกครั้ง
-                            </li>    
-
-                            <li>
-                            ติดต่อทีมพัฒนาระบบ :                       
-                            หากทุกขั้นตอนตั้งค่าถูกต้องและปัญหายังคงอยู่ คุณควรติดต่อทีมพัฒนาระบบหรือทีมสนับสนุนเพื่อขอความช่วยเหลือ
-                            </li>
-                        </ul>
-
-                    </div>
-
 
 
                    

src/router/index.ts

@@ -5,6 +5,7 @@ const Metadata = () => import("@/modules/01_metadata/views/Main.vue");
 const Organizational = () => import("@/modules/02_organizational/views/Main.vue");
 
 
+
 const Contact = () => import("@/modules/00_contact/views/Main.vue");
 
 const Maintenance = () => import("@/modules/001_Maintenance/views/Main.vue");

src/views/MainLayout.vue

@@ -12,7 +12,7 @@ const currentRouteName = router.currentRoute.value.name;
 const currentRoute = ref(currentRouteName);
 const text = ref('');
 const tabManu = [
-	{name: 'metadata',label:'ข้อมูลหลัก',path: 'metadata'},
+	{name: 'metadata',label:'ข้อมูลหลัก',path: 'metadata',},
 	{name: 'organizational',label:'โครงสร้างอัตรากำลัง',path: 'organizational'},
 	{name: '3',label:'ทะเบียนประวัติ',path: ''},
 	{name: '4',label:'ทะเบียนประวัติลูกจ้าง',path: ''},
@@ -259,7 +259,7 @@ window.onpopstate = function() {
 			</q-page>
 			<!-- place QPageScroller at end of page -->
 			<q-page-scroller position="bottom-right" :scroll-offset="150" :offset="[18, 50]">
-				<q-btn fab icon="keyboard_arrow_up" color="blue" />
+				<q-btn fab icon="keyboard_arrow_up" color="primary" />
 			</q-page-scroller>
 		</q-page-container>
 	</q-layout>
@@ -345,4 +345,10 @@ window.onpopstate = function() {
 	color: #02A998;
 }
 
+.menu-icon {
+  width: 24px; /* ปรับขนาดตามต้องการ */
+  height: 24px; /* ปรับขนาดตามต้องการ */
+  background-size: cover;
+}
+
 </style>