สอบคัดเลือกเพิ่มฟิวรหัสตำแหน่ง

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

@@ -372,6 +372,21 @@
               >
                 <template #columns="props">
                   <q-tr :props="props">
+                    <q-td key="code" :props="props">
+                      <q-input
+                        outlined
+                        dense
+                        lazy-rules
+                        v-model="props.row.code"
+                        :rules="[
+                          (val) =>
+                            !!val || `${'กรุณากรอกรหัสประจำตำแหน่งที่สอบ'}`,
+                        ]"
+                        :label="`${'รหัสประจำตำแหน่งที่สอบ'}`"
+                        @update:modelValue="clickEditRow"
+                        hide-bottom-space
+                      />
+                    </q-td>
                     <q-td key="position" :props="props">
                       <selector
                         class=""
@@ -1258,12 +1273,24 @@ const columnsPayment = ref<QTableProps["columns"]>([
   },
 ]);
 const visibleColumnsPosition = ref<String[]>([
+  "code",
   "position",
   "level",
   "type",
   "highDegree",
 ]);
 const columnsPosition = ref<QTableProps["columns"]>([
+  {
+    name: "code",
+    align: "left",
+    label: "รหัสประจำตำแหน่งที่สอบ",
+    sortable: true,
+    field: "code",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
   {
     name: "position",
     align: "left",
@@ -1372,6 +1399,7 @@ const fetchData = async () => {
             id: r.typeId,
             name: r.typeName,
           },
+          code: r.code,
           highDegree: r.highDegree == true ? "1" : "0",
         });
       });
@@ -1619,6 +1647,7 @@ const sendData = () => {
       positionLevelName: r.level.name,
       typeId: r.type.id,
       typeName: r.type.name,
+      code: r.code,
       highDegree: r.highDegree == "1" ? true : false,
     });
   });
@@ -1825,6 +1854,7 @@ const clickAddPosition = () => {
         id: "00000000-0000-0000-0000-000000000000",
         position: null,
         type: { id: "normol", name: "ทั่วไป" },
+        code: null,
         highDegree: "0",
       });
     }

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

@@ -167,9 +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 auto-width>
+            <q-checkbox v-model="props.selected" />
+          </q-td>
           <q-td
             v-for="col in props.cols"
             :key="col.name"
@@ -203,12 +203,12 @@
                 </div>
               </div>
             </div>
-            <div v-else-if="col.name == 'check'">
+            <!-- <div v-else-if="col.name == 'check'">
               <q-checkbox
                 v-model="props.row.check"
                 v-if="props.row.status == 'checkRegister'"
               />
-            </div>
+            </div> -->
             <div v-else-if="col.name == 'career'">
               <div class="col-4">
                 {{ props.row.career }}
@@ -332,7 +332,7 @@ const initialPagination = ref<Pagination>({
   rowsPerPage: 0,
 });
 const visibleColumns = ref<String[]>([
-  "check",
+  //   "check",
   "no",
   "number",
   "registerDate",
@@ -387,15 +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: "check",
+  //     align: "left",
+  //     label: "",
+  //     sortable: true,
+  //     field: "check",
+  //     headerStyle: "font-size: 14px;",
+  //     style: "font-size: 14px; ",
+  //   },
   {
     name: "no",
     align: "left",