เพิ่มเมนูย่อย retirement

src/interface/request/main/main.ts

@@ -206,6 +206,7 @@ const menuList = readonly<any[]>([
       },
     ],
   },
+
   {
     key: 7,
     icon: "mdi-account-cancel-outline",
@@ -213,6 +214,44 @@ const menuList = readonly<any[]>([
     label: "พ้นจากราชการ",
     path: "retirement",
     role: "retirement",
+    children: [
+      {
+        key: 7.1,
+        label: "ประกาศเกษียณ",
+        path: "retirement",
+        role: "retirement",
+      },
+      {
+        key: 7.2,
+        label: "ลาออก",
+        path: "resign",
+        role: "retirement",
+      },
+      {
+        key: 7.3,
+        label: "คำสั่งลาออก",
+        path: "resign-order",
+        role: "retirement",
+      },
+      {
+        key: 7.4,
+        label: "Exit interviwe",
+        // path: "",
+        role: "retirement",
+      },
+      {
+        key: 7.5,
+        label: "ถึงแก่กรรม",
+        path: "deceased",
+        role: "retirement",
+      },
+      {
+        key: 7.6,
+        label: "คำสั่งให้ออก ปลดออก ไล่ออก",
+        path: "dismiss-order",
+        role: "retirement",
+      },
+    ],
   },
   {
     key: 8,

src/views/MainLayout.vue

@@ -719,6 +719,7 @@ if (keycloak.tokenParsed != null) {
                   menuItem.key == 3 ||
                   menuItem.key == 5 ||
                   menuItem.key == 6 ||
+                  menuItem.key == 7 ||
                   menuItem.key == 8
                 "
               >
@@ -942,11 +943,11 @@ if (keycloak.tokenParsed != null) {
 .expan2 .q-item {
   padding-left: 10%;
 }
-.subLabel{
+.subLabel {
-	white-space: nowrap; 
+  white-space: nowrap;
-	width: 160px; 
+  width: 160px;
-	overflow: hidden;
+  overflow: hidden;
-	text-overflow: ellipsis; 
+  text-overflow: ellipsis;
 }
 .font-400 {
   font-weight: 400;