เพิ่ม dialog detail

src/modules/02_organizationalNew/views/main.vue

@@ -5,6 +5,7 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 
 /** importType*/
+import type { DataOption } from "@/modules/02_organizationalNew/interface/index/Main";
 
 /** importComponents*/
 import ListView from "@/modules/02_organizationalNew/components/listView.vue";
@@ -30,21 +31,21 @@ const stroe = useOrganizational();
 const isStatusData = ref<boolean>(false);
 const ishasActive = ref<boolean>(false);
 const ishasDraft = ref<boolean>(false);
-const itemStructure = ref<any>([
+const itemStructure = ref<DataOption[]>([
   {
-    val: "NEW",
+    id: "NEW",
     name: "สร้างใหม่",
   },
   {
-    val: "ORG",
+    id: "ORG",
     name: "ทำสำเนาเฉพาะโครงสร้าง",
   },
   {
-    val: "ORG_POSITION",
+    id: "ORG_POSITION",
     name: "ทำสำเนาโครงสร้างและตำแหน่ง",
   },
   {
-    val: "ORG_POSITION_PERSON",
+    id: "ORG_POSITION_PERSON",
     name: "ทำสำเนาโครงสร้าง ตำแหน่งและคนครอง",
   },
 ]);
@@ -183,7 +184,7 @@ onMounted(async () => {
                   v-close-popup
                   v-for="(item, index) in itemStructure"
                   :key="index"
-                  @click="ocClickAddStructure(item.val)"
+                  @click="ocClickAddStructure(item.id)"
                 >
                   <q-item-section>
                     <q-item-label>{{ item.name }}</q-item-label>
@@ -242,14 +243,10 @@ onMounted(async () => {
   <DialogHistory :modal="modalHistory" :close="onClickHistory" />
 
   <!-- รายละเอียดโครงสร้าง -->
-  <DialogStructureDetail
-    v-model:structure-detail="modalStructureDetail"
-  />
+  <DialogStructureDetail v-model:structure-detail="modalStructureDetail" />
 
   <!-- รายละเอียดตำแหน่ง -->
-  <DialogPositionDetail
-    v-model:position-detail="modalPositionDetail"
-  />
+  <DialogPositionDetail v-model:position-detail="modalPositionDetail" />
 </template>
 
 <style scoped></style>