hrms-bangkok/hrms-admin
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

แก้ layout ของ ตาราง

Browse source
This commit is contained in:
Net 2024-07-11 15:48:37 +07:00
parent 3382e9eeca
commit b4dce64e77
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/modules/04_system/components/cardBackupRestore.vue
View file

@ -47,7 +47,7 @@ const baseColumns = ref<QTableProps["columns"]>([
}, },
{ {
name: "createAt", name: "createAt",
align: "left", align: "center",
label: "วันที่สร้าง", label: "วันที่สร้าง",
sortable: true, sortable: true,
// field: (v) => date2Thai(v, false, true), // field: (v) => date2Thai(v, false, true),
@ -58,7 +58,7 @@ const baseColumns = ref<QTableProps["columns"]>([
}, },
{ {
name: "status", name: "status",
align: "left", align: "center",
label: "สถานะ", label: "สถานะ",
sortable: true, sortable: true,
field: "status", field: "status",
@ -168,16 +168,16 @@ onMounted(async () => {
> >
<template v-slot:header="props"> <template v-slot:header="props">
<q-tr :props="props"> <q-tr :props="props">
<q-th v-for="col in props.cols" :key="col.name" :props="props"> <q-th v-for="col, i in props.cols" :key="col.name" :props="props" >
<span class="text-weight-medium">{{ col.label }}</span> <span class="text-weight-medium" :class="{ 'q-ml-md': i === 2}" >{{ col.label }}</span>
</q-th> </q-th>
<q-th auto-width></q-th> <q-th auto-width></q-th>
</q-tr> </q-tr>
</template> </template>
<template v-slot:body="props"> <template v-slot:body="props">
<q-tr :props="props"> <q-tr :props="props">
<q-td v-for="(col, i) in props.cols" :key="col.name" :props="props"> <q-td v-for="(col, i) in props.cols" :key="col.name" :props="props" >
<div> <div :class="{ 'text-center': i === 2}">
{{ i !== 2 ? col.value : col.value === "สำเร็จ" ? "สำเร็จ" : "" }} {{ i !== 2 ? col.value : col.value === "สำเร็จ" ? "สำเร็จ" : "" }}
<q-circular-progress <q-circular-progress