แก้วินัยถูกพักราชการ

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

@@ -113,9 +113,10 @@ function saveOrder() {
   dialogConfirm(
     $q,
     async () => {
-      success($q, `ส่งข้อมูลไปออกคำสั่งสำเร็จ`);
-      emit("returnPerson", selected.value);
+      await emit("returnPerson", selected.value, type.value);
       props.closeModal?.();
+      type.value = "";
+      selected.value = [];
     },
     `ยืนยันการส่งไปออกคำสั่ง`,
     `ต้องการยืนยันการส่งไปออกคำสั่งหรือไม่`
@@ -135,7 +136,7 @@ function Reset() {
   emit("update:filterKeyword2", "");
 }
 
-async function fecthTypeOption(){
+async function fecthTypeOption() {
   showLoader();
   await http
     .get(config.API.typeOrder())
@@ -151,7 +152,7 @@ async function fecthTypeOption(){
     .finally(() => {
       hideLoader();
     });
-};
+}
 
 onMounted(() => {
   fecthTypeOption();
@@ -243,8 +244,7 @@ onMounted(() => {
         >
           <template v-slot:header="props">
             <q-tr :props="props">
-              <q-th auto-width>
-              </q-th>
+              <q-th auto-width> </q-th>
               <q-th
                 v-for="col in props.cols"
                 :key="col.name"

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

@@ -18,7 +18,7 @@ const $q = useQuasar();
 const router = useRouter();
 const mixin = useCounterMixin();
 
-const { messageError, showLoader, hideLoader } = mixin;
+const { messageError, showLoader, hideLoader, success } = mixin;
 
 const modal = ref<boolean>(false);
 
@@ -129,12 +129,12 @@ const columns = ref<QTableProps["columns"]>([
 const openModal = () => (modal.value = true);
 const closeModal = () => (modal.value = false);
 
-function resetFilter(){
+function resetFilter() {
   filterKeyword.value = "";
   filterKeyword2.value = "";
   filterRef.value.focus();
-  getList()
-};
+  getList();
+}
 
 const currentPage = ref<number>(1);
 const maxPage = ref<number>(1);
@@ -194,15 +194,16 @@ async function getList() {
  * ยืนยัน ส่งไปออกคำสั่ง
  * @param data ข้อมูลรายบุคคล
  */
-function onSubmit(data: dataType[]) {
-  console.log(data);
+function onSubmit(data: dataType[], type: string) {
   const dataMapId = data.map((item: dataType) => item.id);
   showLoader();
   http
-    .post(config.API.suspendReport(), {
+    .post(`${config.API.suspendReport()}/${type}`, {
       id: dataMapId,
     })
-    .then((res) => {})
+    .then((res) => {
+      success($q, `ส่งข้อมูลไปออกคำสั่งสำเร็จ`);
+    })
     .catch((e) => {
       messageError($q, e);
     })
@@ -262,26 +263,26 @@ onMounted(() => {
           <q-space />
 
           <q-input
-        for="#search"
-        class="col-xs-12 col-sm-3 col-md-2"
-        standout
-        dense
-        v-model="filterKeyword"
-        ref="filterRef"
-        outlined
-        placeholder="ค้นหา"
-        @keydown.enter.prevent="filterFn"
-      >
-        <template v-slot:append>
-          <q-icon v-if="filterKeyword == ''" name="search" />
-          <q-icon
-            v-if="filterKeyword !== ''"
-            name="clear"
-            class="cursor-pointer"
-            @click="resetFilter"
-          />
-        </template>
-      </q-input>
+            for="#search"
+            class="col-xs-12 col-sm-3 col-md-2"
+            standout
+            dense
+            v-model="filterKeyword"
+            ref="filterRef"
+            outlined
+            placeholder="ค้นหา"
+            @keydown.enter.prevent="filterFn"
+          >
+            <template v-slot:append>
+              <q-icon v-if="filterKeyword == ''" name="search" />
+              <q-icon
+                v-if="filterKeyword !== ''"
+                name="clear"
+                class="cursor-pointer"
+                @click="resetFilter"
+              />
+            </template>
+          </q-input>
 
           <q-select
             v-model="dataStore.visibleColumns"