แก้ฟิล

src/modules/11_discipline/components/8_AppealComplain/dialog/DialogEditStatus.vue

@@ -11,12 +11,12 @@ import { useCounterMixin } from "@/stores/mixin";
 const $q = useQuasar();
 
 const mixin = useCounterMixin();
-const { dialogConfirm,date2Thai } = mixin;
+const { dialogConfirm, date2Thai } = mixin;
 const dataStore = useAppealComplainStore();
 
 const rows = ref<HistoryStatusType[]>([]);
 /** หัวข้อที่เเสดงในตารางผู้ถูกร้องเรียน */
-const visibleColumns = ref<string[]>(["no", "status", "createdAt"]);
+const visibleColumns = ref<string[]>(["no", "status","createdFullName", "createdAt"]);
 /** หัวตารางผู้ถูกร้องเรียน */
 const columns = ref<QTableProps["columns"]>([
   {
@@ -32,16 +32,25 @@ const columns = ref<QTableProps["columns"]>([
     name: "status",
     align: "left",
     label: "สถานะ",
-    sortable: true,
+    sortable: false,
     field: "status",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "createdFullName",
+    align: "left",
+    label: "ผู้ดำเนินการ",
+    sortable: false,
+    field: "createdFullName",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
   {
     name: "createdAt",
     align: "left",
-    label: "แก้ไขเมื่อวันที่",
-    sortable: true,
+    label: "วันที่แก้ไข",
+    sortable: false,
     field: "createdAt",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
@@ -70,9 +79,11 @@ watch(
   () => props.data,
   () => {
     rows.value = props.data.map((item: HistoryStatusType) => ({
-      status: dataStore.statusTothai(item.status),
-      createdAt: date2Thai(item.createdAt),
-    }));
+        createdFullName:item.createdFullName,
+        status: dataStore.statusTothai(item.status),
+        createdAt: date2Thai(item.createdAt,false,true),
+      
+    }))
   }
 );
 </script>