แก้ ฟิลเตอร์

src/modules/05_placement/components/Receive/DialogOrders.vue

@@ -79,6 +79,9 @@ const columns2 = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    format(val, row) {
+      return `${row.prefix ?? ""}${row.firstName ?? ""} ${row.lastName ?? ""}`;
+    },
   },
   {
     name: "organizationName",
@@ -90,6 +93,9 @@ const columns2 = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    format: (val, row) => {
+      return `${row.root} (${row.rootShortName}) ${row.nodeName} (${row.nodeShortName}${row.posMasterNo})`;
+    },
   },
   {
     name: "dateOfBirth",
@@ -101,7 +107,11 @@ const columns2 = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    format(val, row) {
+      return date2Thai(row.dateOfBirth);
+    },
   },
+
   {
     name: "createdAt",
     align: "left",
@@ -113,6 +123,9 @@ const columns2 = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
     sortOrder: "da",
+    format(val, row) {
+      return date2Thai(row.createdAt);
+    },
   },
   {
     name: "status",
@@ -124,6 +137,9 @@ const columns2 = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+    format(val, row) {
+      return statusText(row.status);
+    },
   },
 ]);
 const visibleColumns2 = ref<string[]>([
@@ -182,7 +198,7 @@ watchEffect(() => {
 <template>
   <q-dialog v-model="props.modal" persistent>
     <q-card style="width: 1200px; max-width: 80vw">
-      <DialogHeader :tittle="'ส่งไปออกsคำสั่งรับโอน'" :close="clickClose" />
+      <DialogHeader :tittle="'ส่งไปออกคำสั่งรับโอน'" :close="clickClose" />
       <q-separator />
       <q-card-section>
         <div class="row col-12 q-col-gutter-sm">
@@ -261,29 +277,7 @@ watchEffect(() => {
                     <div v-if="col.name == 'no'">
                       {{ props.rowIndex + 1 }}
                     </div>
-                    <div v-else-if="col.name == 'fullname'">
-                      {{
-                        props.row.firstName
-                          ? `${props.row.prefix ?? ""}${
-                              props.row.firstName ?? ""
-                            } ${props.row.lastName ?? ""}`
-                          : "-"
-                      }}
-                    </div>
-                    <div v-else-if="col.name == 'dateOfBirth'">
-                      {{
-                        props.row.dateOfBirth
-                          ? date2Thai(props.row.dateOfBirth)
-                          : "-"
-                      }}
-                    </div>
-                    <div v-else-if="col.name == 'createdAt'">
-                      {{
-                        props.row.createdAt
-                          ? date2Thai(props.row.createdAt)
-                          : "-"
-                      }}
-                    </div>
+
                     <div v-else-if="col.name == 'organizationName'">
                       <div class="col-4">
                         <div class="text-weight-medium">
@@ -308,11 +302,6 @@ watchEffect(() => {
                         </div>
                       </div>
                     </div>
-                    <div v-else-if="col.name == 'status'">
-                      {{
-                        props.row.status ? statusText(props.row.status) : "-"
-                      }}
-                    </div>
                     <div v-else>
                       {{ col.value ? col.value : "-" }}
                     </div>