โครงสร้าง folder ชื่อ 11_discipline

src/interface/request/main/main.ts

@@ -402,6 +402,64 @@ const menuList = readonly<any[]>([
   //     },
   //   ],
   // },
+  {
+    key: 11,
+    icon: "mdi-scale-balance",
+    activeIcon: "mdi-calendar",
+    label: "วินัย",
+    path: "/discipline",
+    role: "coin",
+    children: [
+      {
+        key: 11.1,
+        label: "เรื่องร้องเรียน",
+        path: "/discipline-complaints",
+        role: "coin",
+      },
+      {
+        key: 11.2,
+        label: "สืบสวนข้อเท็จจริง",
+        path: "/discipline-investigatefacts",
+        role: "coin",
+      },
+      {
+        key: 11.3,
+        label: "สอบสวนความผิดวินัย",
+        path: "/discipline-disciplinary",
+        role: "coin",
+      },
+      {
+        key: 11.4,
+        label: "ออกคำสั่ง",
+        path: "",
+        role: "coin",
+      },
+      {
+        key: 11.5,
+        label: "รายงาน",
+        path: "",
+        role: "coin",
+      },
+      {
+        label: "ข้อมูลพื้นฐาน",
+        path: "",
+        key: 11.6,
+        role: "coin",
+        children: [
+          {
+            label: "กรรมการ",
+            path: "",
+            role: "coin",
+          },
+          {
+            label: "ช่องทางการร้องเรียน",
+            path: "",
+            role: "coin",
+          },
+        ],
+      },
+    ],
+  },
 ]);
 
 const tabList = readonly<tabType[]>([

src/modules/11_discipline/components/1_Complaint/MainPage.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h1>เรื่องร้องเรียน</h1>
+  </div>
+</template>
+
+<style scoped></style>

src/modules/11_discipline/components/2_InvestigateFacts/MainPage.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h1>สืบสวนข้อเท็จจริง</h1>
+  </div>
+</template>
+
+<style scoped></style>

src/modules/11_discipline/components/3_InvestigateDisciplinary/MainPage.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h1>สอบสวนความผิดวินัย</h1>
+  </div>
+</template>
+
+<style scoped></style>

src/modules/11_discipline/components/4_Order/MainPage.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h1>เรื่องร้องเรียน</h1>
+  </div>
+</template>
+
+<style scoped></style>

src/modules/11_discipline/components/5_Report/MainPage.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h1>เรื่องร้องเรียน</h1>
+  </div>
+</template>
+
+<style scoped></style>

src/modules/11_discipline/components/ุ6_Information/Channel/MainPage.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h1>เรื่องร้องเรียน</h1>
+  </div>
+</template>
+
+<style scoped></style>

src/modules/11_discipline/components/ุ6_Information/Director/MainPage.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h1>เรื่องร้องเรียน</h1>
+  </div>
+</template>
+
+<style scoped></style>

src/modules/11_discipline/interface/index/Main.ts

@@ -0,0 +1,4 @@
+
+export type {
+
+};

src/modules/11_discipline/router.ts

@@ -0,0 +1,38 @@
+
+const complaintMain = () => import("@/modules/11_discipline/components/1_Complaint/MainPage.vue")
+const factsMain = () => import("@/modules/11_discipline/components/2_InvestigateFacts/MainPage.vue")
+const disciplinaryMain = () => import("@/modules/11_discipline/components/3_InvestigateDisciplinary/MainPage.vue")
+
+
+export default [
+    {
+        path: "/discipline/complaints",
+        name: "/discipline-complaints",
+        component: complaintMain,
+        meta: {
+            Auth: true,
+            Key: [11.1],
+            Role: "coin",
+        },
+    },
+    {
+        path: "/discipline/investigatefacts",
+        name: "/discipline-investigatefacts",
+        component: factsMain,
+        meta: {
+            Auth: true,
+            Key: [11.2],
+            Role: "coin",
+        },
+    },
+    {
+        path: "/discipline/disciplinary",
+        name: "/discipline-disciplinary",
+        component: disciplinaryMain,
+        meta: {
+            Auth: true,
+            Key: [9],
+            Role: "coin",
+        },
+    },
+]

src/router/index.ts

@@ -13,7 +13,8 @@ import ModuleRetirement from "@/modules/06_retirement/router";
 import ModuleInsignia from "@/modules/07_insignia/router";
 import ModuleRegistryEmployee from "@/modules/08_registryEmployee/router";
 import ModuleOrder from "@/modules/10_order/router";
-import ModuleLeave from "@/modules/09_leave/router"
+import ModuleLeave from "@/modules/09_leave/router";
+import ModuleDiscipline from "@/modules/11_discipline/router"
 
 // TODO: ใช้หรือไม่?
 import keycloak from "@/plugins/keycloak";
@@ -45,7 +46,8 @@ const router = createRouter({
         ...ModuleInsignia,
         ...ModuleRegistryEmployee,
         ...ModuleOrder,
-        ...ModuleLeave
+        ...ModuleLeave,
+        ...ModuleDiscipline
       ],
     },
     /**

src/views/MainLayout.vue

@@ -562,7 +562,7 @@ const clickDelete = (id: string) => {
                     @click="doLogout"
                   /><!--  -->
                 </div>
-                </div>
+              </div>
 
               <div class="column col-12">
                 <q-separator />
@@ -646,7 +646,8 @@ const clickDelete = (id: string) => {
                     menuItem.key == 6 ||
                     menuItem.key == 7 ||
                     menuItem.key == 8 ||
-                    menuItem.key == 9
+                    menuItem.key == 9 ||
+                    menuItem.key == 11
                   "
                 >
                   <div class="row items-center no-wrap">
@@ -808,7 +809,8 @@ const clickDelete = (id: string) => {
                   menuItem.key == 6 ||
                   menuItem.key == 7 ||
                   menuItem.key == 8 ||
-                  menuItem.key == 9
+                  menuItem.key == 9 ||
+                  menuItem.key == 11
                 "
               >
                 <template v-slot:header>
@@ -823,13 +825,20 @@ const clickDelete = (id: string) => {
                 </template>
 
                 <!-- เมนูย่อย 2 ชั้น (สรรหา) -->
-                <div v-if="menuItem.key == 5">
+                <div v-if="menuItem.key == 5 || menuItem.key == 11">
                   <div v-for="(subMenu, i) in menuItem.children" :key="i">
                     <q-expansion-item
                       switch-toggle-side
                       dense-toggle
                       :label="subMenu.label"
-                      v-if="subMenu.key !== 5.1"
+                      v-if="
+                        subMenu.key !== 5.1 &&
+                        subMenu.key !== 11.1 &&
+                        subMenu.key !== 11.2 &&
+                        subMenu.key !== 11.3 &&
+                        subMenu.key !== 11.4 &&
+                        subMenu.key !== 11.5
+                      "
                       class="expan2"
                       dense
                     >
@@ -858,7 +867,7 @@ const clickDelete = (id: string) => {
                       :to="{ name: `${subMenu.path}` }"
                     >
                       <q-item-section>
-                        <q-item-label>{{ subMenu.label }}</q-item-label>
+                        <q-item-label>{{ subMenu.label }} </q-item-label>
                       </q-item-section>
                     </q-item>
                   </div>