62 lines
2.1 KiB
Vue
62 lines
2.1 KiB
Vue
<template>
|
|
<Information :notiNoEdit="notiNoEdit" v-model:statusEdit="statusEdit" />
|
|
<Government :notiNoEdit="notiNoEdit" v-model:statusEdit="statusEdit" />
|
|
<Address :notiNoEdit="notiNoEdit" v-model:statusEdit="statusEdit" />
|
|
<Family :notiNoEdit="notiNoEdit" v-model:statusEdit="statusEdit" />
|
|
<!-- <Certicate v-model:statusEdit="statusEdit" :profileType="profileType" /> -->
|
|
<!-- <NotifyError
|
|
:modalError="modalNoEdit"
|
|
:modalErrorTittle="modalNoEditTittle"
|
|
:modalErrorDetail="modalNoEditDetail"
|
|
:close="closeModalError"
|
|
/> -->
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { ref, onMounted, watch } from "vue";
|
|
import Information from "@/modules/04_registry/components/Information/Information.vue";
|
|
import Government from "@/modules/04_registry/components/Information/Government.vue";
|
|
import Address from "@/modules/04_registry/components/Information/Address.vue";
|
|
import Family from "@/modules/04_registry/components/Information/Family.vue";
|
|
import Certicate from "@/modules/04_registry/components/Information/Certicate.vue";
|
|
// import NotifyError from "@/components/NotifyError.vue";
|
|
import { useDataStore } from "@/stores/data";
|
|
|
|
const props = defineProps({
|
|
statusEdit: {
|
|
type: Boolean,
|
|
required: true,
|
|
},
|
|
profileType: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
});
|
|
const emit = defineEmits(["update:statusEdit"]);
|
|
|
|
const dataStore = useDataStore();
|
|
const { loaderPage } = dataStore;
|
|
const statusEdit = ref<boolean>(false);
|
|
const modalNoEdit = ref<boolean>(false);
|
|
const modalNoEditTittle = ref<string>("ไม่สามารถไม่สามารถแก้ไขข้อมูลได้?");
|
|
const modalNoEditDetail = ref<string>("มีข้อมูลที่ยังไม่ถูกบันทึกข้อมูล");
|
|
|
|
watch(statusEdit, (count: boolean, prevCount: boolean) => {
|
|
emit("update:statusEdit", count);
|
|
});
|
|
|
|
watch(props, (count: any, prevCount: any) => {
|
|
statusEdit.value = props.statusEdit;
|
|
});
|
|
|
|
onMounted(() => {
|
|
loaderPage(false);
|
|
});
|
|
|
|
const notiNoEdit = () => {
|
|
modalNoEdit.value = true;
|
|
};
|
|
|
|
const closeModalError = () => {
|
|
modalNoEdit.value = false;
|
|
};
|
|
</script>
|