แก้วินัย

src/modules/11_discipline/components/8_AppealComplain/MainPage.vue

@@ -59,6 +59,7 @@ const visibleColumns = ref<string[]>([
   "citizenId",
   "caseType",
   "caseNumber",
+  "description",
   "lastUpdatedAt",
   "status",
 ]);
@@ -136,6 +137,17 @@ const columns = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "description",
+    align: "left",
+    label: "รายละเอียด",
+    sortable: true,
+    field: "description",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
   {
     name: "lastUpdatedAt",
     align: "left",
@@ -185,10 +197,8 @@ function editPage(id: string) {
   router.push(`/discipline-appealcomplain/${id}`);
 }
 function filterFn() {
-
-    console.log("enter", filterKeyword.value);
-    getData();
-
+  console.log("enter", filterKeyword.value);
+  getData();
 }
 
 function close() {
@@ -440,7 +450,13 @@ onMounted(async () => {
                   1
                 }}
               </div>
-              <div>
+              <div
+                v-else-if="col.name === 'description'"
+                class="table_ellipsis"
+              >
+                {{ props.row.description }}
+              </div>
+              <div v-else>
                 {{ col.value }}
               </div>
             </q-td>