เพิ่ม pop up delete

src/modules/08_registryEmployee/views/Main.vue

@@ -127,11 +127,7 @@
                       <q-item-section>กำหนดตำแหน่ง</q-item-section>
                     </q-item>
                     <q-separator />
-                    <q-item
+                    <q-item clickable v-close-popup @click="clickDelete">
-                      clickable
-                      v-close-popup
-                      @click="editDetail(props.row, 'wait')"
-                    >
                       <q-item-section
                         style="min-width: 0px"
                         avatar
@@ -233,7 +229,55 @@ const rowsModal = [
   },
   {
     no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางนัทธ์ เหล่าสกุล",
+    name: "นายภูวนัย ต้นทอง",
+    positionNum: "กทม.2",
+    position: "นักบริหาร",
+    path: "บริหาร",
+    type: "บริหาร",
+    level: "ชำนาญการพิเศษ",
+    affiliation: "ฝ่ายบริหารงานทั่วไป",
+    yearly: 2565,
+    pay: "35,000",
+  },
+  {
+    no: "0ac56905-1a74-4606-a120-233340adde95",
+    name: "นางปริศนา ตรีวุฒิ",
+    positionNum: "กบห.3",
+    position: "นักบริหาร",
+    path: "บริหาร",
+    type: "บริหาร",
+    level: "ชำนาญการพิเศษ",
+    affiliation: "ฝ่ายบริหารงานทั่วไป",
+    yearly: 2565,
+    pay: "38,000",
+  },
+  {
+    no: "0ac56905-1a74-4606-a120-233340adde95",
+    name: "นางเมษา เกียรติบวรสกุล ",
+    positionNum: "สกก.3",
+    position: "นักบริหาร",
+    path: "บริหาร",
+    type: "บริหาร",
+    level: "ชำนาญการพิเศษ",
+    affiliation: "ฝ่ายบริหารงานทั่วไป",
+    yearly: 2565,
+    pay: "25,000",
+  },
+  {
+    no: "0ac56905-1a74-4606-a120-233340adde95",
+    name: "นางพริมา พงศ์พินิจ",
+    positionNum: "สกก.3",
+    position: "นักบริหาร",
+    path: "บริหาร",
+    type: "บริหาร",
+    level: "ชำนาญการพิเศษ",
+    affiliation: "ฝ่ายบริหารงานทั่วไป",
+    yearly: 2565,
+    pay: "30,000",
+  },
+  {
+    no: "0ac56905-1a74-4606-a120-233340adde95",
+    name: "นางพรพักตร์ พาใจขวัญ",
     positionNum: "สกก.3",
     position: "นักบริหาร",
     path: "บริหาร",
@@ -245,7 +289,7 @@ const rowsModal = [
   },
   {
     no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางนัทธ์ เหล่าสกุล",
+    name: "นางชลธิมา คมสกุล ",
     positionNum: "สกก.3",
     position: "นักบริหาร",
     path: "บริหาร",
@@ -253,55 +297,7 @@ const rowsModal = [
     level: "ชำนาญการพิเศษ",
     affiliation: "ฝ่ายบริหารงานทั่วไป",
     yearly: 2565,
-    pay: "40,000",
+    pay: "15,000",
-  },
-  {
-    no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางนัทธ์ เหล่าสกุล",
-    positionNum: "สกก.3",
-    position: "นักบริหาร",
-    path: "บริหาร",
-    type: "บริหาร",
-    level: "ชำนาญการพิเศษ",
-    affiliation: "ฝ่ายบริหารงานทั่วไป",
-    yearly: 2565,
-    pay: "40,000",
-  },
-  {
-    no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางนัทธ์ เหล่าสกุล",
-    positionNum: "สกก.3",
-    position: "นักบริหาร",
-    path: "บริหาร",
-    type: "บริหาร",
-    level: "ชำนาญการพิเศษ",
-    affiliation: "ฝ่ายบริหารงานทั่วไป",
-    yearly: 2565,
-    pay: "40,000",
-  },
-  {
-    no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางนัทธ์ เหล่าสกุล",
-    positionNum: "สกก.3",
-    position: "นักบริหาร",
-    path: "บริหาร",
-    type: "บริหาร",
-    level: "ชำนาญการพิเศษ",
-    affiliation: "ฝ่ายบริหารงานทั่วไป",
-    yearly: 2565,
-    pay: "40,000",
-  },
-  {
-    no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางนัทธ์ เหล่าสกุล",
-    positionNum: "สกก.3",
-    position: "นักบริหาร",
-    path: "บริหาร",
-    type: "บริหาร",
-    level: "ชำนาญการพิเศษ",
-    affiliation: "ฝ่ายบริหารงานทั่วไป",
-    yearly: 2565,
-    pay: "40,000",
   },
 ];
 
@@ -413,7 +409,55 @@ const rows = [
   },
   {
     no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางนัทธ์ เหล่าสกุล",
+    name: "นายภูวนัย ต้นทอง",
+    positionNum: "กทม.2",
+    position: "นักบริหาร",
+    path: "บริหาร",
+    type: "บริหาร",
+    level: "ชำนาญการพิเศษ",
+    affiliation: "ฝ่ายบริหารงานทั่วไป",
+    yearly: 2565,
+    pay: "35,000",
+  },
+  {
+    no: "0ac56905-1a74-4606-a120-233340adde95",
+    name: "นางปริศนา ตรีวุฒิ",
+    positionNum: "กบห.3",
+    position: "นักบริหาร",
+    path: "บริหาร",
+    type: "บริหาร",
+    level: "ชำนาญการพิเศษ",
+    affiliation: "ฝ่ายบริหารงานทั่วไป",
+    yearly: 2565,
+    pay: "38,000",
+  },
+  {
+    no: "0ac56905-1a74-4606-a120-233340adde95",
+    name: "นางเมษา เกียรติบวรสกุล ",
+    positionNum: "สกก.3",
+    position: "นักบริหาร",
+    path: "บริหาร",
+    type: "บริหาร",
+    level: "ชำนาญการพิเศษ",
+    affiliation: "ฝ่ายบริหารงานทั่วไป",
+    yearly: 2565,
+    pay: "25,000",
+  },
+  {
+    no: "0ac56905-1a74-4606-a120-233340adde95",
+    name: "นางพริมา พงศ์พินิจ",
+    positionNum: "สกก.3",
+    position: "นักบริหาร",
+    path: "บริหาร",
+    type: "บริหาร",
+    level: "ชำนาญการพิเศษ",
+    affiliation: "ฝ่ายบริหารงานทั่วไป",
+    yearly: 2565,
+    pay: "30,000",
+  },
+  {
+    no: "0ac56905-1a74-4606-a120-233340adde95",
+    name: "นางพรพักตร์ พาใจขวัญ",
     positionNum: "สกก.3",
     position: "นักบริหาร",
     path: "บริหาร",
@@ -423,6 +467,18 @@ const rows = [
     yearly: 2565,
     pay: "40,000",
   },
+  {
+    no: "0ac56905-1a74-4606-a120-233340adde95",
+    name: "นางชลธิมา คมสกุล ",
+    positionNum: "สกก.3",
+    position: "นักบริหาร",
+    path: "บริหาร",
+    type: "บริหาร",
+    level: "ชำนาญการพิเศษ",
+    affiliation: "ฝ่ายบริหารงานทั่วไป",
+    yearly: 2565,
+    pay: "15,000",
+  },
   {
     no: "0ac56905-1a74-4606-a120-233340adde95",
     name: "นางนัทธ์ เหล่าสกุล",
@@ -457,7 +513,7 @@ const rows = [
     level: "ชำนาญการพิเศษ",
     affiliation: "ฝ่ายบริหารงานทั่วไป",
     yearly: 2565,
-    pay: "40,000",
+    pay: "17,000",
   },
   {
     no: "0ac56905-1a74-4606-a120-233340adde95",
@@ -481,7 +537,7 @@ const rows = [
     level: "ชำนาญการพิเศษ",
     affiliation: "ฝ่ายบริหารงานทั่วไป",
     yearly: 2565,
-    pay: "40,000",
+    pay: "20,250",
   },
 ];
 
@@ -532,17 +588,25 @@ const clickAdd = () => {
   router.push({ name: "" });
 };
 
+const editDetail = () => {
+  router.push({ name: "" });
+};
+
 const clickDelete = (id: string) => {
-  dialogMessage(
+  $q.dialog({
-    $q,
+    title: "ยืนยันการลบข้อมูล",
-    "ยืนยันการลบข้อมูล",
+    message: "ต้องการลบข้อมูลนี้ใช่หรือไม่?",
-    "ต้องการลบข้อมูลนี้ใช่หรือไม่?",
+    cancel: {
-    "mdi-help-circle-outline",
+      flat: true,
-    "ตกลง",
+      color: "negative",
-    "red",
+    },
-    () => deleteData(id),
+    persistent: true,
-    undefined
+  })
-  );
+    .onOk(async () => {
+      await deleteData(id);
+    })
+    .onCancel(() => {})
+    .onDismiss(() => {});
 };
 
 const nodeTree = async () => {