fix(03_recruiting):Display Table

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2025-10-14 10:10:33 +07:00
parent 337c6dbf7b
commit a719b98791
2 changed files with 30 additions and 4 deletions

View file

@ -60,6 +60,7 @@ const visibleColumns = ref<String[]>([
"examAttribute", "examAttribute",
"examScore", "examScore",
"examResult", "examResult",
"exam_order",
"applyDate", "applyDate",
]); ]);
const columns = ref<QTableProps["columns"]>([ const columns = ref<QTableProps["columns"]>([
@ -270,7 +271,7 @@ const columns = ref<QTableProps["columns"]>([
{ {
name: "examResult", name: "examResult",
align: "center", align: "center",
label: "ผลคะแนนสอบ", label: "ผลการสอบ",
sortable: false, sortable: false,
field: "examResult", field: "examResult",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -281,6 +282,15 @@ const columns = ref<QTableProps["columns"]>([
sensitivity: "base", sensitivity: "base",
}), }),
}, },
{
name: "exam_order",
align: "center",
label: "ลำดับที่สอบได้",
sortable: true,
field: "exam_order",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
},
{ {
name: "applyDate", name: "applyDate",
align: "left", align: "left",
@ -572,8 +582,11 @@ onMounted(async () => {
<div v-else-if="col.name == 'c5'"> <div v-else-if="col.name == 'c5'">
<q-checkbox disable v-model="props.row.c5" /> <q-checkbox disable v-model="props.row.c5" />
</div> </div>
<div v-else-if="col.name == 'exam_order'">
{{ col.value ? col.value : " " }}
</div>
<div v-else> <div v-else>
{{ col.value }} {{ col.value ? col.value : "-" }}
</div> </div>
</q-td> </q-td>
</q-tr> </q-tr>

View file

@ -58,6 +58,7 @@ const visibleColumns = ref<String[]>([
"examAttribute", "examAttribute",
"examScore", "examScore",
"examResult", "examResult",
"exam_order",
"applyDate", "applyDate",
]); ]);
const columns = ref<QTableProps["columns"]>([ const columns = ref<QTableProps["columns"]>([
@ -210,7 +211,7 @@ const columns = ref<QTableProps["columns"]>([
{ {
name: "examResult", name: "examResult",
align: "left", align: "left",
label: "ผลคะแนนสอบ", label: "ผลการสอบ",
sortable: true, sortable: true,
field: "examResult", field: "examResult",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -218,6 +219,15 @@ const columns = ref<QTableProps["columns"]>([
sort: (a: string, b: string) => sort: (a: string, b: string) =>
a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }), a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
}, },
{
name: "exam_order",
align: "center",
label: "ลำดับที่สอบได้",
sortable: true,
field: "exam_order",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
},
{ {
name: "applyDate", name: "applyDate",
align: "left", align: "left",
@ -495,8 +505,11 @@ onMounted(async () => {
<div v-else-if="col.name == 'c5'"> <div v-else-if="col.name == 'c5'">
<q-checkbox disable v-model="props.row.c5" /> <q-checkbox disable v-model="props.row.c5" />
</div> </div>
<div v-else-if="col.name == 'exam_order'">
{{ col.value ? col.value : " " }}
</div>
<div v-else> <div v-else>
{{ col.value }} {{ col.value ? col.value : "-" }}
</div> </div>
</q-td> </q-td>
</q-tr> </q-tr>