แก้ไข type

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

@@ -70,7 +70,7 @@
         </template>
 
         <template v-slot:body-selection="scope">
-          <q-checkbox
+          <!-- <q-checkbox
             keep-color
             color="primary"
             dense
@@ -83,6 +83,12 @@
                 );
               }
             "
+          /> -->
+          <q-checkbox
+            keep-color
+            color="primary"
+            dense
+            v-model="scope.selected"
           />
         </template>
 
@@ -175,6 +181,7 @@ import { ref } from "vue";
 import { useQuasar } from "quasar";
 import type { QInput } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
+import type { QTableProps } from "quasar";
 
 const props = defineProps({
   next: {
@@ -197,7 +204,7 @@ const $q = useQuasar();
 const filterRef = ref<QInput>();
 const filter = ref<string>("");
 const visibleColumns = ref<String[]>(["no", "idcard", "name", "educate"]);
-const columns = [
+const columns = ref<QTableProps["columns"]>([
   { name: "no", align: "left", label: "ลำดับ", field: "no", sortable: true },
   {
     name: "idcard",
@@ -220,7 +227,7 @@ const columns = [
     field: "educate",
     sortable: true,
   },
-];
+]);
 
 const rows = [
   {

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

@@ -270,7 +270,7 @@
                 </template>
 
                 <template v-slot:body-selection="scope">
-                  <q-checkbox
+                  <!-- <q-checkbox
                     keep-color
                     color="primary"
                     dense
@@ -283,6 +283,12 @@
                         );
                       }
                     "
+                  /> -->
+                  <q-checkbox
+                    keep-color
+                    color="primary"
+                    dense
+                    v-model="scope.selected"
                   />
                 </template>
 
@@ -337,6 +343,7 @@ import type { QInput, QForm } from "quasar";
 import type { treeTab } from "@/modules/05_placement/interface/index/Main";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import type { QTableProps } from "quasar";
 
 const props = defineProps({
   next: {
@@ -370,7 +377,7 @@ const selectedModal = ref([]);
 const test = ref([]);
 const filterModal = ref<string>("");
 const visibleColumnsModal = ref<String[]>(["no", "idcard", "name"]);
-const columnsModal = [
+const columnsModal = ref<QTableProps["columns"]>([
   { name: "no", align: "left", label: "ลำดับ", field: "no", sortable: true },
   {
     name: "idcard",
@@ -386,7 +393,7 @@ const columnsModal = [
     field: "name",
     sortable: true,
   },
-];
+]);
 
 const rowsModal = [
   {
@@ -482,7 +489,7 @@ const visibleColumns = ref<String[]>([
   "agency",
   "send",
 ]);
-const columns = [
+const columns = ref<QTableProps["columns"]>([
   { name: "no", align: "left", label: "ลำดับ", field: "no", sortable: true },
   {
     name: "idcard",
@@ -519,7 +526,7 @@ const columns = [
     field: "send",
     sortable: true,
   },
-];
+]);
 
 const rows = ref([
   {