ปรับ ผู้ร้้องเรียน ปรับ dialog

src/components/Dialogs/AddPersonal.vue

@@ -41,10 +41,12 @@ const typeOps = ref<typeOp[]>([
 /** หัวข้อที่เเสดงในตาราง */
 const visibleColumns = ref<string[]>([
   "no",
-  "cardId",
+  "idcard",
   "fullName",
   "position",
-  "level",
+  "positionLevel",
+  "salary",
+  "organization",
 ]);
 
 /** หัวตาราง */
@@ -59,11 +61,11 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
   {
-    name: "cardId",
+    name: "idcard",
     align: "left",
-    label: "เลขประจำตัวประชาชน",
+    label: "เลขบัตรประชาชน",
     sortable: true,
-    field: "cardId",
+    field: "idcard",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
@@ -86,11 +88,29 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
   {
-    name: "level",
+    name: "positionLevel",
     align: "left",
     label: "ระดับ",
     sortable: true,
-    field: "level",
+    field: "positionLevel",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "salary",
+    align: "left",
+    label: "เงินเดือน",
+    sortable: true,
+    field: "salary",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "organization",
+    align: "left",
+    label: "หน่วยงาน",
+    sortable: true,
+    field: "organization",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
@@ -155,7 +175,7 @@ function saveData() {
 function searchInput() {
   const data = dataObject.value;
   if (type.value === "idcard") {
-    rows.value = data.filter((item: any) => item.cardId === search.value);
+    rows.value = data.filter((item: any) => item.idcard === search.value);
   } else if (type.value === "firstname") {
     rows.value = data.filter((item: any) => item.firstName === search.value);
   } else if (type.value === "lastname") {
@@ -181,38 +201,38 @@ onMounted(() => {
   const data = [
     {
       id: "001",
-      cardId: "0000000000001",
+      idcard: "0000000000001",
       prefix: "นาง",
       firstName: "ศิรินภา",
       lastName: "คงน้อย",
       position: "ตำเเหน่ง1",
-      level: "level1",
-      degree: "ป.ตรี",
-      oc: "สำนักงาน 1",
+      positionLevel: "level1",
+      salary: "100",
+      organization: "สำนักงาน 1",
       fullName: "นางศิรินภา คงน้อย",
     },
     {
       id: "002",
-      cardId: "0000000000002",
+      idcard: "0000000000002",
       prefix: "นาย",
       firstName: "แก้ว",
       lastName: "คำ",
       position: "ตำแหน่ง2",
-      level: "level2",
-      degree: "ป.โท",
-      oc: "สำนักงาน 2",
+      positionLevel: "level2",
+      salary: "100",
+      organization: "สำนักงาน 2",
       fullName: "นางแก้ว คำ",
     },
     {
       id: "003",
-      cardId: "0000000000003",
+      idcard: "0000000000003",
       prefix: "นาย",
       firstName: "ภัทรานุย",
       lastName: "คงนอย",
       position: "ตำแหน่ง2",
-      level: "level3",
-      degree: "ป.เอก",
-      oc: "สำนักงาน 3",
+      positionLevel: "level3",
+      salary: "100",
+      organization: "สำนักงาน 3",
       fullName: "นางภัทรานุย คงนอย",
     },
   ];
@@ -336,6 +356,9 @@ onMounted(() => {
                   <div v-if="col.name == 'no'">
                     {{ props.rowIndex + 1 }}
                   </div>
+                  <div v-if="col.name === 'fullName'">
+                  {{ props.prefix }}
+                </div>
                   <div>
                     {{ col.value }}
                   </div>