From 040a191573e56bb6d9ee85130f0152f54ca8f435 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Sun, 24 Sep 2023 09:14:17 +0700
Subject: [PATCH] fix code build error

---
 .../views/02_qualify/PeriodAdd.vue            |   4 +-
 .../components/ExitInterview/exitMain.vue     | 203 +++++-------------
 src/modules/06_retirement/router.ts           |   4 +-
 .../07_insignia/components/2_Manage/Tab1.vue  |   2 +-
 src/modules/10_order/components/Main.vue      |   6 +-
 .../10_order/components/PopupHistory.vue      |   7 +-
 .../10_order/components/step/step03.vue       |   3 +-
 7 files changed, 65 insertions(+), 164 deletions(-)

diff --git a/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue b/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
index 9e58ff370..715925b76 100644
--- a/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
+++ b/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
@@ -1131,11 +1131,11 @@ const columnsPosition = ref<QTableProps["columns"]>([
   },
 ]);
 
-watch(organizationShortName, (count: any, prevCount: any) => {
+watch(organizationShortName, () => {
   organizationNameOptions.value = [];
 });
 
-watch(organizationName, (count: any, prevCount: any) => {
+watch(organizationName, () => {
   positionPathOptions.value = [];
 });
 
diff --git a/src/modules/06_retirement/components/ExitInterview/exitMain.vue b/src/modules/06_retirement/components/ExitInterview/exitMain.vue
index 609673447..04f55a95b 100644
--- a/src/modules/06_retirement/components/ExitInterview/exitMain.vue
+++ b/src/modules/06_retirement/components/ExitInterview/exitMain.vue
@@ -221,6 +221,7 @@ const saveAppoint = async () => {
     }
   });
 };
+
 const validationDate = (thaiDate: string | null) => {
   if (thaiDate && daterow.value) {
     let a = convertThaiDateToNumeric(thaiDate);
@@ -276,51 +277,21 @@ const openModalCalendar = (rows: any) => {
     <div class="col-12 row q-pa-md">
       <div class="row col-12">
         <div class="row col-12 q-col-gutter-sm">
+          <q-btn color="blue-7" flat dense>แก้ไขคำถาม</q-btn>
           <q-space />
-          <q-input
-            class="col-xs-12 col-sm-3 col-md-2"
-            standout
-            dense
-            v-model="filterKeyword"
-            ref="filterRef"
-            outlined
-            debounce="300"
-            placeholder="ค้นหา"
-          >
+          <q-input class="col-xs-12 col-sm-3 col-md-2" standout dense v-model="filterKeyword" ref="filterRef" outlined
+            debounce="300" placeholder="ค้นหา">
             <template v-slot:append>
               <q-icon v-if="filterKeyword == ''" name="search" />
-              <q-icon
-                v-if="filterKeyword !== ''"
-                name="clear"
-                class="cursor-pointer"
-                @click="resetFilter"
-              />
+              <q-icon v-if="filterKeyword !== ''" name="clear" class="cursor-pointer" @click="resetFilter" />
             </template>
           </q-input>
-          <q-select
-            v-model="visibleColumns"
-            multiple
-            outlined
-            dense
-            options-dense
-            :display-value="$q.lang.table.columns"
-            emit-value
-            map-options
-            :options="columns"
-            option-value="name"
-            options-cover
-            style="min-width: 150px"
-            class="col-xs-12 col-sm-3 col-md-2"
-          />
+          <q-select v-model="visibleColumns" multiple outlined dense options-dense :display-value="$q.lang.table.columns"
+            emit-value map-options :options="columns" option-value="name" options-cover style="min-width: 150px"
+            class="col-xs-12 col-sm-3 col-md-2" />
         </div>
         <div class="col-12 q-pt-sm">
-          <d-table
-            :columns="columns"
-            :rows="rows"
-            :filter="filterKeyword"
-            row-key="id"
-            :visible-columns="visibleColumns"
-          >
+          <d-table :columns="columns" :rows="rows" :filter="filterKeyword" row-key="id" :visible-columns="visibleColumns">
             <template v-slot:header="props">
               <q-tr :props="props">
                 <q-th v-for="col in props.cols" :key="col.name" :props="props">
@@ -331,112 +302,64 @@ const openModalCalendar = (rows: any) => {
             </template>
             <template v-slot:body="props">
               <q-tr :props="props" class="cursor-pointer">
-                <q-td
-                  key="no"
-                  :props="props"
-                  @click="
-                    router.push(`/exit-Interview/questionnair/${props.row.id}`)
-                  "
-                >
+                <q-td key="no" :props="props" @click="
+                  router.push(`/exit-Interview/questionnair/${props.row.id}`)
+                  ">
                   {{ props.rowIndex + 1 }}
                 </q-td>
-                <q-td
-                  key="fullname"
-                  :props="props"
-                  @click="
-                    router.push(`/exit-Interview/questionnair/${props.row.id}`)
-                  "
-                >
+                <q-td key="fullname" :props="props" @click="
+                  router.push(`/exit-Interview/questionnair/${props.row.id}`)
+                  ">
                   {{ props.row.fullname }}
                 </q-td>
-                <q-td
-                  key="realReason"
-                  :props="props"
-                  @click="
-                    router.push(`/exit-Interview/questionnair/${props.row.id}`)
-                  "
-                >
+                <q-td key="realReason" :props="props" @click="
+                  router.push(`/exit-Interview/questionnair/${props.row.id}`)
+                  ">
                   {{ props.row.realReason }}
                 </q-td>
-                <q-td
-                  key="notExitFactor"
-                  :props="props"
-                  @click="
-                    router.push(`/exit-Interview/questionnair/${props.row.id}`)
-                  "
-                >
+                <q-td key="notExitFactor" :props="props" @click="
+                  router.push(`/exit-Interview/questionnair/${props.row.id}`)
+                  ">
                   {{ props.row.notExitFactor }}
                 </q-td>
-                <q-td
-                  key="futureWork"
-                  :props="props"
-                  @click="
-                    router.push(`/exit-Interview/questionnair/${props.row.id}`)
-                  "
-                >
+                <q-td key="futureWork" :props="props" @click="
+                  router.push(`/exit-Interview/questionnair/${props.row.id}`)
+                  ">
                   {{ props.row.futureWork ? "ใช่" : "ไม่" }}
                 </q-td>
-                <q-td
-                  key="futureWorkReason"
-                  :props="props"
-                  @click="
-                    router.push(`/exit-Interview/questionnair/${props.row.id}`)
-                  "
-                >
+                <q-td key="futureWorkReason" :props="props" @click="
+                  router.push(`/exit-Interview/questionnair/${props.row.id}`)
+                  ">
                   {{ props.row.futureWorkReason }}
                 </q-td>
-                <q-td
-                  key="havejob"
-                  :props="props"
-                  @click="
-                    router.push(`/exit-Interview/questionnair/${props.row.id}`)
-                  "
-                >
+                <q-td key="havejob" :props="props" @click="
+                  router.push(`/exit-Interview/questionnair/${props.row.id}`)
+                  ">
                   {{ props.row.havejob ? "ใช่" : "ไม่" }}
                 </q-td>
 
-                <q-td
-                  key="havejobReason"
-                  :props="props"
-                  @click="
-                    router.push(`/exit-Interview/questionnair/${props.row.id}`)
-                  "
-                >
+                <q-td key="havejobReason" :props="props" @click="
+                  router.push(`/exit-Interview/questionnair/${props.row.id}`)
+                  ">
                   <div class="table_ellipsis">
                     {{ props.row.havejobReason }}
                   </div>
                 </q-td>
-                <q-td
-                  key="appointDate"
-                  :props="props"
-                  @click="
-                    router.push(`/exit-Interview/questionnair/${props.row.id}`)
-                  "
-                >
+                <q-td key="appointDate" :props="props" @click="
+                  router.push(`/exit-Interview/questionnair/${props.row.id}`)
+                  ">
                   {{
                     props.row.appointDate == null ? "-" : props.row.appointDate
                   }}
                 </q-td>
-                <q-td
-                  key="datetext"
-                  :props="props"
-                  @click="
-                    router.push(`/exit-Interview/questionnair/${props.row.id}`)
-                  "
-                >
+                <q-td key="datetext" :props="props" @click="
+                  router.push(`/exit-Interview/questionnair/${props.row.id}`)
+                  ">
                   {{ props.row.datetext }}
                 </q-td>
                 <q-td auto-width>
-                  <q-btn
-                    v-if="props.row.appointDate == null"
-                    icon="mdi-calendar"
-                    size="12px"
-                    color="blue-7"
-                    flat
-                    round
-                    dense
-                    @click="openModalCalendar(props.row)"
-                  >
+                  <q-btn v-if="props.row.appointDate == null" icon="mdi-calendar" size="12px" color="blue-7" flat round
+                    dense @click="openModalCalendar(props.row)">
                     <q-tooltip>วันนัดหมายเพื่อทําการสัมภาษณ์การลาออก</q-tooltip>
                   </q-btn>
                 </q-td>
@@ -452,48 +375,26 @@ const openModalCalendar = (rows: any) => {
   <q-dialog v-model="modal" persistent>
     <q-card style="width: 800px">
       <q-form ref="myForm">
-        <DialogHeader
-          title="กําหนดวันนัดหมายเพื่อทําการสัมภาษณ์การลาออก"
-          :close="closeModal"
-        />
+        <DialogHeader title="กําหนดวันนัดหมายเพื่อทําการสัมภาษณ์การลาออก" :close="closeModal" />
         <q-separator />
         <q-card-section class="q-p-sm q-gutter-md bg-grey-1">
           <div class="col-xs-12 col-sm-12 col-md-12">
-            <datepicker
-              menu-class-name="modalfix"
-              v-model="dateBreak"
-              :locale="'th'"
-              autoApply
-              :enableTimePicker="false"
-              week-start="0"
-            >
+            <datepicker menu-class-name="modalfix" v-model="dateBreak" :locale="'th'" autoApply :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
-                  lazy-rules
-                  :model-value="
-                    dateBreak !== null ? date2Thai(dateBreak) : null
-                  "
-                  hide-bottom-space
-                  :label="`${' วันนัดหมายเพื่อทําการสัมภาษณ์การลาออก'}`"
-                  :rules="[
-                    (val) => !!val || `${'กรุณาเลือกลงวันที่'}`,
-                    (val) =>
-                      validationDate(val) ||
-                      `${'วันที่นัดหมายต้องมากกว่าวันที่สร้าง'}`,
-                  ]"
-                >
+                <q-input outlined dense lazy-rules :model-value="dateBreak !== null ? date2Thai(dateBreak) : null
+                    " hide-bottom-space :label="`${' วันนัดหมายเพื่อทําการสัมภาษณ์การลาออก'}`" :rules="[
+      (val) => !!val || `${'กรุณาเลือกลงวันที่'}`,
+      (val) =>
+        validationDate(val) ||
+        `${'วันที่นัดหมายต้องมากกว่าวันที่สร้าง'}`,
+    ]">
                   <template v-slot:prepend>
-                    <q-icon
-                      name="event"
-                      class="cursor-pointer"
-                      style="color: var(--q-primary)"
-                    >
+                    <q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)">
                     </q-icon>
                   </template>
                 </q-input>
diff --git a/src/modules/06_retirement/router.ts b/src/modules/06_retirement/router.ts
index 02bb25c9b..04a960f43 100644
--- a/src/modules/06_retirement/router.ts
+++ b/src/modules/06_retirement/router.ts
@@ -26,10 +26,10 @@ const dischargedDetails = () =>
     "@/modules/06_retirement/components/Discharged/dischargedRegistry.vue"
   );
 const expulsionMain = () =>
-  import("@/modules/06_retirement/components/Expulsion/expulsionMain.vue");
+  import("@/modules/06_retirement/components/Expulsion/ExpulsionMain.vue");
 
 const expulsionDetails = () =>
-  import("@/modules/06_retirement/components/Expulsion/expulsionRegistry.vue");
+  import("@/modules/06_retirement/components/Expulsion/ExpulsionRegistry.vue");
 
 const exitInterviewMain = () =>
   import("@/modules/06_retirement/components/ExitInterview/exitMain.vue");
diff --git a/src/modules/07_insignia/components/2_Manage/Tab1.vue b/src/modules/07_insignia/components/2_Manage/Tab1.vue
index 86d02507a..f2d6ee999 100644
--- a/src/modules/07_insignia/components/2_Manage/Tab1.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab1.vue
@@ -523,7 +523,7 @@ const dataPerson = reactive({
   level: "",
 });
 const reason = ref<string>("");
-const selectPerson = (person) => {
+const selectPerson = (person: any) => {
   dataPerson.id = person.id;
   dataPerson.position = person.position;
   dataPerson.organizationOrganization = person.organizationOrganization;
diff --git a/src/modules/10_order/components/Main.vue b/src/modules/10_order/components/Main.vue
index 4f1a9bf28..fe108aa5c 100644
--- a/src/modules/10_order/components/Main.vue
+++ b/src/modules/10_order/components/Main.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, reactive, ref, useAttrs, computed } from "vue";
+import { onMounted, reactive, ref } from "vue";
 import type { QTableProps } from "quasar";
 import type { FormOrderPlacementMainData } from "@/modules/10_order/interface/request/Main";
 import type {
@@ -244,10 +244,10 @@ const filterKeyword = ref<string>("");
 const filterRef = ref<HTMLInputElement | null>(null);
 const resetFilter = () => {
   filterKeyword.value = "";
-  filterRef.value.focus();
+  // filterRef.value.focus();
 };
 
-const attrs = ref<string | null>(useAttrs());
+const attrs = ref<string | null>();
 // ค้นหาประเภท และ สถานะ
 const searchFilterTable = async () => {
   if (OrderType.value == "ทั้งหมด") {
diff --git a/src/modules/10_order/components/PopupHistory.vue b/src/modules/10_order/components/PopupHistory.vue
index 825883730..ab79178cf 100644
--- a/src/modules/10_order/components/PopupHistory.vue
+++ b/src/modules/10_order/components/PopupHistory.vue
@@ -2,7 +2,7 @@
 import { ref } from "vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
-import type { QForm } from "quasar";
+import type { QForm, QTableProps } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 import { useRouter } from "vue-router";
@@ -10,7 +10,7 @@ import type {
   history,
   ColumnData,
   DataOptionInsigniaType,
-} from "../interface/index/Main.ts";
+} from "@/modules/10_order/interface/index/Main";
 
 const myForm = ref<QForm>();
 const mixin = useCounterMixin();
@@ -30,7 +30,7 @@ const reportType = ref<string>("");
 const reportYear = ref<number | null>();
 const reportNo = ref<string>("");
 
-const columns = ref<ColumnData[]>([
+const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
     label: "ลำดับ",
@@ -227,7 +227,6 @@ const paginationLabel = (start: number, end: number, total: number) => {
                         "
                         :label="`${'ปีงบประมาณ'}`"
                         :rules="[(val:string) => !!val || `${'กรุณาเลือก ปี'}`]"
-                        clearable
                       >
                       </q-input>
                     </template>
diff --git a/src/modules/10_order/components/step/step03.vue b/src/modules/10_order/components/step/step03.vue
index 24cc1807a..4f2951e23 100644
--- a/src/modules/10_order/components/step/step03.vue
+++ b/src/modules/10_order/components/step/step03.vue
@@ -12,9 +12,10 @@ import type {
   ResponseOrganiz,
   ResponseCopyOrder,
   DataCopyOrder,
-} from "@/modules/05_placement/interface/response/Order";
+} from "@/modules/10_order/interface/response/Order";
 import type { RequestCopyOrder } from "@/modules/05_placement/interface/request/Order";
 import { useRoute } from "vue-router";
+import type { DataOption } from "@/modules/10_order/interface/index/Main";
 
 const props = defineProps({
   next: {