เพิ่มอัตรากำลัง

src/modules/02_organizationalNew/components/tableTree.vue

@@ -17,6 +17,7 @@ const orgLevel = defineModel<number>("orgLevel", { require: true });
 const treeId = defineModel<string>("treeId", { require: true });
 const stroe = useOrganizational();
 const filter = ref<string>("");
+const actionType = ref<string>("");
 const listMenu = ref<ListMenu[]>([
   {
     label: "ดูรายละเอียด",
@@ -24,6 +25,12 @@ const listMenu = ref<ListMenu[]>([
     type: "VIEWDETIAL",
     color: "primary",
   },
+  {
+    label: "แก้ไข",
+    icon: "edit",
+    type: "EDIT",
+    color: "primary",
+  },
 ]);
 const document = ref<any>([
   {
@@ -113,7 +120,8 @@ const rows = ref<any>([
 ]);
 
 const dialogPosition = ref<boolean>(false);
-function onClickPosition() {
+function onClickPosition(type: string) {
+  actionType.value = type;
   dialogPosition.value = !dialogPosition.value;
 }
 
@@ -133,7 +141,7 @@ function onClickViewDetail() {
           dense
           color="primary"
           icon="add"
-          @click="onClickPosition"
+          @click="onClickPosition('ADD')"
         >
           <q-tooltip>เพิ่มตำแหน่ง</q-tooltip></q-btn
         >
@@ -240,7 +248,11 @@ function onClickViewDetail() {
                     clickable
                     v-close-popup
                     @click="
-                      item.type === 'VIEWDETIAL' ? onClickViewDetail() : null
+                      item.type === 'VIEWDETIAL'
+                        ? onClickViewDetail()
+                        : item.type === 'EDIT'
+                        ? onClickPosition('EDIT')
+                        : null
                     "
                   >
                     <q-item-section avatar>
@@ -363,6 +375,7 @@ function onClickViewDetail() {
     :close="onClickPosition"
     :orgLevel="orgLevel"
     :treeId="treeId"
+    :actionType="actionType"
   />
 
   <!-- รายละเอียดตำแหน่ง -->