รายละเอียดตำแหน่ง

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

@@ -12,6 +12,7 @@ import type {
 } from "@/modules/02_organizationalNew/interface/index/Main";
 import type { FilterMaster } from "@/modules/02_organizationalNew/interface/request/organizational";
 import type { PosMaster2 } from "@/modules/02_organizationalNew/interface/response/organizational";
+import type { DataPosition } from "@/modules/02_organizationalNew/interface/index/organizational";
 
 /** importComponents*/
 import DialogFormPosotion from "@/modules/02_organizationalNew/components/DialogFormPosition.vue";
@@ -238,8 +239,10 @@ function onClickPosition(type: string, id: string) {
 }
 
 const dialogDetail = ref<boolean>(false);
-function onClickViewDetail() {
+const dataDetailPos = ref<DataPosition[]>([]);
+function onClickViewDetail(data: DataPosition[]) {
   dialogDetail.value = !dialogDetail.value;
+  dataDetailPos.value = data;
 }
 
 function onClickDelete(id: string) {
@@ -436,7 +439,7 @@ function updatePagination(newPagination: NewPagination) {
                     v-close-popup
                     @click="
                       item.type === 'VIEWDETIAL'
-                        ? onClickViewDetail()
+                        ? onClickViewDetail(props.row)
                         : item.type === 'EDIT'
                         ? onClickPosition('EDIT', props.row.id)
                         : item.type === 'DEL'
@@ -480,7 +483,6 @@ function updatePagination(newPagination: NewPagination) {
                     >
                       <span class="text-weight-medium">{{ col.label }}</span>
                     </q-th>
-                    <!-- <q-th auto-width></q-th> -->
                   </q-tr>
                 </template>
                 <template v-slot:body="props">
@@ -498,39 +500,6 @@ function updatePagination(newPagination: NewPagination) {
                         {{ col.value }}
                       </div>
                     </q-td>
-                    <!-- <q-td>
-                      <q-btn
-                        flat
-                        dense
-                        icon="mdi-dots-vertical"
-                        class="q-pa-none q-ml-xs"
-                        color="grey-13"
-                      >
-                        <q-menu>
-                          <q-list
-                            dense
-                            style="min-width: 200px"
-                            v-for="(item, index) in listMenu"
-                            :key="index"
-                          >
-                            <q-item
-                              clickable
-                              v-close-popup
-                              @click="
-                                item.type === 'VIEWDETIAL'
-                                  ? onClickViewDetail()
-                                  : null
-                              "
-                            >
-                              <q-item-section avatar>
-                                <q-icon :color="item.color" :name="item.icon" />
-                              </q-item-section>
-                              <q-item-section>{{ item.label }}</q-item-section>
-                            </q-item>
-                          </q-list>
-                        </q-menu>
-                      </q-btn>
-                    </q-td> -->
                   </q-tr>
                 </template>
               </q-table>
@@ -553,7 +522,10 @@ function updatePagination(newPagination: NewPagination) {
   </div>
 
   <!-- รายละเอียดตำแหน่ง -->
-  <DialogPositionDetail v-model:position-detail="dialogDetail" />
+  <DialogPositionDetail
+    v-model:position-detail="dialogDetail"
+    :dataDetailPos="dataDetailPos"
+  />
 
   <!-- อัตรากำลัง -->
   <DialogFormPosotion