ผังบัญชีค่าจ้างลูกจ้างประจำ => ปรับ field date

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",
+    },
+  },
 ];

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");

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;
     }
   }
 );

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'">

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>