hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ ตรวจสอบข้อมูลกับกรมการปกครอง

Browse source
This commit is contained in:
setthawutttty 2024-10-10 13:24:26 +07:00
parent adcb1f034f
commit 189347832c
5 changed files with 204 additions and 159 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/modules/05_placement/components/PersonalDetail/CheckInformation/01_FormInformations.vue
View file

@ -21,6 +21,7 @@ const { showLoader, hideLoader, messageError, dateToISO, date2Thai } = mixin;
const informaData = defineModel<Information>("formInformations", {
required: true,
});
const age = defineModel<boolean>("age", { required: true });
const props = defineProps({
Ops: {
type: Object as PropType<any>,
@ -30,8 +31,6 @@ const props = defineProps({
},
});
const age = ref<boolean>(true); //อายุ
/**
* ฟังก์เลือกวันเดือนปีเกิด
* @param modelData วันเดือนปีเกิด
@ -165,7 +164,6 @@ function filterSelector(val: string, update: Function, refData: string) {
lazy-rules
v-model="informaData.prefixId"
emit-value
readonly
map-options
option-label="name"
:options="Ops.prefixOps"
@ -183,7 +181,6 @@ function filterSelector(val: string, update: Function, refData: string) {
class="inputgreen"
hide-bottom-space
outlined
readonly
dense
lazy-rules
v-model="informaData.firstname"
@ -196,7 +193,6 @@ function filterSelector(val: string, update: Function, refData: string) {
class="inputgreen"
hide-bottom-space
outlined
readonly
dense
lazy-rules
v-model="informaData.lastname"
@ -209,7 +205,6 @@ function filterSelector(val: string, update: Function, refData: string) {
v-model="informaData.dateOfBirth"
:locale="'th'"
autoApply
readonly
:enableTimePicker="false"
week-start="0"
:max-date="new Date()"
@ -225,7 +220,6 @@ function filterSelector(val: string, update: Function, refData: string) {
<q-input
class="inputgreen"
hide-bottom-space
readonly
outlined
dense
:model-value="
@ -269,7 +263,6 @@ function filterSelector(val: string, update: Function, refData: string) {
lazy-rules
v-model="informaData.genderId"
emit-value
readonly
map-options
option-label="name"
:options="Ops.genderOps"
@ -290,7 +283,6 @@ function filterSelector(val: string, update: Function, refData: string) {
outlined
dense
lazy-rules
readonly
v-model="informaData.relationshipId"
emit-value
map-options
@ -312,7 +304,6 @@ function filterSelector(val: string, update: Function, refData: string) {
outlined
dense
lazy-rules
readonly
v-model="informaData.bloodGroupId"
emit-value
map-options
@ -331,7 +322,6 @@ function filterSelector(val: string, update: Function, refData: string) {
<q-input
class="inputgreen"
outlined
readonly
dense
v-model="informaData.nationality"
:label="`${'สัญชาติ'}`"
@ -341,7 +331,6 @@ function filterSelector(val: string, update: Function, refData: string) {
<q-input
class="inputgreen"
outlined
readonly
dense
v-model="informaData.race"
:label="`${'เชื้อชาติ'}`"
@ -355,7 +344,6 @@ function filterSelector(val: string, update: Function, refData: string) {
outlined
dense
lazy-rules
readonly
v-model="informaData.religionId"
emit-value
map-options
@ -376,7 +364,6 @@ function filterSelector(val: string, update: Function, refData: string) {
outlined
dense
lazy-rules
readonly
type="tel"
class="inputgreen"
v-model="informaData.telephone"

10
src/modules/05_placement/components/PersonalDetail/CheckInformation/02_FormAddress.vue
View file

@ -337,7 +337,6 @@ onMounted(() => {
outlined
dense
lazy-rules
readonly
type="textarea"
autogrow
v-model="addressData.registAddress"
@ -352,7 +351,6 @@ onMounted(() => {
:rules="[(val: string) => !!val || `${'กรุณาเลือก จังหวัด'}`]"
outlined
dense
readonly
lazy-rules
v-model="registAddress.provinceId"
emit-value
@ -376,7 +374,6 @@ onMounted(() => {
:rules="[(val: string) => !!val || `${'กรุณาเลือก เขต / อำเภอ'}`]"
outlined
dense
readonly
lazy-rules
v-model="registAddress.districtId"
emit-value
@ -401,7 +398,6 @@ onMounted(() => {
outlined
dense
lazy-rules
readonly
v-model="registAddress.subDistrictId"
emit-value
map-options
@ -440,7 +436,6 @@ onMounted(() => {
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
val="1"
disable
label="ใช่"
dense
/>
@ -449,7 +444,6 @@ onMounted(() => {
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
val="0"
disable
label="ไม่"
dense
/>
@ -462,7 +456,6 @@ onMounted(() => {
outlined
dense
lazy-rules
readonly
type="textarea"
autogrow
v-model="addressData.currentAddress"
@ -481,7 +474,6 @@ onMounted(() => {
outlined
dense
lazy-rules
readonly
v-model="currentAddress.provinceId"
emit-value
map-options
@ -507,7 +499,6 @@ onMounted(() => {
:rules="[(val: string) => !!val || `${'กรุณาเลือก เขต / อำเภอ'}`]"
outlined
dense
readonly
lazy-rules
v-model="currentAddress.districtId"
emit-value
@ -534,7 +525,6 @@ onMounted(() => {
:rules="[(val: string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
outlined
dense
readonly
lazy-rules
v-model="currentAddress.subDistrictId"
emit-value

14
src/modules/05_placement/components/PersonalDetail/CheckInformation/03_FormFamily.vue
View file

@ -56,7 +56,6 @@ function selectRadio(e: boolean) {
v-model="familyData.fatherPrefixId"
emit-value
map-options
readonly
option-label="name"
:options="Ops.prefixOps"
option-value="id"
@ -74,7 +73,6 @@ function selectRadio(e: boolean) {
class="inputgreen"
hide-bottom-space
outlined
readonly
dense
lazy-rules
v-model="familyData.fatherFirstName"
@ -88,7 +86,6 @@ function selectRadio(e: boolean) {
hide-bottom-space
outlined
dense
readonly
lazy-rules
v-model="familyData.fatherLastName"
:rules="[(val:string) => !!val || `${'กรุณากรอก นามสกุล'}`]"
@ -101,7 +98,6 @@ function selectRadio(e: boolean) {
hide-bottom-space
outlined
dense
readonly
lazy-rules
v-model="familyData.fatherOccupation"
:label="`${'อาชีพ'}`"
@ -117,7 +113,6 @@ function selectRadio(e: boolean) {
:rules="[(val:string) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
outlined
dense
readonly
lazy-rules
v-model="familyData.motherPrefixId"
emit-value
@ -139,7 +134,6 @@ function selectRadio(e: boolean) {
class="inputgreen"
hide-bottom-space
outlined
readonly
dense
lazy-rules
v-model="familyData.motherFirstName"
@ -152,7 +146,6 @@ function selectRadio(e: boolean) {
class="inputgreen"
hide-bottom-space
outlined
readonly
dense
lazy-rules
v-model="familyData.motherLastName"
@ -165,7 +158,6 @@ function selectRadio(e: boolean) {
class="inputgreen"
hide-bottom-space
outlined
readonly
dense
lazy-rules
v-model="familyData.motherOccupation"
@ -182,7 +174,6 @@ function selectRadio(e: boolean) {
val="1"
label="มี"
dense
disable
@update:model-value="selectRadio"
/>
<q-radio
@ -192,7 +183,6 @@ function selectRadio(e: boolean) {
val="0"
label="ไม่มี"
dense
disable
@update:model-value="selectRadio"
/>
</div>
@ -205,7 +195,6 @@ function selectRadio(e: boolean) {
outlined
dense
lazy-rules
readonly
v-model="familyData.marryPrefixId"
emit-value
map-options
@ -228,7 +217,6 @@ function selectRadio(e: boolean) {
outlined
dense
lazy-rules
readonly
v-model="familyData.marryFirstName"
:rules="[(val:string) => !!val || `${'กรุณากรอก ชื่อ'}`]"
:label="`${'ชื่อ'}`"
@ -240,7 +228,6 @@ function selectRadio(e: boolean) {
hide-bottom-space
outlined
dense
readonly
lazy-rules
v-model="familyData.marryLastName"
:rules="[(val:string) => !!val || `${'กรุณากรอก นามสกุล'}`]"
@ -252,7 +239,6 @@ function selectRadio(e: boolean) {
class="inputgreen"
hide-bottom-space
outlined
readonly
dense
lazy-rules
v-model="familyData.marryOccupation"

6
src/modules/05_placement/components/PersonalDetail/DetailMain.vue
View file

@ -492,11 +492,14 @@ function checkInformation() {
modalCheck.value = true;
}
async function getAll() {
await Promise.all([fetchData(), changeTab("information"), fetchPerson()]);
}
/**
* ทำงานเมื่อมีการเรียกใช้ Components
*/
onMounted(async () => {
await Promise.all([fetchData(), changeTab("information"), fetchPerson()]);
getAll();
});
</script>
@ -609,6 +612,7 @@ onMounted(async () => {
:Ops="Ops"
:Ops-filter="OpsFilter"
:id-card="InformationData.idCard"
:get-all="getAll"
/>
</template>

318
src/modules/05_placement/components/PersonalDetail/DialogCheckInformation.vue
View file

@ -11,6 +11,7 @@ import {
AddressDataDefualt,
FamilyDataDefualt,
} from "@/modules/05_placement/interface/index/Main";
import { useProfileDataStore } from "@/modules/05_placement/store";
import { defaultInformation } from "@/modules/05_placement/components/PersonalDetail/profileType";
import type { Information } from "@/modules/05_placement/components/PersonalDetail/profileType";
@ -30,13 +31,25 @@ import FormFamilyPage from "@/modules/05_placement/components/PersonalDetail/Che
const modal = defineModel<boolean>("modal", { required: true });
const idCard = defineModel<string>("idCard", { required: true });
const $q = useQuasar();
const route = useRoute();
const router = useRouter();
const mixin = useCounterMixin();
const { showLoader, hideLoader, messageError } = mixin;
const profileStore = useProfileDataStore();
const { changeRetireText, changeBirth } = profileStore;
const {
showLoader,
hideLoader,
messageError,
dialogConfirm,
modalError,
success,
} = mixin;
const store = useLinkageStore();
const age = ref<boolean>(true); //อายุ
const props = defineProps({
Ops: {
type: Object as PropType<any>,
@ -57,32 +70,13 @@ const props = defineProps({
type: Object as PropType<Family>,
default: FamilyDataDefualt,
},
getAll: Function,
});
const addressData = ref<AddressType>(props.AddressData);
const familyData = ref<Family>(props.familyData); //ข้อมูลครอบครัว
/** ตัวแปร ข้อมูลส่วนตัว */
const formInformations = reactive<Information>({
idCard: "", // เลข ปชช.
prefix: "", // คำนำหน้า
prefixId: "", // id คำนำหน้า
fullName: "", // ชื่อเต็ม
firstname: "", //ชื่อ
lastname: "", //นามสกุล
nationality: "", //สัญชาติ
race: "", //เชื้อชาติ
dateOfBirth: null, //วันเกิด
age: "", //อายุ
telephone: "", //เบอร์มือถือ
gender: "", //เพศ
genderId: "", //id เพศ
relationship: "", //สถานภาพ
relationshipId: "", //id สถานภาพ
bloodGroup: "", //กร๊ปเลือด
bloodGroupId: "", //id กรุ๊ปเลือด
religion: "", //ศาสนา
religionId: "", //id ศาสนา
});
const formInformations = reactive<Information>(props.InformationData);
//ที่อยู่ปัจบัน
const currentAddress = reactive<AddressData>({
@ -99,26 +93,6 @@ const registAddress = reactive<AddressData>({
provinceId: "",
});
/** ตัวแปร ข้อมูลครอบครัว */
const formFamily = reactive<Family>({
couple: "",
marryPrefix: "",
marryPrefixId: "",
marryFirstName: "",
marryLastName: "",
marryOccupation: "",
fatherPrefix: "",
fatherPrefixId: "",
fatherFirstName: "",
fatherLastName: "",
fatherOccupation: "",
motherPrefix: "",
motherPrefixId: "",
motherFirstName: "",
motherLastName: "",
motherOccupation: "",
});
//ตัวเลือกข้อมูลที่อยู่
const OpsAddress = ref<AddressOps>({
provinceOps: [],
@ -138,26 +112,7 @@ const OpsFilterAddress = ref<AddressOps>({
function closeDialog() {
modal.value = false;
formInformations.idCard = "";
formInformations.prefix = "";
formInformations.prefixId = "";
formInformations.fullName = "";
formInformations.firstname = "";
formInformations.lastname = "";
formInformations.nationality = "";
formInformations.race = "";
formInformations.dateOfBirth = null;
formInformations.age = "";
formInformations.telephone = "";
formInformations.gender = "";
formInformations.genderId = "";
formInformations.relationship = "";
formInformations.relationshipId = "";
formInformations.bloodGroup = "";
formInformations.bloodGroupId = "";
formInformations.religion = "";
formInformations.religionId = "";
props.getAll?.();
}
function onSubmit() {
@ -208,7 +163,7 @@ function onSubmit() {
coupleLastName: familyData.value.marryLastName,
coupleLastNameOld: "",
coupleCareer: familyData.value.marryOccupation,
fatherPrefix: familyData.value.fatherPrefixId,
fatherFirstName: familyData.value.fatherFirstName,
fatherLastName: familyData.value.fatherLastName,
@ -220,83 +175,205 @@ function onSubmit() {
motherCareer: familyData.value.motherOccupation,
};
console.log(body);
dialogConfirm($q, async () => {
if (age.value == false) {
modalError($q, "พบข้อผิดพลาด", "วันเกิดไม่ถูกต้อง");
return;
} else {
showLoader();
await upDateInfomation();
await upDateAddress();
await upDateFamily();
success($q, "บันทึกข้อมูลสำเร็จ");
closeDialog();
await props.getAll?.();
await changeBirth(formInformations.dateOfBirth ?? new Date());
hideLoader();
}
});
}
const data = ref<any>(null);
/** ดึงข้อมูลรายละเอียด */
async function amiRequest() {
const profile = await store.amiRequest($q, 5000, idCard.value, "001");
if (profile) {
data.value = profile;
formInformations.idCard = idCard.value;
formInformations.prefix = data.value.titleName;
formInformations.prefixId = data.value.titleName;
formInformations.fullName = data.value.fullnameAndRank;
formInformations.firstname = data.value.firstName;
formInformations.lastname = data.value.lastname;
formInformations.nationality = data.value.nationalityDesc;
formInformations.race = props.InformationData.race;
formInformations.dateOfBirth = data.value.dateOfBirth;
formInformations.age = data.value.age;
formInformations.telephone = props.InformationData.telephone;
formInformations.gender = data.value.genderDesc;
formInformations.genderId = data.value.genderDesc;
formInformations.relationship = props.InformationData.relationship;
formInformations.relationshipId = props.InformationData.relationshipId;
formInformations.bloodGroup = props.InformationData.bloodGroup;
formInformations.bloodGroupId = props.InformationData.bloodGroupId;
formInformations.religion = props.InformationData.religionId;
formInformations.religionId = props.InformationData.religionId;
data.value = profile;
formInformations.idCard = idCard.value;
formInformations.prefix = data.value.titleName;
formInformations.prefixId = data.value.titleName;
formInformations.fullName = data.value.fullnameAndRank;
formInformations.firstname = data.value.firstName;
formInformations.lastname = data.value.lastname;
formInformations.nationality = data.value.nationalityDesc;
formInformations.race = props.InformationData.race;
formInformations.dateOfBirth = data.value.dateOfBirth;
formInformations.age = data.value.age;
formInformations.telephone = props.InformationData.telephone;
formInformations.gender = data.value.genderDesc;
formInformations.genderId = data.value.genderDesc;
formInformations.relationship = props.InformationData.relationship;
formInformations.relationshipId = props.InformationData.relationshipId;
formInformations.bloodGroup = props.InformationData.bloodGroup;
formInformations.bloodGroupId = props.InformationData.bloodGroupId;
formInformations.religion = props.InformationData.religionId;
formInformations.religionId = props.InformationData.religionId;
familyData.value.fatherFirstName = data.value.fatherName
familyData.value.motherFirstName = data.value.motherName
familyData.value.fatherFirstName = data.value.fatherName;
familyData.value.motherFirstName = data.value.motherName;
}
// data.value = {
// titleCode: 3,
// titleDesc: "นาย",
// titleName: "นาย",
// titleSex: 1,
// firstName: "สุพลชัย",
// middleName: "",
// lastName: "พูลสวัสดิ์",
// genderCode: 1,
// genderDesc: "ชาย",
// dateOfBirth: 25211228,
// nationalityCode: 99,
// nationalityDesc: "ไทย",
// ownerStatusDesc: "เจ้าบ้าน",
// statusOfPersonCode: 0,
// statusOfPersonDesc: "บุคคลนี้มีภูมิลำเนาอยู่ในบ้านนี้",
// dateOfMoveIn: 25580728,
// age: 45,
data.value = {
titleCode: 3,
titleDesc: "นาย",
titleName: "นาย",
titleSex: 1,
firstName: "สุพลชัย",
middleName: "",
lastName: "พูลสวัสดิ์",
genderCode: 1,
genderDesc: "ชาย",
dateOfBirth: 25211228,
nationalityCode: 99,
nationalityDesc: "ไทย",
ownerStatusDesc: "เจ้าบ้าน",
statusOfPersonCode: 0,
statusOfPersonDesc: "บุคคลนี้มีภูมิลำเนาอยู่ในบ้านนี้",
dateOfMoveIn: 25580728,
age: 45,
// fatherPersonalID: 3102100621479,
// fatherName: "บุญเชิด",
// fatherNationalityCode: 99,
// fatherNationalityDesc: "ไทย",
fatherPersonalID: 3102100621479,
fatherName: "บุญเชิด",
fatherNationalityCode: 99,
fatherNationalityDesc: "ไทย",
// motherPersonalID: 3102100621487,
// motherName: "พยอม",
// motherNationalityCode: 99,
// motherNationalityDesc: "ไทย",
motherPersonalID: 3102100621487,
motherName: "พยอม",
motherNationalityCode: 99,
motherNationalityDesc: "ไทย",
// fullnameAndRank: "นายสุพลชัย พูลสวัสดิ์",
// englishTitleDesc: "MR.",
// englishFirstName: "SUPHONCHAI",
// englishMiddleName: "",
// englishLastName: "PHOONSAWAT",
// };
}
fullnameAndRank: "นายสุพลชัย พูลสวัสดิ์",
englishTitleDesc: "MR.",
englishFirstName: "SUPHONCHAI",
englishMiddleName: "",
englishLastName: "PHOONSAWAT",
/**
* อัพเดตข้อมูลส่วนตัว
*/
async function upDateInfomation() {
showLoader();
const body: any = {
citizenId: formInformations.idCard,
prefix: formInformations.prefixId,
firstName: formInformations.firstname,
lastName: formInformations.lastname,
gender: formInformations.genderId,
nationality: formInformations.nationality,
race: formInformations.race,
religion: formInformations.religionId,
birthDate: formInformations.dateOfBirth,
bloodGroup: formInformations.bloodGroupId,
relationship: formInformations.relationshipId,
telephoneNumber: formInformations.telephone,
};
showLoader();
await http
.put(
config.API.placementInformationId(route.params.personalId.toString()),
body
)
.then(async () => {})
.catch((e) => {
messageError($q, e);
hideLoader();
})
.finally(() => {
hideLoader();
});
}
/**
* ฟังก์ชันบันทึกการแก้ไข
*/
async function upDateAddress() {
const body = {
registrationSame: addressData.value.registSame == "1",
registrationAddress: addressData.value.registAddress,
registrationSubDistrictId: registAddress.subDistrictId,
registrationDistrictId: registAddress.districtId,
registrationProvinceId: registAddress.provinceId,
registrationZipCode: registAddress.zipCode,
currentAddress:
addressData.value.registSame == "1"
? addressData.value.registAddress
: addressData.value.currentAddress,
currentSubDistrictId:
addressData.value.registSame == "1"
? registAddress.subDistrictId
: currentAddress.subDistrictId,
currentDistrictId:
addressData.value.registSame == "1"
? registAddress.districtId
: currentAddress.districtId,
currentProvinceId:
addressData.value.registSame == "1"
? registAddress.provinceId
: currentAddress.provinceId,
currentZipCode:
addressData.value.registSame == "1"
? registAddress.zipCode
: currentAddress.zipCode,
};
await http
.put(
config.API.placementAddressId(route.params.personalId.toString()),
body
)
.then(async () => {})
.catch((e) => {
messageError($q, e);
hideLoader();
})
.finally(() => {});
}
async function upDateFamily() {
const body = {
couple: familyData.value.couple == "1",
couplePrefix: familyData.value.marryPrefixId,
coupleFirstName: familyData.value.marryFirstName,
coupleLastName: familyData.value.marryLastName,
coupleLastNameOld: "",
coupleCareer: familyData.value.marryOccupation,
fatherPrefix: familyData.value.fatherPrefixId,
fatherFirstName: familyData.value.fatherFirstName,
fatherLastName: familyData.value.fatherLastName,
fatherCareer: familyData.value.fatherOccupation,
motherPrefix: familyData.value.motherPrefixId,
motherFirstName: familyData.value.motherFirstName,
motherLastName: familyData.value.motherLastName,
motherCareer: familyData.value.motherOccupation,
};
await http
.put(config.API.placementFamilyId(route.params.personalId.toString()), body)
.then(async () => {})
.catch((e) => {
messageError($q, e);
hideLoader();
})
.finally(() => {});
}
/** เช็คค่า modal เมื่อเป็น true ใช้งาน ฟังชั่น */
watch(
() => modal.value,
async () => {
await amiRequest();
if (modal.value) {
await amiRequest();
}
}
);
</script>
@ -315,6 +392,7 @@ watch(
v-model:form-informations="formInformations"
:Ops="props.Ops"
:OpsFilter="props.OpsFilter"
v-model:age="age"
/>
</div>
<div class="col-12">