From ada9644df7c0b7f5e73005c6b44aa4cafd642d59 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Fri, 12 Jan 2024 13:54:47 +0700
Subject: [PATCH] =?UTF-8?q?-=20=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=E0=B9=80=E0=B8=A1=E0=B8=99=E0=B8=B9=20(=E0=B9=83=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=A1=E0=B9=88)=20-=20=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=84=E0=B8=B3=E0=B8=AA=E0=B8=B1=E0=B9=88=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/interface/request/main/main.ts            |  73 ++++++
 .../01_metadataNew/interface/index/Main.ts    |  10 +
 .../01_metadataNew/interface/request/Main.ts  |  14 ++
 src/modules/01_metadataNew/router.ts          |  26 ++
 src/modules/01_metadataNew/store.ts           |   0
 src/modules/01_metadataNew/views/calendar.vue |   7 +
 src/modules/01_metadataNew/views/insignia.vue |   7 +
 .../interface/index/Main.ts                   |  10 +
 .../interface/request/Main.ts                 |  14 ++
 src/modules/02_organizationalNew/router.ts    |  14 ++
 src/modules/02_organizationalNew/store.ts     |   0
 .../02_organizationalNew/views/main.vue       |   7 +
 .../03_recruitingNew/interface/index/Main.ts  |  10 +
 .../interface/request/Main.ts                 |  14 ++
 src/modules/03_recruitingNew/router.ts        |  14 ++
 src/modules/03_recruitingNew/store.ts         |   0
 src/modules/03_recruitingNew/views/main.vue   |   7 +
 .../10_order/components/step/step01.vue       | 230 ++++++++++++++++--
 src/router/index.ts                           |   6 +
 19 files changed, 448 insertions(+), 15 deletions(-)
 create mode 100644 src/modules/01_metadataNew/interface/index/Main.ts
 create mode 100644 src/modules/01_metadataNew/interface/request/Main.ts
 create mode 100644 src/modules/01_metadataNew/router.ts
 create mode 100644 src/modules/01_metadataNew/store.ts
 create mode 100644 src/modules/01_metadataNew/views/calendar.vue
 create mode 100644 src/modules/01_metadataNew/views/insignia.vue
 create mode 100644 src/modules/02_organizationalNew/interface/index/Main.ts
 create mode 100644 src/modules/02_organizationalNew/interface/request/Main.ts
 create mode 100644 src/modules/02_organizationalNew/router.ts
 create mode 100644 src/modules/02_organizationalNew/store.ts
 create mode 100644 src/modules/02_organizationalNew/views/main.vue
 create mode 100644 src/modules/03_recruitingNew/interface/index/Main.ts
 create mode 100644 src/modules/03_recruitingNew/interface/request/Main.ts
 create mode 100644 src/modules/03_recruitingNew/router.ts
 create mode 100644 src/modules/03_recruitingNew/store.ts
 create mode 100644 src/modules/03_recruitingNew/views/main.vue

diff --git a/src/interface/request/main/main.ts b/src/interface/request/main/main.ts
index 9cf3e32e7..d35aaf0be 100644
--- a/src/interface/request/main/main.ts
+++ b/src/interface/request/main/main.ts
@@ -50,6 +50,79 @@ const menuList = readonly<any[]>([
     path: "dashboard",
     role: "dashboard",
   },
+  {
+    key: 3,
+    icon: "o_person",
+    activeIcon: "person",
+    label: "ข้อมูลหลัก (ใหม่)",
+    path: "metadataNew",
+    role: "metadata",
+    children: [
+      {
+        key: 3.1,
+        label: "ข้อมูลปฏิทินวันหยุด",
+        path: "masterCalendarWork",
+      },
+      {
+        key: 3.2,
+        label: "ข้อมูลเครื่องราชอิสริยาภรณ์",
+        path: "masterInsignia",
+      },
+    ],
+  },
+  {
+    key: 4,
+    icon: "o_groups",
+    activeIcon: "groups",
+    label: "โครงสร้างอัตรากำลัง (ใหม่)",
+    path: "organizationalNew",
+    role: "organization",
+    // children: [
+    //   {
+    //     key: 3.1,
+    //     label: "จัดการตำแหน่ง",
+    //     path: "organizationalMapping",
+    //   },
+    //   {
+    //     key: 3.2,
+    //     label: "แผนภูมิโครงสร้าง",
+    //     path: "organizationalStructChart",
+    //   },
+    //   {
+    //     key: 3.3,
+    //     label: "แผนภูมิองค์กร",
+    //     path: "organizationalOrgChart",
+    //   },
+    //   {
+    //     key: 3.4,
+    //     label: "ผังโครงสร้าง",
+    //     path: "organizationalTree",
+    //   },
+    //   {
+    //     key: 3.5,
+    //     label: "ผังโครงสร้างลูกจ้าง",
+    //     path: "organizationalEmployee",
+    //   },
+    //   {
+    //     key: 3.6,
+    //     label: "จัดการบัญชี 2",
+    //     path: "manageReport2",
+    //   },
+    //   {
+    //     key: 3.7,
+    //     label: "รายงานบัญชี",
+    //     path: "organizationalReport",
+    //   },
+    // ],
+  },
+  {
+    key: 4,
+    icon: "o_contact_page",
+    activeIcon: "contact_page",
+    label: "ทะเบียนประวัติ (ใหม่)",
+    path: "registryNew",
+    role: "registry",
+  },
   {
     key: 2,
     icon: "o_person",
diff --git a/src/modules/01_metadataNew/interface/index/Main.ts b/src/modules/01_metadataNew/interface/index/Main.ts
new file mode 100644
index 000000000..46133c9b9
--- /dev/null
+++ b/src/modules/01_metadataNew/interface/index/Main.ts
@@ -0,0 +1,10 @@
+interface Pagination {
+  rowsPerPage: number;
+}
+
+interface DataOption {
+  id: string;
+  name: string;
+}
+
+export type { Pagination, DataOption };
diff --git a/src/modules/01_metadataNew/interface/request/Main.ts b/src/modules/01_metadataNew/interface/request/Main.ts
new file mode 100644
index 000000000..b5eb23bd3
--- /dev/null
+++ b/src/modules/01_metadataNew/interface/request/Main.ts
@@ -0,0 +1,14 @@
+interface DataSumCalendarObject {
+  id: number;
+  monthFull: String;
+  count: number;
+  color: String;
+}
+
+interface DataListsObject {
+  id: number;
+  count: number;
+  name: string;
+}
+
+export type { DataSumCalendarObject, DataListsObject };
diff --git a/src/modules/01_metadataNew/router.ts b/src/modules/01_metadataNew/router.ts
new file mode 100644
index 000000000..06b030d8d
--- /dev/null
+++ b/src/modules/01_metadataNew/router.ts
@@ -0,0 +1,26 @@
+const calendarWorkPage = () =>
+  import("@/modules/01_metadataNew/views/calendar.vue");
+const masterInsignia = () => import("@/modules/01_metadataNew/views/insignia.vue");
+
+export default [
+  {
+    path: "/master-data/calendar",
+    name: "masterCalendarWork",
+    component: calendarWorkPage,
+    meta: {
+      Auth: true,
+      Key: [7],
+      Role: "metadata",
+    },
+  },
+  {
+    path: "/master-data/insignia",
+    name: "masterInsignia",
+    component: masterInsignia,
+    meta: {
+      Auth: true,
+      Key: [7],
+      Role: "metadata",
+    },
+  },
+];
diff --git a/src/modules/01_metadataNew/store.ts b/src/modules/01_metadataNew/store.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/modules/01_metadataNew/views/calendar.vue b/src/modules/01_metadataNew/views/calendar.vue
new file mode 100644
index 000000000..d6ff149b9
--- /dev/null
+++ b/src/modules/01_metadataNew/views/calendar.vue
@@ -0,0 +1,7 @@
+<template>
+  ข้อมูลปฏิทินวันหยุด
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/modules/01_metadataNew/views/insignia.vue b/src/modules/01_metadataNew/views/insignia.vue
new file mode 100644
index 000000000..5d894837a
--- /dev/null
+++ b/src/modules/01_metadataNew/views/insignia.vue
@@ -0,0 +1,7 @@
+<template>
+  ข้อมูลเครื่องราชอิสริยาภรณ์
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/modules/02_organizationalNew/interface/index/Main.ts b/src/modules/02_organizationalNew/interface/index/Main.ts
new file mode 100644
index 000000000..46133c9b9
--- /dev/null
+++ b/src/modules/02_organizationalNew/interface/index/Main.ts
@@ -0,0 +1,10 @@
+interface Pagination {
+  rowsPerPage: number;
+}
+
+interface DataOption {
+  id: string;
+  name: string;
+}
+
+export type { Pagination, DataOption };
diff --git a/src/modules/02_organizationalNew/interface/request/Main.ts b/src/modules/02_organizationalNew/interface/request/Main.ts
new file mode 100644
index 000000000..b5eb23bd3
--- /dev/null
+++ b/src/modules/02_organizationalNew/interface/request/Main.ts
@@ -0,0 +1,14 @@
+interface DataSumCalendarObject {
+  id: number;
+  monthFull: String;
+  count: number;
+  color: String;
+}
+
+interface DataListsObject {
+  id: number;
+  count: number;
+  name: string;
+}
+
+export type { DataSumCalendarObject, DataListsObject };
diff --git a/src/modules/02_organizationalNew/router.ts b/src/modules/02_organizationalNew/router.ts
new file mode 100644
index 000000000..32b16995e
--- /dev/null
+++ b/src/modules/02_organizationalNew/router.ts
@@ -0,0 +1,14 @@
+const mainPage = () => import("@/modules/02_organizationalNew/views/main.vue");
+
+export default [
+  {
+    path: "/organization-new",
+    name: "organizationalNew",
+    component: mainPage,
+    meta: {
+      Auth: true,
+      Key: [7],
+      Role: "organization",
+    },
+  },
+];
diff --git a/src/modules/02_organizationalNew/store.ts b/src/modules/02_organizationalNew/store.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/modules/02_organizationalNew/views/main.vue b/src/modules/02_organizationalNew/views/main.vue
new file mode 100644
index 000000000..2a55fa61c
--- /dev/null
+++ b/src/modules/02_organizationalNew/views/main.vue
@@ -0,0 +1,7 @@
+<template>
+  โครงสร้างอัตรากำลัง (ใหม่)
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/modules/03_recruitingNew/interface/index/Main.ts b/src/modules/03_recruitingNew/interface/index/Main.ts
new file mode 100644
index 000000000..46133c9b9
--- /dev/null
+++ b/src/modules/03_recruitingNew/interface/index/Main.ts
@@ -0,0 +1,10 @@
+interface Pagination {
+  rowsPerPage: number;
+}
+
+interface DataOption {
+  id: string;
+  name: string;
+}
+
+export type { Pagination, DataOption };
diff --git a/src/modules/03_recruitingNew/interface/request/Main.ts b/src/modules/03_recruitingNew/interface/request/Main.ts
new file mode 100644
index 000000000..b5eb23bd3
--- /dev/null
+++ b/src/modules/03_recruitingNew/interface/request/Main.ts
@@ -0,0 +1,14 @@
+interface DataSumCalendarObject {
+  id: number;
+  monthFull: String;
+  count: number;
+  color: String;
+}
+
+interface DataListsObject {
+  id: number;
+  count: number;
+  name: string;
+}
+
+export type { DataSumCalendarObject, DataListsObject };
diff --git a/src/modules/03_recruitingNew/router.ts b/src/modules/03_recruitingNew/router.ts
new file mode 100644
index 000000000..c36ce682b
--- /dev/null
+++ b/src/modules/03_recruitingNew/router.ts
@@ -0,0 +1,14 @@
+const mainPage = () => import("@/modules/02_organizationalNew/views/main.vue");
+
+export default [
+  {
+    path: "/registry-new",
+    name: "registryNew",
+    component: mainPage,
+    meta: {
+      Auth: true,
+      Key: [7],
+      Role: "registry",
+    },
+  },
+];
diff --git a/src/modules/03_recruitingNew/store.ts b/src/modules/03_recruitingNew/store.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/modules/03_recruitingNew/views/main.vue b/src/modules/03_recruitingNew/views/main.vue
new file mode 100644
index 000000000..db4dfb1ec
--- /dev/null
+++ b/src/modules/03_recruitingNew/views/main.vue
@@ -0,0 +1,7 @@
+<template>
+  ทะเบียนประวัติ (ใหม่)
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/modules/10_order/components/step/step01.vue b/src/modules/10_order/components/step/step01.vue
index dfc96ed0d..0ae1e3e5c 100644
--- a/src/modules/10_order/components/step/step01.vue
+++ b/src/modules/10_order/components/step/step01.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { ref, onMounted, watch } from "vue";
-import type { DataOption1 } from "@/modules/05_placement/interface/index/Main";
 import { useCounterMixin } from "@/stores/mixin";
 import type { QForm } from "quasar";
 import { useQuasar } from "quasar";
@@ -10,7 +9,7 @@ import config from "@/app.config";
 import type { treeTab } from "@/modules/05_placement/interface/index/Main";
 import type { ResponseOrganiz } from "@/modules/05_placement/interface/response/Order";
 import type { QTableProps } from "quasar";
-import type { OrederResult } from "@/modules/10_order/interface/index/Main";
+import type { DataOption1, OrederResult } from "@/modules/10_order/interface/index/Main";
 
 import DialogHeader from "@/modules/04_registry/components/DialogHeader.vue";
 import { useOrderPlacementDataStore } from "@/modules/10_order/store";
@@ -121,6 +120,13 @@ const faultLevel = ref<string>("");
 const caseFault = ref<string>("");
 const result = ref<string>("");
 const refRaw = ref<string>("");
+const complaintId = ref<string>("");
+const complaintOption = ref<DataOption1[]>([
+  {
+    id: "00000000-0000-0000-0000-000000000000",
+    name: "ทุจริตต่อหน้าที่",
+  },
+]);
 
 const typeOrderFilter = ref<any>({
   typeOrderOption: [],
@@ -277,11 +283,12 @@ const fetchdetailOrder = async () => {
       conclusionTranferNo.value = data.conclusionTranferNo;
       conclusionTranferDate.value = data.conclusionTranferDate;
 
-      // 25-32
+      // 19, 20 และ 25-32
       faultLevel.value = data.faultLevel;
       caseFault.value = data.caseFault;
       result.value = data.result;
       refRaw.value = data.refRaw;
+      complaintId.value = data.complaintId;
 
       fecthExamRoundOption(data.orderTypeCode);
     })
@@ -293,6 +300,7 @@ const fetchdetailOrder = async () => {
       hideLoader();
     });
 };
+
 const fecthCommand = async () => {
   await http
     .get(config.API.organizationsOrder())
@@ -303,6 +311,7 @@ const fecthCommand = async () => {
       messageError($q, e);
     });
 };
+
 const selectCMP = (selectOrder: OrederResult) => {
   if (selectOrder != null) {
     fecthExamRoundOption(selectOrder.commandCode);
@@ -361,12 +370,15 @@ const selectCMP = (selectOrder: OrederResult) => {
   // 24
   conclusionTranferNo.value = "";
   conclusionTranferDate.value = new Date();
-  // 25-32
+  // 19, 20 & 25-32
   faultLevel.value = "";
   caseFault.value = "";
   result.value = "";
   refRaw.value = "";
+
+  complaintId.value = "";
 };
+
 // เรียกรอบการสอบ
 const fecthExamRoundOption = async (commandCode: string) => {
   await http
@@ -378,6 +390,7 @@ const fecthExamRoundOption = async (commandCode: string) => {
       messageError($q, e);
     });
 };
+
 // บันทึกข้อมูล
 const submit = async () => {
   let signBy = null;
@@ -481,11 +494,7 @@ const submit = async () => {
       govAidCommandNo: orderNumber.value,
       govAidCommandDate: orderNumberDate.value,
     });
-  } else if (
-    typeOrder.value.commandCode == "C-PM-18" ||
-    typeOrder.value.commandCode == "C-PM-19" ||
-    typeOrder.value.commandCode == "C-PM-20"
-  ) {
+  } else if (typeOrder.value.commandCode == "C-PM-18") {
     Object.assign(formdata, {
       fault: fault.value,
       guiltyBasis: guiltyBasis.value,
@@ -493,6 +502,22 @@ const submit = async () => {
       conclusionFireDate: conclusionFireDate.value,
       conclusionFireResolution: conclusionFireResolution.value,
     });
+  } else if (
+    typeOrder.value.commandCode == "C-PM-19" ||
+    typeOrder.value.commandCode == "C-PM-20"
+  ) {
+    Object.assign(formdata, {
+      complaintId: complaintId.value,
+      fault: "-",
+      guiltyBasis: "-",
+      conclusionFireNo: conclusionFireNo.value,
+      conclusionFireDate: conclusionFireDate.value,
+      conclusionFireResolution: conclusionFireResolution.value,
+      faultLevel: faultLevel.value,
+      caseFault: caseFault.value,
+      result: result.value,
+      refRaw: refRaw.value,
+    });
   } else if (typeOrder.value.commandCode == "C-PM-24") {
     Object.assign(formdata, {
       conclusionTranferNo: conclusionTranferNo.value,
@@ -509,6 +534,7 @@ const submit = async () => {
     typeOrder.value.commandCode == "C-PM-32"
   ) {
     Object.assign(formdata, {
+      complaintId: complaintId.value,
       faultLevel: faultLevel.value,
       caseFault: caseFault.value,
       result: result.value,
@@ -1781,12 +1807,7 @@ const getClass = (val: boolean) => {
       <!-- C-PM-18-20 -->
       <div
         class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="
-          typeOrder != null &&
-          (typeOrder.commandCode === 'C-PM-18' ||
-            typeOrder.commandCode === 'C-PM-19' ||
-            typeOrder.commandCode === 'C-PM-20')
-        "
+        v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-18'"
       >
         <div class="col-xs-12 col-md-6">
           <q-input
@@ -1892,6 +1913,163 @@ const getClass = (val: boolean) => {
         </div>
       </div>
 
+      <!-- C-PM-18-19 -->
+      <div
+        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+        v-if="
+          typeOrder != null &&
+          (typeOrder.commandCode === 'C-PM-19' ||
+            typeOrder.commandCode === 'C-PM-20')
+        "
+      >
+        <div class="row col-12">
+          <div class="col-xs-12 col-md-6">
+            <selector
+              :class="getClass(true)"
+              outlined
+              dense
+              lazy-rules
+              v-model="complaintId"
+              :rules="[(val: string) => !!val || `${'กรุณาเลือกเรื่องร้องเรียน'}`]"
+              emit-value
+              hide-bottom-space
+              :label="`${'เรื่องร้องเรียน'}`"
+              map-options
+              option-label="name"
+              :options="complaintOption"
+              option-value="id"
+              use-input
+              input-debounce="0"
+            />
+          </div>
+        </div>
+
+        <div class="col-xs-12 col-md-4">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="conclusionFireNo"
+            :rules="[
+              (val) =>
+                !!val || `${'กรุณากรอกครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`,
+            ]"
+            :label="`${'ครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`"
+            hide-bottom-space
+          />
+        </div>
+        <div class="col-xs-12 col-md-4">
+          <datepicker
+            menu-class-name="modalfix"
+            v-model="conclusionFireDate"
+            :locale="'th'"
+            autoApply
+            borderless
+            :enableTimePicker="false"
+            week-start="0"
+          >
+            <template #year="{ year }">
+              {{ year + 543 }}
+            </template>
+            <template #year-overlay-value="{ value }">
+              {{ parseInt(value + 543) }}
+            </template>
+            <template #trigger>
+              <q-input
+                outlined
+                dense
+                class="full-width datepicker"
+                :model-value="
+                  conclusionFireDate != null
+                    ? date2Thai(conclusionFireDate)
+                    : null
+                "
+                :label="`${'ลงวันที่ (เรื่องการดำเนินการทางวินัย) '}`"
+                :rules="[
+                  (val) =>
+                    !!val ||
+                    `${'กรุณาเลือกลงวันที่ (เรื่องการดำเนินการทางวินัย)'}`,
+                ]"
+              >
+                <template v-slot:prepend>
+                  <q-icon
+                    name="event"
+                    class="cursor-pointer"
+                    style="color: var(--q-primary)"
+                  >
+                  </q-icon>
+                </template>
+              </q-input>
+            </template>
+          </datepicker>
+        </div>
+        <div class="col-xs-12 col-md-4">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="conclusionFireResolution"
+            :rules="[
+              (val) =>
+                !!val ||
+                `${'กรุณากรอก มติที่ประชุม(เรื่องการดำเนินการทางวินัย)'}`,
+            ]"
+            :label="`${'มติที่ประชุม (เรื่องการดำเนินการทางวินัย)'}`"
+            hide-bottom-space
+          />
+        </div>
+        <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="faultLevel"
+            :rules="[(val) => !!val || `${'กรุณากรอกระดับความผิด'}`]"
+            :label="`${'ระดับความผิด'}`"
+            hide-bottom-space
+          />
+        </div>
+        <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="caseFault"
+            :rules="[(val) => !!val || `${'กรุณากรอกกรณีความผิด'}`]"
+            :label="`${'กรณีความผิด'}`"
+            hide-bottom-space
+          />
+        </div>
+        <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="result"
+            :rules="[(val) => !!val || `${'กรุณากรอกผลดำเนินการพิจารณา'}`]"
+            :label="`${'ผลดำเนินการพิจารณา'}`"
+            hide-bottom-space
+          />
+        </div>
+        <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="refRaw"
+            :rules="[(val) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`]"
+            :label="`${'อ้างอิงมาตราตามกฎหมาย'}`"
+            hide-bottom-space
+          />
+        </div>
+      </div>
+
       <!-- C-PM-24 -->
       <div
         class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
@@ -1968,6 +2146,28 @@ const getClass = (val: boolean) => {
             typeOrder.commandCode === 'C-PM-32')
         "
       >
+        <div class="row col-12">
+          <div class="col-xs-12 col-md-6">
+            <selector
+              :class="getClass(true)"
+              outlined
+              dense
+              lazy-rules
+              v-model="complaintId"
+              :rules="[(val: string) => !!val || `${'กรุณาเลือกเรื่องร้องเรียน'}`]"
+              emit-value
+              hide-bottom-space
+              :label="`${'เรื่องร้องเรียน'}`"
+              map-options
+              option-label="name"
+              :options="complaintOption"
+              option-value="id"
+              use-input
+              input-debounce="0"
+            />
+          </div>
+        </div>
+
         <div class="col-xs-12 col-md-6">
           <q-input
             :class="getClass(true)"
diff --git a/src/router/index.ts b/src/router/index.ts
index 391977edd..79f5de822 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -5,8 +5,11 @@ const Dashboard = () => import("@/views/Dashboard.vue");
 const Error404NotFound = () => import("@/views/Error404NotFound.vue");
 
 import ModuleMetadata from "@/modules/01_metadata/router";
+import ModuleMetadataNew from "@/modules/01_metadataNew/router";
 import ModuleOrganizational from "@/modules/02_organizational/router";
+import ModuleOrganizationalNew from "@/modules/02_organizationalNew/router";
 import ModuleRecruiting from "@/modules/03_recruiting/router";
+import ModuleRecruitingNew from "@/modules/03_recruitingNew/router";
 import ModuleRegistry from "@/modules/04_registry/router";
 import ModulePlacement from "@/modules/05_placement/router";
 import ModuleRetirement from "@/modules/06_retirement/router";
@@ -39,8 +42,11 @@ const router = createRouter({
           },
         },
         ...ModuleMetadata,
+        ...ModuleMetadataNew,
         ...ModuleOrganizational,
+        ...ModuleOrganizationalNew,
         ...ModuleRecruiting,
+        ...ModuleRecruitingNew,
         ...ModuleRegistry,
         ...ModulePlacement,
         ...ModuleRetirement,