popup เพิ่มข้อมูลทะเบียนประวัติ ข้าราชการ

src/modules/04_registry/components/TableProfile.vue

@@ -20,6 +20,17 @@
         <q-space />
         <div class="items-center row col-12 q-gutter-x-sm">
           <PopupHistory />
+          <q-btn
+            color="primary"
+            dense
+            flat
+            round
+            @click="ocClickAddEmployee"
+            icon="add"
+          >
+            <q-tooltip>เพิ่มข้อมูลทะเบียนประวัติ ข้าราชการ</q-tooltip>
+          </q-btn>
+
           <q-btn
             size="13px"
             color="grey-7"
@@ -431,12 +442,14 @@
       <slot v-bind="props" name="columns"></slot>
     </template>
   </q-table>
+  <PopupADdEmployee v-model:modal="modalEmployee" />
 </template>
 <script setup lang="ts">
 import { ref, useAttrs } from "vue";
 import type { Pagination } from "@/modules/04_registry/interface/index/Main";
 import type { DataOption } from "@/modules/04_registry/components/profileType";
 import PopupHistory from "./PopupHistory.vue";
+import PopupADdEmployee from "@/components/DialogAddEmployee.vue";
 
 const attrs = ref<any>(useAttrs());
 const table = ref<any>(null);
@@ -607,6 +620,11 @@ const resetFilter = () => {
   emit("update:inputfilter", "");
   filterRef.value.focus();
 };
+
+const modalEmployee = ref<boolean>(false);
+function ocClickAddEmployee() {
+  modalEmployee.value = !modalEmployee.value;
+}
 </script>
 <style lang="scss">
 .icon-color {