ทะเบียนประวัติ: ข้อมูลครอบครัว
This commit is contained in:
oat_dev
parent
c6c643e213
commit
10e29c1999
2 changed files with 637 additions and 468 deletions
File diff suppressed because it is too large
Load diff
|
|
@ -0,0 +1,237 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, reactive, onMounted, watch } from "vue";
|
||||||
|
import dialogHeader from "@/components/DialogHeader.vue";
|
||||||
|
import { useCounterMixin } from "@/stores/mixin";
|
||||||
|
import { QForm, useQuasar } from "quasar";
|
||||||
|
import http from "@/plugins/http";
|
||||||
|
import config from "@/app.config";
|
||||||
|
|
||||||
|
const mixin = useCounterMixin();
|
||||||
|
const $q = useQuasar();
|
||||||
|
const {
|
||||||
|
dialogRemove,
|
||||||
|
dialogConfirm,
|
||||||
|
showLoader,
|
||||||
|
hideLoader,
|
||||||
|
messageError,
|
||||||
|
success,
|
||||||
|
date2Thai,
|
||||||
|
} = mixin;
|
||||||
|
|
||||||
|
const historyRows = ref<any>([]);
|
||||||
|
|
||||||
|
const historyDialog = defineModel<boolean>("historyDialog", { required: true });
|
||||||
|
const id = defineModel<string>("id", { required: true });
|
||||||
|
const index = ref<number>(10);
|
||||||
|
function closeHistoryDialog() {
|
||||||
|
historyDialog.value = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function fetchHistoryData(id: string) {
|
||||||
|
showLoader();
|
||||||
|
await http
|
||||||
|
.get(config.API.profileNewFamilyHisByFamilyId(id))
|
||||||
|
.then(async (res) => {
|
||||||
|
console.log(res.data.result);
|
||||||
|
historyRows.value = res.data.result;
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
messageError($q, err);
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
hideLoader();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<q-dialog v-model="historyDialog" class="dialog" persistent>
|
||||||
|
<q-card style="min-width: 70%" class="bg-white">
|
||||||
|
<q-card-section class="flex justify-between" style="padding: 0">
|
||||||
|
<dialog-header
|
||||||
|
tittle="ประวัติแก้ไขข้อมูลครอบครัว"
|
||||||
|
:close="closeHistoryDialog"
|
||||||
|
/>
|
||||||
|
</q-card-section>
|
||||||
|
<q-separator color="grey-4" />
|
||||||
|
<div class="q-pa-md">
|
||||||
|
<div>
|
||||||
|
<div class="col-12 row q-pb-sm">
|
||||||
|
<div class="q-mr-md text-weight-bold text-primary text-subtitle1">
|
||||||
|
• บิดา
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<q-card bordered class="bg-grey-1 q-gutter-md q-ma-none q-pb-md">
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<div>เลขบัตรประจำตัวประชาชน</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
{{ historyRows[index].fatherCitizenId }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">คำนำหน้าชื่อ</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ historyRows[index].fatherPrefix }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">ชื่อ</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ historyRows[index].fatherFirstName }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">นามสกุล</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ historyRows[index].fatherLastName }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">อาชีพ</div>
|
||||||
|
<div class="col">
|
||||||
|
{{ historyRows[index].fatherCareer }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">สถานภาพการมีชีวิต</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div v-if="historyRows[index].fatherLive">มีชีวิตอยู่</div>
|
||||||
|
<div v-else>ถึงแก่กรรม</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="col-12 row q-pb-sm q-pt-md">
|
||||||
|
<div class="q-mr-md text-weight-bold text-primary text-subtitle1">
|
||||||
|
• มารดา
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<q-card bordered class="bg-grey-1 q-gutter-md q-ma-none q-pb-md">
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<div>เลขบัตรประจำตัวประชาชน</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
{{ historyRows[index].motherCitizenId }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">คำนำหน้าชื่อ</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ historyRows[index].motherPrefix }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">ชื่อ</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ historyRows[index].motherFirstName }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">นามสกุล</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ historyRows[index].motherLastName }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">อาชีพ</div>
|
||||||
|
<div class="col">
|
||||||
|
{{ historyRows[index].motherCareer }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">สถานภาพการมีชีวิต</div>
|
||||||
|
<div class="col">
|
||||||
|
<div v-if="historyRows[index].motherLive">มีชีวิตอยู่</div>
|
||||||
|
<div v-else>ถึงแก่กรรม</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="col-12 row q-pb-sm q-pt-md">
|
||||||
|
<div class="q-mr-md text-weight-bold text-primary text-subtitle1">
|
||||||
|
• คู่สมรส
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<q-card bordered class="bg-grey-1 q-gutter-md q-ma-none q-pb-md">
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<div>เลขบัตรประจำตัวประชาชน</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
{{ historyRows[index].coupleCitizenId }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">คำนำหน้าชื่อ</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ historyRows[index].couplePrefix }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">ชื่อ</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ historyRows[index].firstName }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">นามสกุล</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ historyRows[index].coupleLastName }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">อาชีพ</div>
|
||||||
|
<div class="col">
|
||||||
|
{{ historyRows[index].coupleCareer }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">สถานภาพการมีชีวิต</div>
|
||||||
|
<div class="col">
|
||||||
|
<div v-if="historyRows[index].coupleLive">มีชีวิตอยู่</div>
|
||||||
|
<div v-else>ถึงแก่กรรม</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</div>
|
||||||
|
<!-- <div>
|
||||||
|
<div class="col-12 row q-pb-sm q-pt-md">
|
||||||
|
<div class="q-mr-md text-weight-bold text-primary text-subtitle1">
|
||||||
|
• บุตร
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-for="(children, indexIn) in historyRows[index].children"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<div class="col-12 row q-gutter-sm q-pb-xs q-mt-xs">
|
||||||
|
<div class="text-medium">บุตรคนที่ : {{ indexIn + 1 }}</div>
|
||||||
|
</div>
|
||||||
|
<q-card bordered class="bg-grey-1 q-gutter-md q-ma-none q-pb-md">
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<div>เลขบัตรประจำตัวประชาชน</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
{{ children.childrenCitizenId }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">คำนำหน้าชื่อ</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ children.childrenPrefix }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">ชื่อ</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ children.childrenFirstName }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">นามสกุล</div>
|
||||||
|
<div class="col-2">
|
||||||
|
{{ children.childrenLastName }}
|
||||||
|
</div>
|
||||||
|
<div class="col-1">อาชีพ</div>
|
||||||
|
<div class="col">
|
||||||
|
{{ children.childrenCareer }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row items-center">
|
||||||
|
<div class="col-2">สถานภาพการมีชีวิต</div>
|
||||||
|
<div class="col">
|
||||||
|
<div v-if="children.childrenLive">มีชีวิตอยู่</div>
|
||||||
|
<div v-else>ถึงแก่กรรม</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</q-dialog>
|
||||||
|
</template>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue