ทะเบียนประวัติ: ข้อมูลครอบครัว
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