From ca0f98ba2967ad2d8706903607e8cf4011b81ed2 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 16 Feb 2024 16:20:18 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=99=E0=B9=89=E0=B8=B2=E0=B8=88=E0=B8=B1=E0=B8=94=E0=B8=81?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A3=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B9=80=E0=B8=A0?=
 =?UTF-8?q?=E0=B8=84=E0=B8=9B=E0=B8=B1=E0=B8=8D=E0=B8=AB=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/category/TableCategory.vue     | 51 ++++++++++++++++---
 1 file changed, 44 insertions(+), 7 deletions(-)

diff --git a/src/modules/00_support/components/category/TableCategory.vue b/src/modules/00_support/components/category/TableCategory.vue
index e57396f28..01a6f3dce 100644
--- a/src/modules/00_support/components/category/TableCategory.vue
+++ b/src/modules/00_support/components/category/TableCategory.vue
@@ -2,12 +2,35 @@
 import { useSupportStore } from "@/modules/00_support/store/Main";
 import DialogCategory from "@/modules/00_support/components/category/DialogCategory.vue";
 import { onMounted, ref } from "vue";
+import { useRouter } from "vue-router";
+import type { QTableProps } from "quasar";
+const router = useRouter();
 const store = useSupportStore();
 const open = ref<boolean>(false);
 const currentName = ref<string>("");
 const status = ref<"add" | "edit" | "delete">("add");
 const categoryId = ref<string>("");
 
+const columnsCategory = [
+  {
+    name: "name",
+    align: "center",
+    label: "ประเภทของปัญหา",
+    field: "name",
+    sortable: true,
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "actions",
+    align: "center",
+    label: "",
+    field: "",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+] satisfies QTableProps["columns"];
+
 onMounted(async () => {
   await store.fetchCategory();
 });
@@ -15,25 +38,39 @@ onMounted(async () => {
 
 <template>
   <div class="flex q-my-md">
+    <q-btn
+      flat
+      round
+      class="bg-teal-1 full-height"
+      color="primary"
+      icon="mdi-chevron-left"
+      dense
+      @click="router.go(-1)"
+    >
+    </q-btn>
     <p class="text-h6 text-weight-medium align-center">จัดการประเภคของปัญหา</p>
     <q-space />
+  </div>
+
+  <div class="bg-white q-pa-md">
     <q-btn
-      dense
-      size="16px"
+      class="q-mb-sm"
+      flat
+      round
+      color="primary"
       @click="
         () => {
           open = true;
           status = 'add';
         }
       "
-      >เพิ่มประเภทของปัญหา</q-btn
+      icon="mdi-plus"
     >
-  </div>
-
-  <div>
+      <q-tooltip>เพิ่มข้อมูล</q-tooltip>
+    </q-btn>
     <q-table
       :rows="store.rowsCategory?.result"
-      :columns="store.columnsCategory"
+      :columns="columnsCategory"
       row-key="name"
     >
       <template v-slot:body-cell-actions="data">