updated

src/views/CheckWorkflow.vue

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