ทะเบียนประวัติ => ข้อมูลเงินเดือน/ค่าจ้าง

src/modules/04_registryNew/components/detail/Salary/01_PositionSalary.vue

@@ -147,13 +147,37 @@ const pagination = ref({
 
 const rows = ref<any>([
   {
-    id: "1",
+    date: new Date(),
+    amount: 20000,
+    positionSalaryAmount: 20000,
+    mouthSalaryAmount: 20000,
+    posNo: "1",
+    postionTypeName: "คำแหน่งประเภท",
+    positionLevelName: "ระดับ",
+    salaryRef: "เอกสารอ้างอิง",
+    refCommandNo: "เลขที่คำสั่ง",
   },
   {
-    id: "2",
+    date: new Date(),
+    amount: 20000,
+    positionSalaryAmount: 20000,
+    mouthSalaryAmount: 20000,
+    posNo: "1",
+    postionTypeName: "คำแหน่งประเภท",
+    positionLevelName: "ระดับ",
+    salaryRef: "เอกสารอ้างอิง",
+    refCommandNo: "เลขที่คำสั่ง",
   },
   {
-    id: "3",
+    date: new Date(),
+    amount: 20000,
+    positionSalaryAmount: 20000,
+    mouthSalaryAmount: 20000,
+    posNo: "1",
+    postionTypeName: "คำแหน่งประเภท",
+    positionLevelName: "ระดับ",
+    salaryRef: "เอกสารอ้างอิง",
+    refCommandNo: "เลขที่คำสั่ง",
   },
 ]);
 
@@ -203,15 +227,29 @@ const posTypeOptions = ref<DataOption2[]>(store.optionTemplatePos);
 const posLevelOption = ref<DataOption2[]>(store.optionTemplatePos);
 const docOption = ref<DataOption2[]>(store.optionTemplateDoc);
 
-function onClickOpenDialog(type: string) {
-  if (type === "ADD") {
-    isStatusEdit.value = false;
-  } else {
-    isStatusEdit.value = true;
-  }
+function onClickOpenDialog(statusEdit: boolean = false, data: any = []) {
   modalDialogSalary.value = true;
+  formDataSalary.date = statusEdit ? data.date : null;
+  formDataSalary.posNo = statusEdit ? data.posNo : "";
+  // formDataSalary.templatePos = statusEdit ? data.templatePos : "";
+  // formDataSalary.position = statusEdit ? data.position : "";
+  // formDataSalary.positionLineName = statusEdit ? data.positionLineName : "";
+  // formDataSalary.typePosition = statusEdit ? data.postionTypeName : "";
+  // formDataSalary.levelPosition = statusEdit ? data.levelPosition : "";
+  // formDataSalary.positionPathSideName = statusEdit
+  //   ? data.positionPathSideName
+  //   : "";
+  // formDataSalary.positionExecutiveName = statusEdit
+  //   ? data.positionExecutiveName
+  //   : "";
+  formDataSalary.salaryCompensation = statusEdit ? data.mouthSalaryAmount : "";
+  formDataSalary.salary = statusEdit ? data.amount : "";
+  formDataSalary.salaryPos = statusEdit ? data.positionSalaryAmount : "";
+  // formDataSalary.refCommandNo = statusEdit ? data.refCommandNo : "";
+  // formDataSalary.templateDoc = statusEdit ? data.templateDoc : "";
+  formDataSalary.doc = statusEdit ? data.salaryRef : "";
 }
-function onClickCcloseDialog() {
+function onClickCloseDialog() {
   modalDialogSalary.value = false;
 }
 
@@ -278,7 +316,7 @@ function onSubmit() {
   }
   if (hasError.every((result) => result === true)) {
     dialogConfirm($q, () => {
-      onClickCcloseDialog();
+      onClickCloseDialog();
     });
   }
 }
@@ -296,7 +334,7 @@ function ocClikcHistory() {
   </div>
 
   <q-toolbar style="padding: 0px" class="text-primary">
-    <q-btn flat round dense icon="add" @click="onClickOpenDialog('ADD')">
+    <q-btn flat round dense icon="add" @click="onClickOpenDialog()">
       <q-tooltip>เพิ่ม</q-tooltip>
     </q-btn>
     <q-space />
@@ -381,11 +419,22 @@ function ocClikcHistory() {
         <q-td
           v-for="col in props.cols"
           :key="col.id"
-          @click="onClickOpenDialog('EDIT')"
+          @click="onClickOpenDialog(true, props.row)"
         >
-          <template>
-            {{ col.value ? col.value : "-" }}
-          </template>
+          <div v-if="col.name === 'date'">
+            {{ col.value ? date2Thai(col.value) : "-" }}
+          </div>
+          <div v-else-if="col.name === 'amount'">
+            {{ col.value ? col.value.toLocaleString() : "-" }}
+          </div>
+
+          <div v-else-if="col.name === 'positionSalaryAmount'">
+            {{ col.value ? col.value.toLocaleString() : "-" }}
+          </div>
+          <div v-else-if="col.name === 'mouthSalaryAmount'">
+            {{ col.value ? col.value.toLocaleString() : "-" }}
+          </div>
+          <div v-else>{{ col.value ? col.value : "-" }}</div>
         </q-td>
         <q-td auto-width>
           <q-btn
@@ -423,7 +472,7 @@ function ocClikcHistory() {
           :tittle="
             isStatusEdit ? 'แก้ไขตำแหน่งเงินเดือน' : 'เพิ่มตำแหน่งเงินเดือน'
           "
-          :close="onClickCcloseDialog"
+          :close="onClickCloseDialog"
         />
         <q-separator />
         <q-card-section class="q-pa-sm bg-grey-1">