From d0f80bc49f5d48e6945f9ec2a1cbbe73e0fca313 Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Wed, 10 Jul 2024 14:53:41 +0700
Subject: [PATCH 1/6] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=20UI=20=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2=20Log?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/03_logs/components/LogTable.vue | 284 ++++++++++++++++++++
 src/modules/03_logs/router.ts               |   8 +
 src/modules/03_logs/views/lists.vue         |  29 +-
 3 files changed, 320 insertions(+), 1 deletion(-)
 create mode 100644 src/modules/03_logs/components/LogTable.vue

diff --git a/src/modules/03_logs/components/LogTable.vue b/src/modules/03_logs/components/LogTable.vue
new file mode 100644
index 00000000..63b6ce6c
--- /dev/null
+++ b/src/modules/03_logs/components/LogTable.vue
@@ -0,0 +1,284 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import type { QTableProps } from "quasar";
+import { useCounterMixin } from "@/stores/mixin";
+const { date2Thai } = useCounterMixin();
+const columns = ref<QTableProps["columns"]>([
+  {
+    name: "timestamp",
+    align: "left",
+    label: "เวลา",
+    sortable: true,
+    field: "timestamp",
+    headerStyle: "font-size: 14px",
+    format: (v) => date2Thai(v, false, true),
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "username",
+    align: "left",
+    label: "username",
+    sortable: true,
+    field: "username",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "host",
+    align: "left",
+    label: "host",
+    sortable: true,
+    field: "host",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "endpoint",
+    align: "left",
+    label: "endpoint",
+    sortable: true,
+    field: "endpoint",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "method",
+    align: "left",
+    label: "method",
+    sortable: true,
+    field: "method",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "responseCode",
+    align: "left",
+    label: "responseCode",
+    sortable: true,
+    field: "responseCode",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "status",
+    align: "left",
+    label: "สถานะ",
+    sortable: true,
+    field: "status",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "message",
+    align: "left",
+    label: "ข้อความ",
+    sortable: true,
+    field: "message",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+]);
+
+const selectDate = ref<Date>(new Date());
+const pagination = ref({
+  page: 1,
+  rowsPerPage: 10,
+});
+const inputSearch = ref<string>("");
+const visibleColumns = ref<string[]>([
+  "timestamp",
+  "username",
+  "host",
+  "endpoint",
+  "method",
+  "responseCode",
+  "status",
+  "message",
+]);
+const rows = [
+  {
+    timestamp: new Date(),
+    username: "สมรักษ์ จงใจรักชาติ",
+    host: "http://localhost:3005/lists",
+    endpoint: "registry-employee",
+    method: "Put",
+    responseCode: 401,
+    status: "Error",
+    message: "Unknow value Found",
+  },
+  {
+    timestamp: new Date(),
+    username: "สมรักษ์ จงใจรักชาติ",
+    host: "http://localhost:3005/lists",
+    endpoint: "registry-employee",
+    method: "Delete",
+    responseCode: 200,
+    status: "Warning",
+    message: "Balance getting below",
+  },
+  {
+    timestamp: new Date(),
+    username: "สมรักษ์ จงใจรักชาติ",
+    host: "http://localhost:3005/lists",
+    endpoint: "registry-employee",
+    method: "Get",
+    responseCode: 200,
+    status: "Info",
+    message: "Backup success",
+  },
+];
+</script>
+
+<template>
+  <div class="bg-white">
+    <div class="row q-pa-md">
+      <datepicker
+        menu-class-name="modalfix"
+        v-model="selectDate"
+        :locale="'th'"
+        autoApply
+        :enableTimePicker="false"
+        @update:modelValue="console.log('test')"
+        week-start="0"
+      >
+        <template #year="{ year }">{{ year + 543 }}</template>
+        <template #year-overlay-value="{ value }">{{
+          parseInt(value + 543)
+        }}</template>
+        <template #trigger>
+          <q-input
+            outlined
+            dense
+            :model-value="date2Thai(selectDate)"
+            hide-bottom-space
+          >
+            <template v-slot:prepend>
+              <q-icon name="event" class="cursor-pointer" color="primary">
+              </q-icon>
+            </template>
+          </q-input>
+        </template>
+      </datepicker>
+      <q-space />
+      <div class="items-center q-gutter-md" style="display: flex">
+        <!-- ค้นหาข้อความใน table -->
+        <q-input
+          standout
+          dense
+          clearable
+          :model-value="inputSearch"
+          ref="filterRef"
+          @update:model-value="console.log('update')"
+          outlined
+          debounce="300"
+          placeholder="ค้นหา"
+          style="max-width: 200px"
+          class="q-ml-sm"
+        >
+          <template v-slot:append>
+            <q-icon name="search" />
+          </template>
+        </q-input>
+        <!-- แสดงคอลัมน์ใน table -->
+        <q-select
+          v-model="visibleColumns"
+          multiple
+          outlined
+          dense
+          options-dense
+          :display-value="$q.lang.table.columns"
+          emit-value
+          map-options
+          :options="columns"
+          option-value="name"
+          options-cover
+          style="min-width: 150px"
+        />
+      </div>
+    </div>
+    <d-table
+      ref="table"
+      :columns="columns"
+      :rows="rows"
+      row-key="name"
+      flat
+      bordered
+      :paging="true"
+      :filter="inputSearch"
+      dense
+      v-model:pagination="pagination"
+      :rows-per-page-options="[20, 50, 100]"
+      class="custom-header-table"
+      :visible-columns="visibleColumns"
+    >
+      <template v-slot:header="props">
+        <q-tr :props="props">
+          <q-th v-for="col in props.cols" :key="col.name" :props="props">
+            <span class="text-weight-medium">{{ col.label }}</span>
+          </q-th>
+        </q-tr>
+      </template>
+      <template v-slot:body="props">
+        <q-tr :props="props" class="cursor-pointer">
+          <q-td v-for="col in props.cols" :key="col.id">
+            <div v-if="col.name === 'username'">
+              {{ col.value }}
+              <div class="text-grey">{{ 12421321334 }}</div>
+            </div>
+            <div v-else-if="col.name === 'method'">
+              <q-badge text-color="blue" style="background-color: #f0ecec">{{
+                col.value
+              }}</q-badge>
+            </div>
+            <div v-else-if="col.name === 'status'">
+              <q-badge
+                text-color="white"
+                :color="
+                  col.value === 'Error'
+                    ? 'red'
+                    : col.value === 'Info'
+                    ? 'primary'
+                    : 'warning'
+                "
+                >{{ col.value }}</q-badge
+              >
+            </div>
+            <div
+              v-else-if="col.name === 'message'"
+              :class="`text-${
+                props.row.status === 'Error'
+                  ? 'red'
+                  : props.row.status === 'Info'
+                  ? 'primary'
+                  : 'warning'
+              }`"
+            >
+              {{ col.value }}
+            </div>
+            <div v-else>
+              {{ col.value === "" || col.value === null ? "-" : col.value }}
+            </div>
+          </q-td>
+        </q-tr>
+      </template>
+    </d-table>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/src/modules/03_logs/router.ts b/src/modules/03_logs/router.ts
index b24b492b..4dd377a2 100644
--- a/src/modules/03_logs/router.ts
+++ b/src/modules/03_logs/router.ts
@@ -9,4 +9,12 @@ export default [
       Role: ["SUPER_ADMIN", "ADMIN"],
     },
   },
+  {
+    path: "/lists/:pathMatch(.*)*",
+    name: "viewLogs",
+    component: ListsPage,
+    meta: {
+      Role: ["SUPER_ADMIN", "ADMIN"],
+    },
+  },
 ];
diff --git a/src/modules/03_logs/views/lists.vue b/src/modules/03_logs/views/lists.vue
index eb1f9309..b2720a1b 100644
--- a/src/modules/03_logs/views/lists.vue
+++ b/src/modules/03_logs/views/lists.vue
@@ -1,3 +1,30 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import LogTable from "@/modules/03_logs/components/LogTable.vue";
+import http from "@/plugins/http";
+import config from "@/app.config";
+</script>
+
 <template>
-  <div>ประวัติกิจกรรม (Logs)</div>
+  <div class="row q-mb-lg">
+    <q-btn
+      flat
+      round
+      class="q-mr-sm"
+      color="primary"
+      icon="mdi-arrow-left"
+      dense
+      @click="console.log('test')"
+    >
+    </q-btn>
+    <div class="row items-center">
+      <span class="toptitle text-dark items-center q-mr-md">
+        ประวัติกิจกรรม (Logs)
+      </span>
+      <div class="toptitle text-primary items-center">ระบบทะเบียนประวัติ</div>
+    </div>
+  </div>
+  <div>
+    <LogTable />
+  </div>
 </template>

From 85f9457b16d4d686fe2ea81cd64c740416fb4090 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 10 Jul 2024 15:03:57 +0700
Subject: [PATCH 2/6] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=20card=20=20log?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../03_logs/components/CardComponents.vue     | 95 +++++++++++++++++++
 1 file changed, 95 insertions(+)
 create mode 100644 src/modules/03_logs/components/CardComponents.vue

diff --git a/src/modules/03_logs/components/CardComponents.vue b/src/modules/03_logs/components/CardComponents.vue
new file mode 100644
index 00000000..8792ffeb
--- /dev/null
+++ b/src/modules/03_logs/components/CardComponents.vue
@@ -0,0 +1,95 @@
+<script setup lang="ts">
+defineProps<{
+  index: number;
+  label: string;
+  icon: string;
+}>();
+</script>
+
+<template>
+  <div
+    class="shadow-2 rounded-borders column items-center bg-white q-pa-md"
+    style="min-height: 165px"
+  >
+    <div :class="`avatar-color-${index + 1}`">
+      <q-avatar size="70px" :icon="icon" class="avatar-color" />
+    </div>
+    <div class="q-mt-md text-center text-bold" style="font-size: 16px">
+      {{ label }}
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.avatar-color {
+  background: rgba(var(--color), 0.3); /* 0.5 คือค่า alpha */
+}
+
+.avatar-color-1 {
+  --color: 226, 181, 138;
+}
+
+.avatar-color-2 {
+  --color: 202, 206, 154;
+}
+
+.avatar-color-3 {
+  --color: 204, 201, 229;
+}
+
+.avatar-color-4 {
+  --color: 201, 232, 246;
+}
+
+.avatar-color-5 {
+  --color: 228, 174, 205;
+}
+
+.avatar-color-6 {
+  --color: 224, 167, 164;
+}
+
+.avatar-color-7 {
+  --color: 234, 197, 204;
+}
+
+.avatar-color-8 {
+  --color: 178, 211, 193;
+}
+
+.avatar-color-9 {
+  --color: 198, 231, 235;
+}
+
+.avatar-color-10 {
+  --color: 190, 157, 228;
+}
+
+.avatar-color-11 {
+  --color: 218, 149, 174;
+}
+
+.avatar-color-12 {
+  --color: 230, 222, 172;
+}
+
+.avatar-color-13 {
+  --color: 147, 223, 178;
+}
+
+.avatar-color-14 {
+  --color: 213, 160, 160;
+}
+
+.avatar-color-15 {
+  --color: 148, 208, 160;
+}
+
+.avatar-color-16 {
+  --color: 126, 211, 208;
+}
+
+.avatar-color-17 {
+  --color: 159, 204, 214;
+}
+</style>

From 8ed9388fc57c27ca2cbc8f699f1674ee1b1b5bb3 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 10 Jul 2024 15:04:12 +0700
Subject: [PATCH 3/6] =?UTF-8?q?=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87=20=20c?=
 =?UTF-8?q?ard=20log?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/03_logs/views/lists.vue | 117 +++++++++++++++++++++++++++-
 1 file changed, 116 insertions(+), 1 deletion(-)

diff --git a/src/modules/03_logs/views/lists.vue b/src/modules/03_logs/views/lists.vue
index b2720a1b..94551156 100644
--- a/src/modules/03_logs/views/lists.vue
+++ b/src/modules/03_logs/views/lists.vue
@@ -1,11 +1,124 @@
 <script setup lang="ts">
-import { ref } from "vue";
+/** importType*/
+
+/** importComponents*/
+import CardComponents from "@/modules/03_logs/components/CardComponents.vue";
 import LogTable from "@/modules/03_logs/components/LogTable.vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { link } from "fs";
+import { ref } from "vue";
+
+/** importStore*/
+
+/** use*/
+
+const menuList = ref<{ icon: string; label: string; path: string }[]>([
+  {
+    icon: "list",
+    label: "ระบบทะเบียนประวัติ",
+    path: "lists?system=register",
+  },
+  {
+    icon: "",
+    label: "ระบบโครงสร้างหน่วยงานและกรอบอัตรากำลัง",
+    path: "lists?system=organization",
+  },
+  {
+    icon: "",
+    label: "ระบบบันทึกเวลาปฏิบัติงานและการลา",
+    path: "lists?system=timekeeping",
+  },
+  {
+    icon: "mdi-magnify",
+    label: "ระบบการสรรหาบุคคล",
+    path: "lists?system=search",
+  },
+  {
+    icon: "",
+    label: "ระบบการประเมินบุคคล",
+    path: "lists?system=evaluation",
+  },
+  {
+    icon: "",
+    label: "ระบบพ้นจากราชการ",
+    path: "lists?system=recruit",
+  },
+  {
+    icon: "",
+    label: "ระบบการเลื่อนเงินเดือน/ค่าจ้าง",
+    path: "lists?system=payroll",
+  },
+  {
+    icon: "mdi-mdi-account-edit-outline",
+    label: "ระบบการบรรจุ แต่งตั้ง ย้าย โอน",
+    path: "lists?system=transfer",
+  },
+  {
+    icon: "mdi-account-star  ",
+    label: "ระบบการประเมินผลการปฏิบัติราชการระดับบุคคล",
+    path: "lists?system=assessment",
+  },
+  {
+    icon: "mdi-briefcase-account",
+    label: "ระบบการพัฒนาบุคลากร /การศึกษาต่อ",
+    path: "lists?system=development",
+  },
+  {
+    icon: "mdi-medal-outline",
+    label: "ระบบงานเครื่องราชอิสริยาภรณ์",
+    path: "lists?system=machine",
+  },
+  {
+    icon: "mdi-monitor-dashboard",
+    label: "ระบบการรายงานและ Dashboard",
+    path: "lists?system=report",
+  },
+  {
+    icon: "mdi-scale-balance",
+    label: "ระบบดำเนินการทางวินัย",
+    path: "lists?system=cybersecurity",
+  },
+  {
+    icon: "mdi-briefcase-account",
+    label: "ระบบบริการเจ้าของข้อมูลบุคคล",
+    path: "lists?system=owner",
+  },
+  {
+    icon: "mdi-account-settings-outline",
+    label: "ระบบข้อมูลหลัก",
+    path: "lists?system=master",
+  },
+  {
+    icon: "mdi-account-child-circle",
+    label: "ระบบ Admin",
+    path: "lists?system=admin",
+  },
+  {
+    icon: "mdi-shield-key",
+    label: "ระบบ Single Sign-On",
+    path: "lists?system=sso",
+  },
+]);
 </script>
 
 <template>
+  <div>
+    <div class="q-pl-lg q-pb-lg text-h6">ประวัติกิจกรรม (Logs)</div>
+
+    <div class="row q-col-gutter-lg full-width">
+      <div class="col-3" :key="index" v-for="(item, index) in menuList">
+        <CardComponents
+          class="cursor-pointer"
+          @click="$router.push(item.path)"
+          :index="index"
+          :icon="item.icon"
+          :label="item.label"
+        />
+      </div>
+    </div>
+  </div>
+
   <div class="row q-mb-lg">
     <q-btn
       flat
@@ -28,3 +141,5 @@ import config from "@/app.config";
     <LogTable />
   </div>
 </template>
+
+<style scoped lang="scss"></style>

From 22878cfc48c7200e0b01366fe1db3a532308a464 Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Wed, 10 Jul 2024 15:10:12 +0700
Subject: [PATCH 4/6] merge UI

---
 src/modules/03_logs/router.ts       |  8 ----
 src/modules/03_logs/views/lists.vue | 58 +++++++++++++++++------------
 2 files changed, 34 insertions(+), 32 deletions(-)

diff --git a/src/modules/03_logs/router.ts b/src/modules/03_logs/router.ts
index 4dd377a2..b24b492b 100644
--- a/src/modules/03_logs/router.ts
+++ b/src/modules/03_logs/router.ts
@@ -9,12 +9,4 @@ export default [
       Role: ["SUPER_ADMIN", "ADMIN"],
     },
   },
-  {
-    path: "/lists/:pathMatch(.*)*",
-    name: "viewLogs",
-    component: ListsPage,
-    meta: {
-      Role: ["SUPER_ADMIN", "ADMIN"],
-    },
-  },
 ];
diff --git a/src/modules/03_logs/views/lists.vue b/src/modules/03_logs/views/lists.vue
index 94551156..f57c8ab5 100644
--- a/src/modules/03_logs/views/lists.vue
+++ b/src/modules/03_logs/views/lists.vue
@@ -4,13 +4,14 @@
 /** importComponents*/
 import CardComponents from "@/modules/03_logs/components/CardComponents.vue";
 import LogTable from "@/modules/03_logs/components/LogTable.vue";
+import { useRoute } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
-import { link } from "fs";
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
+import { useCurrencyInput } from "vue-currency-input";
 
 /** importStore*/
-
+const route = useRoute();
 /** use*/
 
 const menuList = ref<{ icon: string; label: string; path: string }[]>([
@@ -100,13 +101,40 @@ const menuList = ref<{ icon: string; label: string; path: string }[]>([
     path: "lists?system=sso",
   },
 ]);
+
+onMounted(async () => {
+  console.log("");
+});
 </script>
 
 <template>
   <div>
-    <div class="q-pl-lg q-pb-lg text-h6">ประวัติกิจกรรม (Logs)</div>
+    <div class="row q-mb-lg">
+      <q-btn
+        flat
+        v-if="route.query.system"
+        round
+        class="q-mr-sm"
+        color="primary"
+        icon="mdi-arrow-left"
+        dense
+        to="lists"
+      >
+      </q-btn>
+      <div class="row items-center">
+        <span class="toptitle text-dark items-center q-mr-md">
+          ประวัติกิจกรรม (Logs)
+        </span>
+        <div
+          v-if="route.query.system"
+          class="toptitle text-primary items-center"
+        >
+          ระบบทะเบียนประวัติ
+        </div>
+      </div>
+    </div>
 
-    <div class="row q-col-gutter-lg full-width">
+    <div v-if="!route.query.system" class="row q-col-gutter-lg full-width">
       <div class="col-3" :key="index" v-for="(item, index) in menuList">
         <CardComponents
           class="cursor-pointer"
@@ -119,25 +147,7 @@ const menuList = ref<{ icon: string; label: string; path: string }[]>([
     </div>
   </div>
 
-  <div class="row q-mb-lg">
-    <q-btn
-      flat
-      round
-      class="q-mr-sm"
-      color="primary"
-      icon="mdi-arrow-left"
-      dense
-      @click="console.log('test')"
-    >
-    </q-btn>
-    <div class="row items-center">
-      <span class="toptitle text-dark items-center q-mr-md">
-        ประวัติกิจกรรม (Logs)
-      </span>
-      <div class="toptitle text-primary items-center">ระบบทะเบียนประวัติ</div>
-    </div>
-  </div>
-  <div>
+  <div v-if="route.query.system">
     <LogTable />
   </div>
 </template>

From 72a0aa58d4130052330c5524abf61b236a92d7af Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 10 Jul 2024 15:29:00 +0700
Subject: [PATCH 5/6] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=B5=20=E0=B8=9E=E0=B8=B7=E0=B9=89=E0=B8=99=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B1=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/03_logs/components/CardComponents.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/03_logs/components/CardComponents.vue b/src/modules/03_logs/components/CardComponents.vue
index 8792ffeb..3a11f71c 100644
--- a/src/modules/03_logs/components/CardComponents.vue
+++ b/src/modules/03_logs/components/CardComponents.vue
@@ -14,7 +14,7 @@ defineProps<{
     <div :class="`avatar-color-${index + 1}`">
       <q-avatar size="70px" :icon="icon" class="avatar-color" />
     </div>
-    <div class="q-mt-md text-center text-bold" style="font-size: 16px">
+    <div class="q-mt-md text-center text-weight-medium" style="font-size: 16px">
       {{ label }}
     </div>
   </div>
@@ -22,7 +22,7 @@ defineProps<{
 
 <style scoped>
 .avatar-color {
-  background: rgba(var(--color), 0.3); /* 0.5 คือค่า alpha */
+  background: rgba(var(--color), 1); /* 0.5 คือค่า alpha */
 }
 
 .avatar-color-1 {

From 9ff3eea0ff2d9bdfd54b153e2cc3f4ab14324357 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 10 Jul 2024 15:29:06 +0700
Subject: [PATCH 6/6] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=20icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/03_logs/views/lists.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/modules/03_logs/views/lists.vue b/src/modules/03_logs/views/lists.vue
index f57c8ab5..00e67f21 100644
--- a/src/modules/03_logs/views/lists.vue
+++ b/src/modules/03_logs/views/lists.vue
@@ -16,17 +16,17 @@ const route = useRoute();
 
 const menuList = ref<{ icon: string; label: string; path: string }[]>([
   {
-    icon: "list",
+    icon: "mdi-file-account-outline",
     label: "ระบบทะเบียนประวัติ",
     path: "lists?system=register",
   },
   {
-    icon: "",
+    icon: "mdi-account-group",
     label: "ระบบโครงสร้างหน่วยงานและกรอบอัตรากำลัง",
     path: "lists?system=organization",
   },
   {
-    icon: "",
+    icon: "mdi-calendar",
     label: "ระบบบันทึกเวลาปฏิบัติงานและการลา",
     path: "lists?system=timekeeping",
   },
@@ -36,27 +36,27 @@ const menuList = ref<{ icon: string; label: string; path: string }[]>([
     path: "lists?system=search",
   },
   {
-    icon: "",
+    icon: "mdi-account-check-outline",
     label: "ระบบการประเมินบุคคล",
     path: "lists?system=evaluation",
   },
   {
-    icon: "",
+    icon: "mdi-account-cancel-outline",
     label: "ระบบพ้นจากราชการ",
     path: "lists?system=recruit",
   },
   {
-    icon: "",
+    icon: "mdi-cash",
     label: "ระบบการเลื่อนเงินเดือน/ค่าจ้าง",
     path: "lists?system=payroll",
   },
   {
-    icon: "mdi-mdi-account-edit-outline",
+    icon: "mdi-account-check-outline",
     label: "ระบบการบรรจุ แต่งตั้ง ย้าย โอน",
     path: "lists?system=transfer",
   },
   {
-    icon: "mdi-account-star  ",
+    icon: "mdi-account-star",
     label: "ระบบการประเมินผลการปฏิบัติราชการระดับบุคคล",
     path: "lists?system=assessment",
   },