แก้ไข pdf

src/modules/05_placement/components/OrderPlacement/step/step02.vue

@@ -92,7 +92,7 @@
             <div v-if="props.col.name == 'no'">
               {{ props.rowIndex + 1 }}
             </div>
-            <div v-else-if="props.col.name == 'educate'">
+            <!-- <div v-else-if="props.col.name == 'educate'">
               <q-select
                 :class="getClass(true)"
                 hide-bottom-space
@@ -124,7 +124,7 @@
                   </q-item>
                 </template>
               </q-select>
-            </div>
+            </div> -->
             <div v-else @click="click(props)">
               {{ props.value }}
             </div>
@@ -145,23 +145,24 @@
     </div>
     <q-separator />
     <div class="flex justify-end q-pa-sm q-gutter-sm">
-      <q-btn 
-        dense 
-        outline 
-        color="primary" 
-        icon="chevron_left" 
-        @click="previous" 
+      <q-btn
+        dense
+        outline
+        color="primary"
+        icon="chevron_left"
+        @click="previous"
         class="q-pr-md"
-        label="กรอกรายละเอียด">
+        label="กรอกรายละเอียด"
+      >
       </q-btn>
       <q-btn
         dense
         unelevated
         label="บันทึก"
         color="public"
-        @click="next"
+        @click="save"
         class="q-px-md"
-      ><!-- icon="mdi-content-save-outline"
+        ><!-- icon="mdi-content-save-outline"
         <q-tooltip>บันทึก</q-tooltip> -->
       </q-btn>
       <!-- <q-btn dense flat round color="primary" icon="chevron_right" @click="next">
@@ -174,6 +175,7 @@
 import { ref } from "vue";
 import { useQuasar } from "quasar";
 import type { QInput } from "quasar";
+import { useCounterMixin } from "@/stores/mixin";
 
 const props = defineProps({
   next: {
@@ -188,6 +190,8 @@ const props = defineProps({
 
 const next = () => props.next();
 const previous = () => props.previous();
+const mixin = useCounterMixin(); //เรียกฟังก์ชันกลาง
+const { dialogMessage, messageError, showLoader, hideLoader } = mixin;
 
 const $q = useQuasar();
 
@@ -224,67 +228,67 @@ const rows = [
     no: "0ac56905-1a74-4606-a120-233340adde95",
     name: "นางนัทธ์ เหล่าสกุล",
     idcard: "9158455632145",
-    educate: "",
+    educate: "ปริญญาตรี",
   },
   {
     no: "0de607a0-b094-4a6d-9e30-979343ab5e53",
     name: "นางขรรค์ จันทรสมบัติ",
     idcard: "8558455632126",
-    educate: "",
+    educate: "ปริญญาตรี",
   },
   {
     no: "93ca7366-2a35-4f94-a331-9c23c9ea78d3",
     name: "นางโอภาส จรัสวงศ์",
     idcard: "8158455635425",
-    educate: "",
+    educate: "ปริญญาตรี",
   },
   {
     no: "d3777c19-2bd0-42df-90ce-c3eeeee55ac6",
     name: "นางธิญา หงษ์ทอง",
     idcard: "4558455632145",
-    educate: "",
+    educate: "ปริญญาตรี",
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
     name: "นางธนวิทย์ พิกุลเทพ",
     idcard: "5542455632145",
-    educate: "",
+    educate: "ปริญญาตรี",
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
     name: "นางหนึ่ง สตาภิรมย์",
     idcard: "7448455632145",
-    educate: "",
+    educate: "ปริญญาตรี",
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
     name: "นางสัจพร คมคาย",
     idcard: "1236455632145",
-    educate: "",
+    educate: "ปริญญาตรี",
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
     name: "นางตุลยากร ปรีดาศิริกุล",
     idcard: "1523455632145",
-    educate: "",
+    educate: "ปริญญาตรี",
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
     name: "นางบัลลังค์ จิรวาณิชย์",
     idcard: "1258455632145",
-    educate: "",
+    educate: "ปริญญาตรี",
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
     name: "นางคมคาย เรืองรังสรรค์",
     idcard: "8548455632145",
-    educate: "",
+    educate: "ปริญญาตรี",
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
     name: "นางพรทิพา คมคาย",
     idcard: "6598455632145",
-    educate: "",
+    educate: "ปริญญาตรี",
   },
 ];
 const selected = ref([]);
@@ -299,6 +303,24 @@ const click = (e: any) => {
   console.log(e);
 };
 
+const save = () => {
+  if (selected.value.length > 0) {
+    next();
+  } else {
+    dialogMessage(
+      $q,
+      "ข้อความแจ้งเตือน",
+      "กรุณาเลือกรายชื่อ",
+      "warning",
+      undefined,
+      "orange",
+      undefined,
+      undefined,
+      true
+    );
+  }
+};
+
 const selectData = (row: any) => {};
 
 const refresh = () => {};