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

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