From e9ee7e7f40f4c85ee11ca4b5b8ad8d460d75d989 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 28 May 2024 15:14:34 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9C=E0=B8=B1=E0=B8=87=E0=B8=9A=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=8D=E0=B8=8A=E0=B8=B5=E0=B8=84=E0=B9=88=E0=B8=B2=E0=B8=88?=
 =?UTF-8?q?=E0=B9=89=E0=B8=B2=E0=B8=87=E0=B8=A5=E0=B8=B9=E0=B8=81=E0=B8=88?=
 =?UTF-8?q?=E0=B9=89=E0=B8=B2=E0=B8=87=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=88?=
 =?UTF-8?q?=E0=B8=B3=20=3D>=20=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20field?=
 =?UTF-8?q?=20date?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/00_support/router.ts              | 13 +++
 .../04_registryNew/views/detailView.vue       |  1 -
 .../DialogEmployeeChart.vue                   |  2 +
 .../salaryEmployeeChart/TabStructure.vue      | 15 ++--
 src/views/TestManagement.vue                  | 89 +++++++++++++++++++
 5 files changed, 114 insertions(+), 6 deletions(-)
 create mode 100644 src/views/TestManagement.vue

diff --git a/src/modules/00_support/router.ts b/src/modules/00_support/router.ts
index 659c27e00..d2762cfc7 100644
--- a/src/modules/00_support/router.ts
+++ b/src/modules/00_support/router.ts
@@ -2,6 +2,8 @@ const supportMain = () => import("@/modules/00_support/views/MainPage.vue");
 const supportCategory = () =>
   import("@/modules/00_support/views/ManageCategory.vue");
 
+const testView = () => import("@/views/TestManagement.vue");
+
 export default [
   {
     path: "/support",
@@ -23,4 +25,15 @@ export default [
       Role: "support",
     },
   },
+
+  {
+    path: "/test",
+    name: "testView",
+    component: testView,
+    meta: {
+      Auth: true,
+      Key: [1.1],
+      Role: "support",
+    },
+  },
 ];
diff --git a/src/modules/04_registryNew/views/detailView.vue b/src/modules/04_registryNew/views/detailView.vue
index c259d03d0..06e726228 100644
--- a/src/modules/04_registryNew/views/detailView.vue
+++ b/src/modules/04_registryNew/views/detailView.vue
@@ -271,7 +271,6 @@ function onClickDownloadKp7(type: string) {
     })
     .then((res) => {
       const data = res.data;
-      console.log(data);
       const blob = new Blob([data], { type: "application/pdf" });
       const url = URL.createObjectURL(blob);
       const link = document.createElement("a");
diff --git a/src/modules/13_salary/components/salaryEmployeeChart/DialogEmployeeChart.vue b/src/modules/13_salary/components/salaryEmployeeChart/DialogEmployeeChart.vue
index 2055d9ca2..3cf367eaa 100644
--- a/src/modules/13_salary/components/salaryEmployeeChart/DialogEmployeeChart.vue
+++ b/src/modules/13_salary/components/salaryEmployeeChart/DialogEmployeeChart.vue
@@ -127,6 +127,8 @@ watch(
   () => {
     if (modal.value && props.isStatusEdit) {
       fetchSalaryDetail(props.data.id);
+    } else {
+      isReadonly.value = false;
     }
   }
 );
diff --git a/src/modules/13_salary/components/salaryEmployeeChart/TabStructure.vue b/src/modules/13_salary/components/salaryEmployeeChart/TabStructure.vue
index fb868e4ed..75d7a99be 100644
--- a/src/modules/13_salary/components/salaryEmployeeChart/TabStructure.vue
+++ b/src/modules/13_salary/components/salaryEmployeeChart/TabStructure.vue
@@ -66,11 +66,11 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
   {
-    name: "date",
+    name: "startDate",
     align: "left",
     label: "วันที่มีผลบังคับใช้",
     sortable: true,
-    field: "date",
+    field: "startDate",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
@@ -85,7 +85,12 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 const rows = ref<EmployeeSalary[]>([]);
-const visibleColumns = ref<string[]>(["name", "group", "date", "isActive"]);
+const visibleColumns = ref<string[]>([
+  "name",
+  "group",
+  "startDate",
+  "isActive",
+]);
 
 /** List Mune*/
 const itemMenu = ref<ItemsMenu[]>([
@@ -229,8 +234,8 @@ function onClickDelete(id: string) {
 
 /** function เปิด dialog เพิ่มผังบัญชีค่าจ้างลูกจ้างประจำ*/
 function onClickAdd() {
-  modalDialogEmployeeChart.value = true;
   isStatusEdit.value = false;
+  modalDialogEmployeeChart.value = true;
 }
 
 /** functionn fetch ข้อมูลรายการหน้าแรก*/
@@ -324,7 +329,7 @@ onMounted(() => {
     <template v-slot:body="props">
       <q-tr :props="props" class="cursor-pointer">
         <q-td v-for="col in props.cols" :key="col.name" :props="props">
-          <div v-if="col.name === 'date'">
+          <div v-if="col.name === 'startDate'">
             {{ col.value ? date2Thai(col.value) : "-" }}
           </div>
           <div v-else-if="col.name === 'group'">
diff --git a/src/views/TestManagement.vue b/src/views/TestManagement.vue
new file mode 100644
index 000000000..80139f275
--- /dev/null
+++ b/src/views/TestManagement.vue
@@ -0,0 +1,89 @@
+<script setup lang="ts">
+import { ref } from "vue";
+
+const splitterModel = ref<number>(15);
+const tab = ref<string>("admin");
+const active = ref<string>("role");
+</script>
+
+<template>
+  <q-card
+    ><q-splitter v-model="splitterModel" disable>
+      <template v-slot:before>
+        <div class="">
+          <div class="text-h4 q-mb-md q-pa-md">Management</div>
+          <q-list separator>
+            <q-item
+              clickable
+              v-ripple
+              :active="active === 'role' ? true : false"
+              active-class="bg-primary text-grey-1"
+              @click="active = 'role'"
+            >
+              <q-item-section>Role Management</q-item-section>
+            </q-item>
+
+            <q-item
+              clickable
+              v-ripple
+              :active="active === 'user' ? true : false"
+              active-class="bg-primary text-grey-1"
+              @click="active = 'user'"
+            >
+              <q-item-section>
+                <q-item-label>User Management</q-item-label>
+              </q-item-section>
+            </q-item>
+          </q-list>
+        </div>
+      </template>
+
+      <template v-slot:after>
+        <div class="q-pa-md">
+          <div class="text-h4 q-mb-md">
+            {{ active === "role" ? "Role Management" : "User Management" }}
+          </div>
+        </div>
+        <div v-if="active === 'role'"></div>
+        <div v-else>
+          <q-tabs
+            v-model="tab"
+            class="text-grey"
+            active-color="primary"
+            indicator-color="primary"
+            align="justify"
+          >
+            <q-tab name="admin">
+              <div class="text-h7">
+                Admin
+                <q-badge align="top" color="red" rounded label="10"></q-badge>
+              </div>
+            </q-tab>
+            <q-tab name="user">
+              <div class="text-h7">
+                User
+                <q-badge align="top" color="red" rounded label="100"></q-badge>
+              </div>
+            </q-tab>
+          </q-tabs>
+
+          <q-separator />
+
+          <q-tab-panels v-model="tab" animated>
+            <q-tab-panel name="admin">
+              <div class="text-h6">Mails</div>
+              Lorem ipsum dolor sit amet consectetur adipisicing elit.
+            </q-tab-panel>
+
+            <q-tab-panel name="user">
+              <div class="text-h6">Alarms</div>
+              Lorem ipsum dolor sit amet consectetur adipisicing elit.
+            </q-tab-panel>
+          </q-tab-panels>
+        </div>
+      </template>
+    </q-splitter>
+  </q-card>
+</template>
+
+<style scoped></style>