This commit is contained in:
Warunee Tamkoo 2024-11-07 09:23:50 +07:00
parent 3e028c2292
commit 2ccdcef509

View file

@ -58,8 +58,8 @@ const columnsExpanded = ref<QTableProps["columns"]>([
}, },
{ {
name: "canCancel", name: "canCancel",
align: "left", align: "center",
label: "canCancel", label: "ยกเลิก (Cancel)",
sortable: false, sortable: false,
field: "canCancel", field: "canCancel",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -67,8 +67,8 @@ const columnsExpanded = ref<QTableProps["columns"]>([
}, },
{ {
name: "canChangeState", name: "canChangeState",
align: "left", align: "center",
label: "canChangeState", label: "เปลี่ยนสถานะ (Change State)",
sortable: false, sortable: false,
field: "canChangeState", field: "canChangeState",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -76,8 +76,8 @@ const columnsExpanded = ref<QTableProps["columns"]>([
}, },
{ {
name: "canComment", name: "canComment",
align: "left", align: "center",
label: "canComment", label: "อนุมัติ/แสดงความเห็น (Comment)",
sortable: false, sortable: false,
field: "canComment", field: "canComment",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -85,8 +85,8 @@ const columnsExpanded = ref<QTableProps["columns"]>([
}, },
{ {
name: "canDelete", name: "canDelete",
align: "left", align: "center",
label: "canDelete", label: "ลบข้อมูล (Delete)",
sortable: false, sortable: false,
field: "canDelete", field: "canDelete",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -94,8 +94,8 @@ const columnsExpanded = ref<QTableProps["columns"]>([
}, },
{ {
name: "canOperate", name: "canOperate",
align: "left", align: "center",
label: "canOperate", label: "ส่งไปยังผู้บังคับบัญชา/ผู้มีอำนาจ (Operate)",
sortable: false, sortable: false,
field: "canOperate", field: "canOperate",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -103,8 +103,8 @@ const columnsExpanded = ref<QTableProps["columns"]>([
}, },
{ {
name: "canSign", name: "canSign",
align: "left", align: "center",
label: "canSign", label: "ลงนาม (Sign)",
sortable: false, sortable: false,
field: "canSign", field: "canSign",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -112,8 +112,8 @@ const columnsExpanded = ref<QTableProps["columns"]>([
}, },
{ {
name: "canUpdate", name: "canUpdate",
align: "left", align: "center",
label: "canUpdate", label: "แก้ไขข้อมูล (Update)",
sortable: false, sortable: false,
field: "canUpdate", field: "canUpdate",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -121,8 +121,8 @@ const columnsExpanded = ref<QTableProps["columns"]>([
}, },
{ {
name: "canView", name: "canView",
align: "left", align: "center",
label: "canView", label: "ดูข้อมูล (View)",
sortable: false, sortable: false,
field: "canView", field: "canView",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -377,7 +377,7 @@ onMounted(async () => {
<template v-slot:body="props"> <template v-slot:body="props">
<q-tr :props="props"> <q-tr :props="props">
<q-td v-for="col in props.cols" :key="col.name" :props="props"> <q-td v-for="col in props.cols" :key="col.name" :props="props">
{{ col.value }} <strong>{{ col.value }}</strong>
</q-td> </q-td>
</q-tr> </q-tr>
<q-tr v-show="props.expand" :props="props"> <q-tr v-show="props.expand" :props="props">
@ -387,7 +387,7 @@ onMounted(async () => {
<q-card-section style="padding: 0px"> <q-card-section style="padding: 0px">
<d-table <d-table
flat flat
bordered separator="cell"
:rows="props.row.metaStateOperators" :rows="props.row.metaStateOperators"
:columns="columnsExpanded" :columns="columnsExpanded"
row-key="name" row-key="name"
@ -412,13 +412,17 @@ onMounted(async () => {
:key="col.name" :key="col.name"
:props="props" :props="props"
> >
<div v-if="col.name !== 'operator'"> <div
v-if="col.name !== 'operator'"
class="text-center"
>
<q-icon <q-icon
v-if="col.value" v-if="col.value"
name="check" name="check"
color="primary" color="primary"
size="sm" size="sm"
/> />
<span v-else> - </span>
</div> </div>
<div v-else> <div v-else>