ปรับ วินัย

src/components/Dialogs/AddPersonal.vue

@@ -5,7 +5,6 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 
 import { useCounterMixin } from "@/stores/mixin";
-import type { ResponsePreson } from "@/interface/response/listPerson";
 import { useDisciplineMainStore } from "@/modules/11_discipline/store/Main";
 
 const mainStore = useDisciplineMainStore();
@@ -255,7 +254,6 @@ watch(
               ref="searchRef"
               v-model="search"
               outlined
-              clearable
               dense
               label="คำค้น"
             >

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

@@ -15,20 +15,21 @@ const { showLoader, hideLoader, success, messageError } = mixin;
 
 /** บันทึกข้อมูล */
 async function onSubmit(data: any) {
-  /** post */
+  console.log(data);
-  showLoader();
+
-  http
+  // showLoader();
-    .post(config.API.complaintAdd(), data)
+  // http
-    .then((res) => {
+  //   .post(config.API.complaintAdd(), data)
-      success($q, "บันทึกข้อมูลสำเร็จ");
+  //   .then((res) => {
-      router.push(`/discipline/complaints/${res.data.result}`);
+  //     success($q, "บันทึกข้อมูลสำเร็จ");
-    })
+  //     router.push(`/discipline/complaints/${res.data.result}`);
-    .catch((e) => {
+  //   })
-      messageError($q, e);
+  //   .catch((e) => {
-    })
+  //     messageError($q, e);
-    .finally(async () => {
+  //   })
-      hideLoader();
+  //   .finally(async () => {
-    });
+  //     hideLoader();
+  //   });
 }
 </script>
 

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, reactive, ref, computed } from "vue";
+import { onMounted, reactive, ref } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { useQuasar } from "quasar";
 
@@ -137,6 +137,9 @@ const columns = ref<QTableProps["columns"]>([
     label: "เงินเดือน",
     sortable: true,
     field: "salary",
+    format(val, row) {
+      return val.toLocaleString();
+    },
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
@@ -211,7 +214,6 @@ async function getData() {
  */
 async function onSubmit(data: any) {
   showLoader();
-
   http
     .put(config.API.complaintbyId(id.value), data)
     .then(async () => {
@@ -221,7 +223,7 @@ async function onSubmit(data: any) {
     .catch((e) => {
       messageError($q, e);
     })
-    .finally(async () => {
+    .finally(() => {
       hideLoader();
     });
 }

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

@@ -224,8 +224,6 @@ async function getActive() {
       .finally(() => {
         hideLoader();
       });
-  } else {
-    await getOc(formData.activeId);
   }
 }
 

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

@@ -7,6 +7,8 @@ import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import { useComplainstDataStore } from "@/modules/11_discipline/store/ComplaintsStore";
 
+import type { DataOption } from "@/modules/11_discipline/interface/index/Main";
+
 // impoet Components
 import TableComplaint from "@/modules/11_discipline/components/1_Complaint/TableComplaint.vue";
 
@@ -15,21 +17,19 @@ import http from "@/plugins/http";
 import { checkPermission } from "@/utils/permissions";
 
 const $q = useQuasar();
-const mixin = useCounterMixin();
-
-const { showLoader, messageError, hideLoader } = mixin;
 const router = useRouter();
-
+const mixin = useCounterMixin();
-/** stoer */
 const complainstStore = useComplainstDataStore();
 const { fetchComplainst } = complainstStore;
+const { showLoader, messageError, hideLoader } = mixin;
+
 const filterRef = ref<HTMLInputElement | null>(null);
 const filterTable = ref<string>("");
 const filterKeyword = ref<string>("");
 
 const toptitle = ref<number>(0);
 const statusFilter = ref<string>("NEW");
-const option = ref<any[]>(complainstStore.statusOptions);
+const option = ref<DataOption[]>(complainstStore.statusOptions);
 
 const total = ref<number>(0);
 const totalList = ref<number>(1);
@@ -53,14 +53,14 @@ async function getList() {
       )
     )
     //
-    .then((res) => {
+    .then(async (res) => {
       totalList.value = Math.ceil(
         res.data.result.total / pagination.value.rowsPerPage
       );
       total.value = res.data.result.total;
       toptitle.value = res.data.result.total;
       const data = res.data.result.data;
-      fetchComplainst(data);
+      await fetchComplainst(data);
     })
     .catch((e) => {
       messageError($q, e);
@@ -75,16 +75,6 @@ function redirectToPageadd() {
   router.push(`/discipline/complaints/add`);
 }
 
-/** ล้างค่าใน input */
-function resetFilter() {
-  filterKeyword.value = "";
-  pagination.value.page = 1;
-  if (filterRef.value) {
-    filterRef.value.focus();
-    getList();
-  }
-}
-
 /**
  * function ค้นหาข้อมูลใน option
  * @param val คำค้นหา
@@ -93,7 +83,7 @@ function resetFilter() {
 function filterOptionFn(val: string, update: Function) {
   update(() => {
     option.value = complainstStore.statusOptions.filter(
-      (e: any) => e.name.search(val) !== -1
+      (e: DataOption) => e.name.search(val) !== -1
     );
   });
 }
@@ -106,7 +96,7 @@ function getSearch() {
 watch(
   () => pagination.value.rowsPerPage,
   async () => {
-    await getSearch();
+    getSearch();
   }
 );
 
@@ -122,7 +112,6 @@ onMounted(async () => {
   </div>
   <q-card flat bordered class="col-12 q-mt-sm q-pa-md">
     <div class="row col-12 q-col-gutter-sm q-mb-sm items-center">
-      <div class="col-4">
       <q-select
         v-model="statusFilter"
         label="สถานะ"
@@ -156,7 +145,7 @@ onMounted(async () => {
           />
         </template>
       </q-select>
-      </div>
+
       <div>
         <q-btn
           v-if="checkPermission($route)?.attrIsCreate"
@@ -175,7 +164,6 @@ onMounted(async () => {
 
       <q-input
         for="#search"
-        class="col-xs-12 col-sm-3 col-md-2"
         standout
         dense
         v-model="filterKeyword"
@@ -203,7 +191,6 @@ onMounted(async () => {
         :options="complainstStore.columns"
         option-value="name"
         style="min-width: 140px"
-        class="col-xs-12 col-sm-3 col-md-2"
       />
     </div>
 

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

@@ -10,7 +10,7 @@ import { useInvestigateFactStore } from "@/modules/11_discipline/store/Investiga
 import { useDisciplineMainStore } from "@/modules/11_discipline/store/Main";
 
 import type { ArrayPersonAdd } from "@/modules/11_discipline/interface/response/investigate";
-import type { FormData } from "@/modules/11_discipline/interface/request/InvestigateFact";
+import type { FormData } from "@/modules/11_discipline/interface/request/investigateFact";
 import type {
   FormData as FormDataComplaint,
   ArrayPerson,

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

@@ -11,7 +11,7 @@ import { useInvestigateDisStore } from "@/modules/11_discipline/store/Investigat
 import { useInvestigateFactStore } from "@/modules/11_discipline/store/InvestigateFactStore";
 import { useDisciplineMainStore } from "@/modules/11_discipline/store/Main";
 
-import type { FormData } from "@/modules/11_discipline/interface/request/InvestigateFact";
+import type { FormData } from "@/modules/11_discipline/interface/request/investigateFact";
 import type { OptionData } from "@/modules/07_insignia/interface/index/Main";
 
 import CalandarDialog from "@/modules/11_discipline/components/2_InvestigateFacts/CalandarDialog.vue";
@@ -70,7 +70,6 @@ const pagination = ref({
   rowsPerPage: 10,
 });
 
-const filter = ref<string>("");
 const isUpdate = ref<boolean>(false);
 const filterTable = ref<string>("");
 const filterKeyword = ref<string>("");
@@ -226,9 +225,9 @@ function uploadFileRelevant() {
   showLoader();
   http
     .put(config.API.investigateRelevantUploadFile(formData.id), Data)
-    .then((res) => {
+    .then(async (res) => {
       countNum.value = 2;
-      props.getData();
+      await props.getData();
       success($q, "อัปโหลดไฟล์สำเร็จ");
     })
     .catch((e) => {
@@ -1326,9 +1325,7 @@ onMounted(async () => {
                       style="max-height: 80vh"
                       :rows="rows"
                       :columns="investigateDis.columnsDirector"
-                      :filter="filter"
                       :visible-columns="investigateDis.visibleColumnsDirector"
-                      v-model:inputfilter="filter"
                       v-model:inputvisible="
                         investigateDis.visibleColumnsDirector
                       "

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

@@ -33,15 +33,6 @@ const pagination = ref({
 
 const attrs = ref<any>(useAttrs());
 
-/** ล้างค่า Input  */
-function resetFilter() {
-  filterKeyword.value = "";
-  if (filterRef.value) {
-    filterRef.value.focus();
-    getList();
-  }
-}
-
 /** ดึงข้อมูลบสวน */
 async function getList() {
   showLoader();
@@ -54,7 +45,7 @@ async function getList() {
         statusFilter.value
       )
     )
-    .then((res) => {
+    .then(async (res) => {
       totalList.value = Math.ceil(
         res.data.result.total / pagination.value.rowsPerPage
       );
@@ -62,7 +53,7 @@ async function getList() {
       toptitle.value = res.data.result.total;
 
       const data = res.data.result.data;
-      dataInvestigate.fecthList(data);
+      await dataInvestigate.fecthList(data);
     })
     .catch((e) => {
       messageError($q, e);
@@ -95,7 +86,6 @@ async function detailPage(id: string) {
  * @param update function
  */
 function filterOptionFn(val: string, update: Function) {
-  statusFilter.value = "";
   update(() => {
     option.value = dataInvestigate.statusOptions.filter(
       (e: any) => e.name.search(val) !== -1
@@ -127,13 +117,13 @@ onMounted(async () => {
   getList();
 });
 </script>
+
 <template>
   <div class="toptitle text-dark col-12 row items-center">
     รายการสืบสวนข้อเท็จจริง
   </div>
   <q-card flat bordered class="col-12 q-mt-sm q-pa-md">
     <div class="row col-12 q-col-gutter-sm q-mb-sm">
-      <div class="col-xs-12 col-sm-4 col-md-3">
       <q-select
         v-model="statusFilter"
         label="สถานะ"
@@ -167,12 +157,11 @@ onMounted(async () => {
           />
         </template>
       </q-select>
-      </div>
+
       <q-space />
 
       <q-input
         for="#search"
-        class="col-xs-12 col-sm-3 col-md-2"
         standout
         dense
         v-model="filterKeyword"
@@ -199,7 +188,6 @@ onMounted(async () => {
         :options="dataInvestigate.columns"
         option-value="name"
         style="min-width: 140px"
-        class="col-xs-12 col-sm-3 col-md-2"
       />
     </div>
 

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

@@ -18,7 +18,7 @@ import type {
   ArrayPerson,
   ArrayFileList,
 } from "@/modules/11_discipline/interface/request/complaint";
-import type { FormData as FormInvestigateFact } from "@/modules/11_discipline/interface/request/InvestigateFact";
+import type { FormData as FormInvestigateFact } from "@/modules/11_discipline/interface/request/investigateFact";
 
 import PopupSendToNext from "@/modules/11_discipline/components/PopupSendToNext.vue";
 import FormComplaints from "@/modules/11_discipline/components/1_Complaint/Form.vue"; //เรื่องร้องเรียน

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

@@ -75,7 +75,6 @@ const modal = ref<boolean>(false);
 const rows = ref<Director[]>([]);
 const modalPerson = ref<boolean>(false);
 /**  search data table*/
-const filter = ref<string>("");
 
 const total = ref<number>(0);
 const totalList = ref<number>(1);
@@ -1527,9 +1526,7 @@ onMounted(async () => {
                       style="max-height: 80vh"
                       :rows="rows"
                       :columns="investigateDis.columnsDirector"
-                      :filter="filter"
                       :visible-columns="investigateDis.visibleColumnsDirector"
-                      v-model:inputfilter="filter"
                       v-model:inputvisible="
                         investigateDis.visibleColumnsDirector
                       "

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

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from "vue";
 import { useQuasar } from "quasar";
-import { useRouter } from "vue-router";
 
-import http from "@/plugins/http";
+import { useRouter } from "vue-router";
-import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useInvestigateDisStore } from "@/modules/11_discipline/store/InvestigateDisStore";
+import http from "@/plugins/http";
+import config from "@/app.config";
 
 import Table from "@/modules/11_discipline/components/3_InvestigateDisciplinary/Table.vue";
 
@@ -19,10 +19,11 @@ const pagination = ref({
   rowsPerPage: 10,
 });
 
+const $q = useQuasar(); //ใช้ noti quasar
 const router = useRouter();
 const mixin = useCounterMixin();
 const dataInvestigateDis = useInvestigateDisStore();
-const { showLoader, hideLoader } = mixin;
+const { showLoader, hideLoader, messageError } = mixin;
 const { fetchList } = dataInvestigateDis;
 
 const filter = ref<string>(""); //search data table
@@ -33,17 +34,21 @@ async function fetchListDisciplinary() {
   await http
     .get(
       config.API.disciplineDisciplinary() +
-        `?page=${pagination.value.page}&pageSize=${pagination.value.rowsPerPage}&keyword=${filter.value.trim()}&status=${status.value}`
+        `?page=${pagination.value.page}&pageSize=${
+          pagination.value.rowsPerPage
+        }&keyword=${filter.value.trim()}&status=${status.value}`
     )
-    .then((res) => {
+    .then(async (res) => {
       const data = res.data.result.data;
       totalList.value = Math.ceil(
         res.data.result.total / pagination.value.rowsPerPage
       );
       total.value = res.data.result.total;
-      fetchList(data);
+      await fetchList(data);
+    })
+    .catch((e) => {
+      messageError($q, e);
     })
-    .catch((err) => {})
     .finally(() => {
       hideLoader();
     });
@@ -66,7 +71,7 @@ function openDetail(id: string) {
 
 function filterStatus(statusReturn: string) {
   status.value = statusReturn;
-  getSearch()
+  getSearch();
 }
 
 function getSearch() {

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

@@ -84,11 +84,6 @@ const emit = defineEmits([
   "update:pagination",
 ]);
 
-function paginationLabel(start: string, end: string, total: string) {
-  if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
-  else return start + "-" + end + " ใน " + total;
-}
-
 function updateInput(value: string | number | null) {
   emit("update:inputfilter", value);
 }
@@ -138,7 +133,6 @@ function updatePagination(newPagination: any) {
 
 <template>
   <div class="q-pb-sm row q-col-gutter-sm">
-    <div class="col-xs-12 col-sm-4 col-md-4">
     <q-select
       v-model="statusFilter"
       label="สถานะ"
@@ -172,7 +166,7 @@ function updatePagination(newPagination: any) {
         />
       </template>
     </q-select>
-    </div>
+
     <q-space />
     <!-- ค้นหาข้อความใน table -->
     <q-input
@@ -184,7 +178,6 @@ function updatePagination(newPagination: any) {
       outlined
       placeholder="ค้นหา"
       style="max-width: 200px"
-      class="col-xs-12 col-sm-3 col-md-2"
       @keydown.enter.prevent="filterFn"
     >
       <template v-slot:append>
@@ -204,7 +197,6 @@ function updatePagination(newPagination: any) {
       option-value="name"
       map-options
       emit-value
-      class="col-xs-12 col-sm-3 col-md-2 gt-xs"
       style="min-width: 140px"
     >
     </q-select>

src/modules/11_discipline/components/4_Result/DialogSendToCommand.vue

@@ -26,7 +26,7 @@ const {
   messageError,
   dialogConfirm,
   hideLoader,
-  dialogMessageNotify,
+  onSearchDataTable,
 } = mixin;
 
 const commandType = ref<string>(""); //ตัวแปรเก็บคำสั่งที่เลือก
@@ -34,10 +34,10 @@ const commandOp = ref<ListCommand[]>([]);
 const listCommand = ref<ListCommand[]>([]); // เก็บคำสั่งทั้งหมด
 
 const modalCommand = ref<boolean>(false);
-const optionsType = ref<[]>([]);
 const idPath = ref<string>(route.params.id as string);
 const type = ref<string>("");
 const rows = ref<DataPerson[]>([]);
+const rowsMain = ref<DataPerson[]>([]);
 const selected = ref<ResponseData[]>([]);
 const dataMapToSend = computed(() => {
   return selected.value.map((i: any) => ({
@@ -72,12 +72,6 @@ const props = defineProps({
   title: String,
 });
 
-const checkSelected = computed(() => {
-  if (selected.value.length === 0) {
-    return true;
-  }
-});
-
 //popup ยืนยันส่งัว
 function saveOrder() {
   dialogConfirm(
@@ -136,13 +130,20 @@ function Reset() {
  */
 function filterSelector(val: string, update: Function) {
   update(() => {
-    commandType.value = val ? "" : commandType.value;
     commandOp.value = listCommand.value.filter(
       (v: any) => v.name.indexOf(val) > -1
     );
   });
 }
 
+function serchDataTable() {
+  rows.value = onSearchDataTable(
+    props?.filterKeyword2 ? props?.filterKeyword2 : "",
+    rowsMain.value,
+    props.columns ? props.columns : []
+  );
+}
+
 /**
  * เมื่อ props.modal เป็น true
  * กำหนดให้  selected เป็นค่าว่างและกำหนด filter ประเภทตำแหน่งตามประเภทการสอบ
@@ -157,6 +158,8 @@ watch(
         ? props.data.persons.filter((item: any) => item.status == "NEW")
         : [];
 
+      rowsMain.value = rows.value;
+
       const data = await storeCommand.getCommandTypes();
       listCommand.value = data.filter(
         (v: any) =>
@@ -178,10 +181,8 @@ watch(
     <q-card style="width: 1200px; max-width: 80vw">
       <DialogHeader :tittle="props.title" :close="closeModal" />
       <q-separator />
-      <q-card-section class="q-pt-none">
+      <q-card-section>
-        <div class="row justify-between">
+        <div class="q-pb-sm row q-col-gutter-sm">
-          <div class="col-5">
-            <q-toolbar style="padding: 0">
           <q-select
             v-model="commandType"
             dense
@@ -203,26 +204,19 @@ watch(
           >
             <template v-slot:no-option>
               <q-item>
-                    <q-item-section class="text-grey">
+                <q-item-section class="text-grey"> ไม่มีข้อมูล </q-item-section>
-                      ไม่มีข้อมูล
-                    </q-item-section>
               </q-item>
             </template></q-select
           >
-            </q-toolbar>
+          <q-space />
-          </div>
-
-          <div class="col-5">
-            <q-toolbar style="padding: 0">
           <q-input
             borderless
             outlined
             dense
-                debounce="300"
             :model-value="filterKeyword2"
             @update:model-value="updateInput"
             placeholder="ค้นหา"
-                style="width: 850px; max-width: auto"
+            @keydown.enter.pervent="serchDataTable"
           >
             <template v-slot:append>
               <q-icon name="search" />
@@ -240,16 +234,12 @@ watch(
             :options="props.columns"
             option-value="name"
             style="min-width: 140px"
-                class="gt-xs q-ml-sm"
           />
-            </q-toolbar>
-          </div>
         </div>
 
         <d-table
           :columns="props.columns"
           :rows="rows"
-          :filter="filterKeyword2?.trim()"
           row-key="id"
           :visible-columns="props.visibleColumns"
           selection="multiple"
@@ -288,8 +278,9 @@ watch(
                 <div v-else-if="col.name === 'salary'">
                   {{ props.row.salary.toLocaleString() }}
                 </div>
+
                 <div v-else>
-                  {{ col.value }}
+                  {{ col.value ?? "-" }}
                 </div>
               </q-td>
             </q-tr>

src/modules/11_discipline/components/4_Result/EditPage.vue

@@ -9,13 +9,13 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useDisciplineResultStore } from "@/modules/11_discipline/store/ResultStore";
 import { useDisciplineMainStore } from "@/modules/11_discipline/store/Main";
 
-import type { DataListRow } from "@/modules/11_discipline/interface/request/Result";
+import type { DataListRow } from "@/modules/11_discipline/interface/request/result";
 import type {
   FormData as FormDataComplaint,
   ArrayPerson,
   ArrayFileList,
 } from "@/modules/11_discipline/interface/request/complaint";
-import type { FormData as FormInvestigateFact } from "@/modules/11_discipline/interface/request/InvestigateFact";
+import type { FormData as FormInvestigateFact } from "@/modules/11_discipline/interface/request/investigateFact";
 
 import DialogSendToCommand from "@/modules/11_discipline/components/4_Result/DialogSendToCommand.vue";
 import FormComplaints from "@/modules/11_discipline/components/1_Complaint/Form.vue"; //เรื่องร้องเรียน

src/modules/11_discipline/components/4_Result/Form.vue

@@ -13,7 +13,7 @@ import type {
   FormData,
   FormRef,
   DataOption,
-} from "@/modules/11_discipline/interface/request/Result";
+} from "@/modules/11_discipline/interface/request/result";
 
 import DialogHistory from "@/modules/11_discipline/components/4_Result/DialogHistory.vue";
 import PopupPersonal from "@/components/Dialogs/PopupPersonalNew.vue";
@@ -175,8 +175,8 @@ function uploadFile() {
   showLoader();
   http
     .put(config.API.upLoadFileResult(id.value), Data)
-    .then((res) => {
+    .then(async (res) => {
-      props.fetchData();
+      await props.fetchData();
       countNum.value = 2;
       success($q, "อัปโหลดไฟล์สำเร็จ");
     })
@@ -202,14 +202,15 @@ function confirmDelete(docid: string) {
   showLoader();
   http
     .delete(config.API.deleteFileResult(id.value, docid))
-    .then((res) => {
+    .then(async (res) => {
+      await props.fetchData();
       success($q, `ลบไฟล์สำเร็จ`);
     })
     .catch((e) => {
       messageError($q, e);
     })
     .finally(() => {
-      props.fetchData();
+      hideLoader();
     });
 }
 

src/modules/11_discipline/components/4_Result/Table.vue

@@ -113,7 +113,7 @@ function updatePagination(newPagination: any) {
 <template>
   <div class="q-pb-sm row q-col-gutter-sm">
     <div class="q-gutter-sm" v-if="nornmalData == true"></div>
-    <div class="col-xs-12 col-sm-4 col-md-4">
+
     <q-select
       v-model="statusFilter"
       label="สถานะ"
@@ -139,15 +139,13 @@ function updatePagination(newPagination: any) {
         <q-icon
           name="cancel"
           @click.stop.prevent="
-              (option = store.statusOptions),
+            (option = store.statusOptions), (statusFilter = 'ALL'), dataUpdate()
-                (statusFilter = 'ALL'),
-                dataUpdate()
           "
           class="cursor-pointer"
         />
       </template>
     </q-select>
-    </div>
+
     <q-space />
     <q-input
       standout
@@ -159,7 +157,6 @@ function updatePagination(newPagination: any) {
       outlined
       placeholder="ค้นหา"
       style="max-width: 200px"
-      class="col-xs-12 col-sm-3 col-md-2"
     >
       <template v-slot:append>
         <q-icon name="search" />
@@ -177,7 +174,6 @@ function updatePagination(newPagination: any) {
       option-value="name"
       map-options
       emit-value
-      class="col-xs-12 col-sm-3 col-md-2 gt-xs"
       style="min-width: 140px"
     >
     </q-select>

src/modules/11_discipline/components/7_ListSuspend/DialogSendToCommand.vue

@@ -2,8 +2,6 @@
 import { ref, computed, watch } from "vue";
 import { useQuasar } from "quasar";
 
-import http from "@/plugins/http";
-import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useCommandMainStore } from "@/modules/18_command/store/Main";
 
@@ -18,12 +16,13 @@ import DialogCreateCommand from "@/modules/18_command/components/DialogCreateCom
 const $q = useQuasar();
 const storeCommand = useCommandMainStore();
 const mixin = useCounterMixin();
-const { dialogConfirm } = mixin;
+const { dialogConfirm, onSearchDataTable } = mixin;
 
 const modal = defineModel<boolean>("modal", { required: true });
 const modalCommand = ref<boolean>(false); // ตัวแปร popup สร้างคำสั่ง
 
 const rows = ref<dataType[]>([]);
+const rowsMain = ref<dataType[]>([]);
 const selected = ref<dataType[]>([]);
 const dataMapToSend = computed(() => {
   return selected.value.map((i: any) => ({
@@ -128,7 +127,6 @@ function closeModal() {
  */
 function filterSelector(val: string, update: Function) {
   update(() => {
-    commandType.value = val ? "" : commandType.value;
     commandOp.value = listCommand.value.filter(
       (v: any) => v.name.indexOf(val) > -1
     );
@@ -148,6 +146,14 @@ function saveOrder() {
   );
 }
 
+function serchDataTable() {
+  rows.value = onSearchDataTable(
+    filterKeyword.value,
+    rowsMain.value,
+    columns.value ? columns.value : []
+  );
+}
+
 /**
  * เมื่อ props.modal เป็น true
  * กำหนดให้  selected เป็นค่าว่างและกำหนด filter ประเภทตำแหน่งตามประเภทการสอบ
@@ -157,6 +163,7 @@ watch(
   async () => {
     if (modal.value === true) {
       rows.value = props.rows ? props.rows : [];
+      rowsMain.value = props.rows ? props.rows : [];
       selected.value = [];
       const data = await storeCommand.getCommandTypes();
       listCommand.value = data.filter(
@@ -189,7 +196,7 @@ watch(
             use-input
             style="width: 350px; max-width: auto"
             @update:model-value="selected = []"
-            @filter="(inputValue:any,
+            @filter="(inputValue:string,
                     doneFn:Function) => filterSelector(inputValue, doneFn
                     ) "
           >
@@ -205,10 +212,10 @@ watch(
             borderless
             outlined
             dense
-            debounce="300"
             v-model="filterKeyword"
             placeholder="ค้นหา"
             style="width: 200px; max-width: auto"
+            @keydown.enter.pervent="serchDataTable"
           >
             <template v-slot:append>
               <q-icon name="search" />
@@ -234,7 +241,6 @@ watch(
         <d-table
           :columns="columns"
           :rows="rows"
-          :filter="filterKeyword.trim()"
           row-key="id"
           :visible-columns="visibleColumns"
           selection="multiple"

src/modules/11_discipline/components/7_ListSuspend/ListsPage.vue

@@ -175,13 +175,13 @@ async function getList() {
       );
       total.value = res.data.result.total;
       await dataStore.getData(data);
-      hideLoader();
     })
     .catch((e) => {
       messageError($q, e);
-      hideLoader();
     })
-    .finally(() => {});
+    .finally(() => {
+      hideLoader();
+    });
 }
 
 function filterFn() {
@@ -221,7 +221,8 @@ onMounted(async () => {
     <q-separator />
     <div class="row q-pa-md">
       <div class="col-12">
-        <div class="row col-12">
+        <div class="row col-12 q-col-gutter-sm">
+          <div>
             <q-btn
               v-if="checkPermission($route)?.attrIsUpdate"
               @click="openModalOrder"
@@ -233,11 +234,11 @@ onMounted(async () => {
             >
               <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
             </q-btn>
+          </div>
           <q-space />
 
           <q-input
             for="#search"
-            class="col-xs-12 col-sm-3 col-md-2"
             standout
             dense
             v-model="filterKeyword"
@@ -263,7 +264,6 @@ onMounted(async () => {
             :options="columns"
             option-value="name"
             style="min-width: 140px"
-            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
           />
         </div>
 

src/modules/11_discipline/components/DialogDirector.vue

@@ -171,6 +171,10 @@ watch(
       <DialogHeader tittle="เลือกรายชื่อกรรมการ" :close="clickClose" />
       <q-separator />
       <q-card-section>
+        <div class="row q-col-gutter-sm">
+          <div class="row col-12">
+            <q-space />
+            <div class="row q-col-gutter-sm">
               <q-input
                 borderless
                 outlined
@@ -185,6 +189,22 @@ watch(
                 </template>
               </q-input>
 
+              <q-select
+                v-model="visibleColumns2"
+                multiple
+                outlined
+                dense
+                options-dense
+                :display-value="$q.lang.table.columns"
+                emit-value
+                map-options
+                :options="columns2"
+                option-value="name"
+                style="min-width: 140px"
+              />
+            </div>
+          </div>
+          <div class="col-12">
             <d-table
               :columns="columns2"
               :rows="rows2"
@@ -228,7 +248,11 @@ watch(
                       v-model="props.selected"
                     />
                   </q-td>
-              <q-td v-for="col in props.cols" :key="col.name" :props="props">
+                  <q-td
+                    v-for="col in props.cols"
+                    :key="col.name"
+                    :props="props"
+                  >
                     <div v-if="col.name == 'no'">
                       {{
                         (pagination.page - 1) * pagination.rowsPerPage +
@@ -243,6 +267,8 @@ watch(
                 </q-tr>
               </template>
             </d-table>
+          </div>
+        </div>
       </q-card-section>
 
       <q-separator />

src/modules/11_discipline/components/PopupSendToNext.vue

@@ -6,12 +6,11 @@ import { useCounterMixin } from "@/stores/mixin";
 
 import DialogHeader from "@/components/DialogHeader.vue";
 import DialogCreateCommand from "@/modules/18_command/components/DialogCreateCommand.vue";
-import { title } from "process";
 
 const modal = defineModel<boolean>("modal", { required: true });
 const mixin = useCounterMixin();
 const $q = useQuasar();
-const { dialogConfirm, dialogMessageNotify } = mixin;
+const { dialogConfirm, dialogMessageNotify, onSearchDataTable } = mixin;
 
 const dataMapToSend = computed(() => {
   return selected.value.map((i: any) => ({
@@ -24,6 +23,7 @@ const dataMapToSend = computed(() => {
   }));
 });
 
+const rowsMain = ref<any[]>([]);
 const rows = ref<any[]>([]);
 const props = defineProps({
   title: {
@@ -114,11 +114,21 @@ function onClickClose() {
   selected.value = [];
 }
 
+function serchDataTable() {
+  rows.value = onSearchDataTable(
+    filter.value,
+    rowsMain.value,
+    props.columns ? props.columns : []
+  );
+}
+
 watch(
   () => modal.value,
   () => {
     if (modal.value) {
       inspectionResults.value = modal ? "" : "";
+      rows.value = props.rows;
+      rowsMain.value = props.rows;
       selected.value = [];
     }
   }
@@ -126,7 +136,7 @@ watch(
 </script>
 <template>
   <q-dialog v-model="modal" persistent>
-    <q-card style="width: 820px; max-width: 80vw">
+    <q-card style="min-width: 70%">
       <DialogHeader :tittle="props.title" :close="onClickClose" />
       <q-separator />
       <q-card-section class="q-pt-none q-mt-md">
@@ -140,10 +150,10 @@ watch(
               dense
               v-model="filter"
               outlined
-              debounce="300"
               placeholder="ค้นหา"
               style="max-width: 200px"
               class="q-ml-sm"
+              @keydown.enter.pervent="serchDataTable"
             >
               <template v-slot:append>
                 <q-icon name="search" />
@@ -170,8 +180,7 @@ watch(
         <d-table
           ref="table"
           :columns="props.columns"
-          :rows="props.rows"
+          :rows="rows"
-          :filter="filter.trim()"
           row-key="personId"
           flat
           bordered
@@ -205,9 +214,7 @@ watch(
                 <div v-if="col.name == 'no'">
                   {{ props.rowIndex + 1 }}
                 </div>
-                <div v-else-if="col.name === 'salary'">
+
-                  {{ props.row.salary.toLocaleString() }}
-                </div>
                 <div v-else>
                   {{ col.value }}
                 </div>

src/modules/11_discipline/store/ComplaintsStore.ts

@@ -9,7 +9,7 @@ import type {
   DataList,
   DataListRow,
   ocListType,
-} from "@/modules/11_discipline/interface/response/Complaint";
+} from "@/modules/11_discipline/interface/response/complaint";
 
 import type { QTableProps } from "quasar";
 
@@ -25,7 +25,7 @@ export const useComplainstDataStore = defineStore(
     const visibleColumns = ref<string[]>([]);
     const columns = ref<QTableProps["columns"]>([]);
 
-    function fetchComplainst(data: DataList[]) {
+    async function fetchComplainst(data: DataList[]) {
       let dataList: DataListRow[] = data.map((e: DataList) => ({
         id: e.id,
         personId: e.personId,

src/modules/11_discipline/store/Main.ts

@@ -97,6 +97,9 @@ export const useDisciplineMainStore = defineStore("disciplineMainStore", () => {
       field: "salary",
       headerStyle: "font-size: 14px",
       style: "font-size: 14px",
+      format(val, row) {
+        return val.toLocaleString();
+      },
     },
     {
       name: "organization",
@@ -185,6 +188,13 @@ export const useDisciplineMainStore = defineStore("disciplineMainStore", () => {
       field: "positionLevel",
       headerStyle: "font-size: 14px",
       style: "font-size: 14px",
+      format(val, row) {
+        return row.positionLevel
+          ? row.positionLevel
+          : row.posLevelName
+          ? row.posLevelName
+          : "-";
+      },
     },
     {
       name: "salary",
@@ -192,6 +202,9 @@ export const useDisciplineMainStore = defineStore("disciplineMainStore", () => {
       label: "เงินเดือน",
       sortable: true,
       field: "salary",
+      format(val, row) {
+        return val.toLocaleString();
+      },
       headerStyle: "font-size: 14px",
       style: "font-size: 14px",
     },