popup

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

@@ -4,10 +4,12 @@ import { ref } from "vue";
 /** importComponents*/
 import ListView from "@/modules/02_organizationalNew/components/listView.vue";
 import StructureView from "@/modules/02_organizationalNew/components/structureView.vue";
+import DialogFormNewStructure from "@/modules/02_organizationalNew/components/DialogNewStructure.vue";
 
 /** importStore*/
 import { useOrganizational } from "@/modules/02_organizationalNew/store/organizational";
 
+const modalNewStructure = ref<boolean>(false);
 const stroe = useOrganizational();
 
 const isStatusData = ref<boolean>(true);
@@ -32,9 +34,16 @@ const itemStructure = ref<any>([
 ]);
 </script>
 <template>
+  <q-btn
+    color="indigo-9"
+    label="pop up สร้างโครงสร้างใหม่"
+    @click="modalNewStructure = true"
+  >
+  </q-btn>
   <div class="row">
     <div class="toptitle text-dark row items-center">โครงสร้างอัตรากำลัง</div>
     <q-space />
+
     <div class="toptitle row" v-if="stroe.typeOrganizational === 'draft'">
       <q-btn color="indigo-9" icon="alarm" label="ตั้งเวลาเผยแพร่"> </q-btn>
     </div>
@@ -139,6 +148,8 @@ const itemStructure = ref<any>([
       </q-card>
     </div>
   </q-card>
+
+  <DialogFormNewStructure v-model:new-structure="modalNewStructure" />
 </template>
 
 <style scoped></style>