สอบคัดเลือกตรวจสอบหลายคน

src/modules/03_recruiting/views/02_qualify/manageDetail.vue

@@ -167,6 +167,9 @@
     >
       <template #columns="props">
         <q-tr :props="props" class="cursor-pointer">
+          <!-- <q-td auto-width>
+            <q-checkbox v-model="checkProfile" />
+          </q-td> -->
           <q-td
             v-for="col in props.cols"
             :key="col.name"
@@ -200,6 +203,12 @@
                 </div>
               </div>
             </div>
+            <div v-else-if="col.name == 'check'">
+              <q-checkbox
+                v-model="props.row.check"
+                v-if="props.row.status == 'checkRegister'"
+              />
+            </div>
             <div v-else-if="col.name == 'career'">
               <div class="col-4">
                 {{ props.row.career }}
@@ -318,10 +327,12 @@ const examId = ref<string>(route.params.examId.toString());
 const visible = ref(true); //เปิดปิด card สรุปข้อมูล
 const dataNum = ref<DataNumObject[]>([]); //จำนวนสรุปจำนวนข้อมูลหลัก
 const rows = ref<any>([]);
+const checkProfile = ref<any>([]);
 const initialPagination = ref<Pagination>({
   rowsPerPage: 0,
 });
 const visibleColumns = ref<String[]>([
+  "check",
   "no",
   "number",
   "registerDate",
@@ -376,6 +387,15 @@ const optionsStatus = ref<any>([
   },
 ]);
 const columns = ref<QTableProps["columns"]>([
+  {
+    name: "check",
+    align: "left",
+    label: "",
+    sortable: true,
+    field: "check",
+    headerStyle: "font-size: 14px;",
+    style: "font-size: 14px; ",
+  },
   {
     name: "no",
     align: "left",
@@ -554,6 +574,7 @@ const fetchData = async () => {
           pass: r.pass,
           email: r.email,
           status: r.status,
+          check: false,
         });
       });
     })