รายการช่วยราชการ ส่งตัวกลับ ย้าย
This commit is contained in:
setthawutttty
parent
314d7113bf
commit
077f12a34d
8 changed files with 290 additions and 264 deletions
|
|
@ -115,6 +115,7 @@ export default {
|
||||||
officerDetail: (id:string) => `${placement}/officer/${id}`,
|
officerDetail: (id:string) => `${placement}/officer/${id}`,
|
||||||
officerMainDelete: (id:string) => `${placement}/officer/${id}`,
|
officerMainDelete: (id:string) => `${placement}/officer/${id}`,
|
||||||
officerMainReport: () => `${placement}/officer/report`,
|
officerMainReport: () => `${placement}/officer/report`,
|
||||||
|
officerMainEdit: (id:string) => `${placemenHelpGov}/${id}`,
|
||||||
|
|
||||||
// ส่งตัวกลับ
|
// ส่งตัวกลับ
|
||||||
placemenRepatriation,
|
placemenRepatriation,
|
||||||
|
|
@ -122,12 +123,15 @@ export default {
|
||||||
repatriationDetail: (id:string) => `${placement}/repatriation/${id}`,
|
repatriationDetail: (id:string) => `${placement}/repatriation/${id}`,
|
||||||
repatriationMainDelete: (id:string) => `${placement}/repatriation/${id}`,
|
repatriationMainDelete: (id:string) => `${placement}/repatriation/${id}`,
|
||||||
repatriationMainReport: () => `${placement}/repatriation/report`,
|
repatriationMainReport: () => `${placement}/repatriation/report`,
|
||||||
|
repatriationMainEdit: (id:string) => `${placemenRepatriation}/${id}`,
|
||||||
// ขอย้าย
|
// ขอย้าย
|
||||||
placemenRelocation,
|
placemenRelocation,
|
||||||
relocationMain: () => `${placement}/relocation`,
|
relocationMain: () => `${placement}/relocation`,
|
||||||
relocationDetail: (id:string) => `${placement}/relocation/${id}`,
|
relocationDetail: (id:string) => `${placement}/relocation/${id}`,
|
||||||
relocationMainDelete: (id:string) => `${placement}/relocation/${id}`,
|
relocationMainDelete: (id:string) => `${placement}/relocation/${id}`,
|
||||||
relocationMainReport: () => `${placement}/relocation/report`,
|
relocationMainReport: () => `${placement}/relocation/report`,
|
||||||
|
relocationMainPut: (id:string) => `${placement}/relocation/position/${id}`,
|
||||||
|
relocationMainEdit: (id:string) => `${placemenRelocation}/${id}`,
|
||||||
// อื่นๆ
|
// อื่นๆ
|
||||||
placemenOther,
|
placemenOther,
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -23,13 +23,7 @@ const checkSelected = computed(() => {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
const getSelectedString = computed(() => {
|
|
||||||
return selected.value.length === 0
|
|
||||||
? ''
|
|
||||||
: `${selected.value.length} record${
|
|
||||||
selected.value.length > 1 ? 's' : ''
|
|
||||||
} selected of ${rows.value.length}`;
|
|
||||||
});
|
|
||||||
const $q = useQuasar();
|
const $q = useQuasar();
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const mixin = useCounterMixin();
|
const mixin = useCounterMixin();
|
||||||
|
|
@ -283,7 +277,6 @@ const openModalOrder = () => {
|
||||||
const openModalTree = (id: string) => {
|
const openModalTree = (id: string) => {
|
||||||
personalId.value = id;
|
personalId.value = id;
|
||||||
console.log(personalId.value);
|
console.log(personalId.value);
|
||||||
|
|
||||||
personal.value = rows.value.filter((e: any) => e.id === id);
|
personal.value = rows.value.filter((e: any) => e.id === id);
|
||||||
modalTree.value = true;
|
modalTree.value = true;
|
||||||
};
|
};
|
||||||
|
|
@ -645,7 +638,7 @@ onMounted(async () => {
|
||||||
:columns="columns2"
|
:columns="columns2"
|
||||||
:rows="rows2"
|
:rows="rows2"
|
||||||
:filter="filterKeyword2"
|
:filter="filterKeyword2"
|
||||||
row-key="personalId"
|
row-key="id"
|
||||||
flat
|
flat
|
||||||
:visible-columns="visibleColumns2"
|
:visible-columns="visibleColumns2"
|
||||||
selection="multiple"
|
selection="multiple"
|
||||||
|
|
@ -664,7 +657,6 @@ onMounted(async () => {
|
||||||
<q-tr :props="props" class="cursor-pointer">
|
<q-tr :props="props" class="cursor-pointer">
|
||||||
<q-td>
|
<q-td>
|
||||||
<q-checkbox
|
<q-checkbox
|
||||||
:key="props.id"
|
|
||||||
keep-color
|
keep-color
|
||||||
color="primary"
|
color="primary"
|
||||||
dense
|
dense
|
||||||
|
|
@ -712,12 +704,12 @@ onMounted(async () => {
|
||||||
</q-card-actions>
|
</q-card-actions>
|
||||||
</q-card>
|
</q-card>
|
||||||
</q-dialog>
|
</q-dialog>
|
||||||
<!-- <DialogOrgTree
|
<DialogOrgTree
|
||||||
v-model:modal="modalTree"
|
v-model:modal="modalTree"
|
||||||
:close="closeModalTree"
|
:close="closeModalTree"
|
||||||
:personal="personal"
|
:personal="personal"
|
||||||
:personalId="personalId"
|
:personalId="personalId"
|
||||||
/> -->
|
/>
|
||||||
<!-- :personalId="personalId" -->
|
<!-- :personalId="personalId" -->
|
||||||
</template>
|
</template>
|
||||||
<style scoped lang="scss"></style>
|
<style scoped lang="scss"></style>
|
||||||
|
|
|
||||||
|
|
@ -178,7 +178,7 @@ const saveAppoint = async () => {
|
||||||
console.log("save appoint===>", dataAppoint);
|
console.log("save appoint===>", dataAppoint);
|
||||||
showLoader();
|
showLoader();
|
||||||
await http
|
await http
|
||||||
.put(config.API.receivePosition(id.value), dataAppoint)
|
.put(config.API.relocationMainPut(id.value), dataAppoint)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
console.log("respone=>", res);
|
console.log("respone=>", res);
|
||||||
success($q, "บันทึกสำเร็จ");
|
success($q, "บันทึกสำเร็จ");
|
||||||
|
|
|
||||||
|
|
@ -37,19 +37,31 @@ const institution = ref<string>("ฝ่ายบริหารงานทั
|
||||||
const fullname = ref<string>("");
|
const fullname = ref<string>("");
|
||||||
const id = ref<string>("");
|
const id = ref<string>("");
|
||||||
const prefix = ref<string>("");
|
const prefix = ref<string>("");
|
||||||
const firstName = ref<string>("");
|
const prefixId = ref<string>("");
|
||||||
const lastName = ref<string>("");
|
const firstname = ref<string>("");
|
||||||
|
const citizenId = ref<string>("")
|
||||||
|
const lastname = ref<string>("");
|
||||||
const position = ref<string>("");
|
const position = ref<string>("");
|
||||||
const posNo = ref<string>("");
|
const posNo = ref<string>("");
|
||||||
const positionLevel = ref<string>("");
|
const positionLevel = ref<string>("");
|
||||||
|
const educationOld = ref<string>("");
|
||||||
const createdAt = ref<string>("");
|
const createdAt = ref<string>("");
|
||||||
const organization = ref<string>("");
|
const organization = ref<string>("");
|
||||||
const reason = ref<string>("");
|
const reason = ref<string>("");
|
||||||
const status = ref<string>("");
|
const status = ref<string>("");
|
||||||
const date = ref<Date | null>(null);
|
const date = ref<Date | null>(null);
|
||||||
const salary = ref<string>("");
|
const salary = ref<string>("");
|
||||||
|
const salaryNew = ref<string>("");
|
||||||
const positionTypeOld = ref<string>("");
|
const positionTypeOld = ref<string>("");
|
||||||
const positionLevelOld = ref<string>("");
|
const positionLevelOld = ref<string>("");
|
||||||
|
const dateOfBirth = ref<Date>()
|
||||||
|
const genderId = ref<string>("")
|
||||||
|
const nationality = ref<string>("")
|
||||||
|
const race = ref<string>("")
|
||||||
|
const religionId = ref<string>("")
|
||||||
|
const bloodGroupId = ref<string>("")
|
||||||
|
const relationshipId = ref<string>("")
|
||||||
|
const telephoneNumber = ref<string>("")
|
||||||
const positionNumberOld = ref<string>("");
|
const positionNumberOld = ref<string>("");
|
||||||
const organizationPositionOld = ref<string>("");
|
const organizationPositionOld = ref<string>("");
|
||||||
const isActive = ref<string>("");
|
const isActive = ref<string>("");
|
||||||
|
|
@ -104,10 +116,13 @@ const getData = async () => {
|
||||||
.get(config.API.relocationDetail(personId))
|
.get(config.API.relocationDetail(personId))
|
||||||
.then((res: any) => {
|
.then((res: any) => {
|
||||||
const data = res.data.result;
|
const data = res.data.result;
|
||||||
fullname.value = `${data.firstname} ${data.lastname}`
|
citizenId.value = data.citizenId
|
||||||
|
fullname.value = `${data.prefix}${data.firstname} ${data.lastname}`;
|
||||||
|
prefixId.value = data.prefixId;
|
||||||
prefix.value = data.prefix;
|
prefix.value = data.prefix;
|
||||||
firstName.value = data.firstname;
|
firstname.value = data.firstname;
|
||||||
lastName.value = data.lastname;
|
lastname.value = data.lastname;
|
||||||
|
educationOld.value = data.educationOld;
|
||||||
position.value = data.position;
|
position.value = data.position;
|
||||||
posNo.value = data.posNo;
|
posNo.value = data.posNo;
|
||||||
positionLevel.value = data.positionLevel;
|
positionLevel.value = data.positionLevel;
|
||||||
|
|
@ -121,6 +136,14 @@ const getData = async () => {
|
||||||
positionLevelOld.value = data.positionLevelOld;
|
positionLevelOld.value = data.positionLevelOld;
|
||||||
positionNumberOld.value = data.positionNumberOld;
|
positionNumberOld.value = data.positionNumberOld;
|
||||||
organizationPositionOld.value = data.organizationPositionOld;
|
organizationPositionOld.value = data.organizationPositionOld;
|
||||||
|
dateOfBirth.value = data.dateOfBirth;
|
||||||
|
genderId.value = data.genderId;
|
||||||
|
nationality.value = data.nationality;
|
||||||
|
race.value = data.race;
|
||||||
|
religionId.value = data.religionId;
|
||||||
|
bloodGroupId.value = data.bloodGroupId;
|
||||||
|
relationshipId.value = data.relationshipId;
|
||||||
|
telephoneNumber.value = data.telephoneNumber;
|
||||||
isActive.value = data.isActive;
|
isActive.value = data.isActive;
|
||||||
})
|
})
|
||||||
.catch((e) => {
|
.catch((e) => {
|
||||||
|
|
@ -157,18 +180,29 @@ const conditionSave = async () => {
|
||||||
};
|
};
|
||||||
const saveData = async () => {
|
const saveData = async () => {
|
||||||
const body = {
|
const body = {
|
||||||
organization: organization.value,
|
educationOld: educationOld.value,
|
||||||
|
prefixId:prefixId.value,
|
||||||
|
citizenId:citizenId.value,
|
||||||
|
firstname:firstname.value,
|
||||||
|
lastname:lastname.value,
|
||||||
reason: reason.value,
|
reason: reason.value,
|
||||||
organizationPositionOld: organizationPositionOld.value,
|
organizationPositionOld: organizationPositionOld.value,
|
||||||
date: date.value,
|
|
||||||
positionTypeOld: positionTypeOld.value,
|
positionTypeOld: positionTypeOld.value,
|
||||||
positionLevelOld: positionLevelOld.value,
|
positionLevelOld: positionLevelOld.value,
|
||||||
positionNumberOld: posNo.value,
|
positionNumberOld: positionNumberOld.value,
|
||||||
amountOld: salary.value,
|
amountOld: salary.value,
|
||||||
|
dateOfBirth:dateOfBirth.value ,
|
||||||
|
genderId:genderId.value ,
|
||||||
|
nationality:nationality.value ,
|
||||||
|
race:race.value ,
|
||||||
|
religionId:religionId.value ,
|
||||||
|
bloodGroupId:bloodGroupId.value ,
|
||||||
|
relationshipId:relationshipId.value ,
|
||||||
|
telephoneNumber:telephoneNumber.value ,
|
||||||
};
|
};
|
||||||
showLoader();
|
showLoader();
|
||||||
await http
|
await http
|
||||||
.put(config.API.transferId(personId.toString()), body)
|
.put(config.API.relocationMainEdit(personId.toString()), body)
|
||||||
.then((res: any) => {
|
.then((res: any) => {
|
||||||
// const data = res.data.result;
|
// const data = res.data.result;
|
||||||
// console.log(data);
|
// console.log(data);
|
||||||
|
|
@ -218,199 +252,219 @@ onMounted(async () => {
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div class="toptitle text-dark col-12 row items-center">
|
<div class="toptitle text-dark col-12 row items-center">
|
||||||
|
<q-btn
|
||||||
|
icon="mdi-arrow-left"
|
||||||
|
unelevated
|
||||||
|
round
|
||||||
|
dense
|
||||||
|
flat
|
||||||
|
color="primary"
|
||||||
|
class="q-mr-sm"
|
||||||
|
@click="router.go(-1)"
|
||||||
|
/>
|
||||||
|
รายละเอียดการย้าย {{ fullname }}
|
||||||
|
</div>
|
||||||
|
<q-card bordered class="row col-12 text-dark">
|
||||||
|
<div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
|
||||||
|
<div class="q-pl-sm text-weight-bold text-subtitle2">{{ fullname }}</div>
|
||||||
|
<q-space />
|
||||||
<q-btn
|
<q-btn
|
||||||
icon="mdi-arrow-left"
|
outline
|
||||||
unelevated
|
color="blue"
|
||||||
round
|
|
||||||
dense
|
dense
|
||||||
flat
|
icon-right="mdi-open-in-new"
|
||||||
color="primary"
|
class="q-px-sm"
|
||||||
class="q-mr-sm"
|
label="ดูข้อมูลทะเบียนประวัติ"
|
||||||
@click="router.go(-1)"
|
@click="router.push(`/registry/${personId}`)"
|
||||||
/>
|
/>
|
||||||
รายละเอียดการส่งตัวกลับ {{ fullname }}
|
|
||||||
</div>
|
</div>
|
||||||
<q-card bordered class="row col-12 text-dark">
|
<div class="col-12"><q-separator /></div>
|
||||||
<div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
|
<div class="row col-12 q-pa-md">
|
||||||
<div class="q-pl-sm text-weight-bold text-subtitle2">{{ fullname }}</div>
|
<div class="col-12 row bg-white q-col-gutter-md">
|
||||||
<q-space />
|
<div class="col-xs-3 col-sm-2 col-md-1 row">
|
||||||
|
<q-img src="@/assets/avatar_user.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-6 col-sm-3 row items-center">
|
||||||
|
<div class="col-12 q-pl-md">
|
||||||
|
<div class="col-12 text-top">ตำแหน่งในสายงาน</div>
|
||||||
|
<div class="col-12 text-detail">
|
||||||
|
{{ positionTypeOld }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-6 col-sm-3 row items-center">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="col-12 text-top">ระดับ</div>
|
||||||
|
<div class="col-12 text-detail">
|
||||||
|
{{ positionLevelOld }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-6 col-sm-3 row items-center">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="col-12 text-top">สังกัด</div>
|
||||||
|
<div class="col-12 text-detail">
|
||||||
|
{{ organizationPositionOld }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
|
||||||
|
<q-card bordered class="row col-12 text-dark q-mt-sm">
|
||||||
|
<div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
|
||||||
|
<div class="q-pl-sm text-weight-bold text-dark">
|
||||||
|
แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
|
||||||
|
</div>
|
||||||
|
<q-space />
|
||||||
|
<div class="q-gutter-sm" v-if="!edit">
|
||||||
<q-btn
|
<q-btn
|
||||||
outline
|
outline
|
||||||
color="blue"
|
color="primary"
|
||||||
dense
|
dense
|
||||||
icon-right="mdi-open-in-new"
|
icon-right="mdi-file-edit-outline"
|
||||||
class="q-px-sm"
|
class="q-px-sm"
|
||||||
label="ดูข้อมูลทะเบียนประวัติ"
|
label="แก้ไข"
|
||||||
@click="router.push(`/registry/${personId}`)"
|
style="width: 80px"
|
||||||
|
@click="edit = !edit"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12"><q-separator /></div>
|
<div class="q-gutter-sm" v-else>
|
||||||
|
<q-btn
|
||||||
|
outline
|
||||||
|
color="public"
|
||||||
|
dense
|
||||||
|
class="q-px-sm"
|
||||||
|
label="บันทึก"
|
||||||
|
style="width: 80px"
|
||||||
|
@click="conditionSave"
|
||||||
|
/>
|
||||||
|
<q-btn
|
||||||
|
outline
|
||||||
|
color="red"
|
||||||
|
dense
|
||||||
|
class="q-px-sm"
|
||||||
|
label="ยกเลิก"
|
||||||
|
style="width: 80px"
|
||||||
|
@click="edit = !edit"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12"><q-separator /></div>
|
||||||
|
<q-form ref="myForm">
|
||||||
<div class="row col-12 q-pa-md">
|
<div class="row col-12 q-pa-md">
|
||||||
<div class="col-12 row bg-white q-col-gutter-md">
|
<div class="col-12 row bg-white q-col-gutter-md">
|
||||||
<div class="col-xs-3 col-sm-2 col-md-1 row">
|
|
||||||
<q-img src="@/assets/avatar_user.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
<div class="col-xs-6 col-sm-3 row items-center">
|
||||||
<div class="col-12 q-pl-md">
|
<div class="text-weight-bold text-grey">วุฒิการศึกษา</div>
|
||||||
<div class="col-12 text-top">ตำแหน่งในสายงาน</div>
|
<div class="col-12">
|
||||||
<div class="col-12 text-detail">
|
<q-input
|
||||||
{{ positionTypeOld }}
|
:class="getClass(edit)"
|
||||||
</div>
|
:outlined="edit"
|
||||||
</div>
|
dense
|
||||||
</div>
|
lazy-rules
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
:readonly="!edit"
|
||||||
<div class="col-12">
|
:borderless="!edit"
|
||||||
<div class="col-12 text-top">ระดับ</div>
|
v-model="educationOld"
|
||||||
<div class="col-12 text-detail">
|
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งประเภท'}`]"
|
||||||
{{ positionLevelOld }}
|
hide-bottom-space
|
||||||
</div>
|
:label="`${'วุฒิ/สาขา'}`"
|
||||||
</div>
|
/>
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
|
||||||
<div class="col-12">
|
|
||||||
<div class="col-12 text-top">สังกัด</div>
|
|
||||||
<div class="col-12 text-detail">
|
|
||||||
{{ organizationPositionOld }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</q-card>
|
|
||||||
|
|
||||||
<q-card bordered class="row col-12 text-dark q-mt-sm">
|
|
||||||
<div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
|
|
||||||
<div class="q-pl-sm text-weight-bold text-dark">
|
|
||||||
แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
|
|
||||||
</div>
|
|
||||||
<q-space />
|
|
||||||
<div class="q-gutter-sm" v-if="!edit">
|
|
||||||
<q-btn
|
|
||||||
outline
|
|
||||||
color="primary"
|
|
||||||
dense
|
|
||||||
icon-right="mdi-file-edit-outline"
|
|
||||||
class="q-px-sm"
|
|
||||||
label="แก้ไข"
|
|
||||||
style="width: 80px"
|
|
||||||
@click="edit = !edit"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="q-gutter-sm" v-else>
|
|
||||||
<q-btn
|
|
||||||
outline
|
|
||||||
color="public"
|
|
||||||
dense
|
|
||||||
class="q-px-sm"
|
|
||||||
label="บันทึก"
|
|
||||||
style="width: 80px"
|
|
||||||
@click="conditionSave"
|
|
||||||
/>
|
|
||||||
<q-btn
|
|
||||||
outline
|
|
||||||
color="red"
|
|
||||||
dense
|
|
||||||
class="q-px-sm"
|
|
||||||
label="ยกเลิก"
|
|
||||||
style="width: 80px"
|
|
||||||
@click="edit = !edit"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-12"><q-separator /></div>
|
|
||||||
<q-form ref="myForm">
|
|
||||||
<div class="row col-12 q-pa-md">
|
|
||||||
<div class="col-12 row bg-white q-col-gutter-md">
|
|
||||||
<div class="col-xs-12 row items-center">
|
|
||||||
<div class="col-12">
|
|
||||||
<div class="text-weight-bold text-grey">
|
|
||||||
ตำแหน่งและหน่วยงานเดิม
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12">
|
<div class="col-xs-12 row items-center">
|
||||||
<q-input
|
<div class="col-12 q-pb-sm"><q-separator /></div>
|
||||||
:class="getClass(edit)"
|
|
||||||
:outlined="edit"
|
<div class="col-12">
|
||||||
dense
|
<div class="text-weight-bold text-grey">
|
||||||
lazy-rules
|
ตำแหน่งและหน่วยงานเดิม
|
||||||
:readonly="!edit"
|
|
||||||
:borderless="!edit"
|
|
||||||
v-model="organizationPositionOld"
|
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง/สังกัด'}`]"
|
|
||||||
hide-bottom-space
|
|
||||||
:label="`${'ตำแหน่ง/สังกัด'}`"
|
|
||||||
type="textarea"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
<div class="col-12">
|
||||||
<div class="col-12">
|
<q-input
|
||||||
<q-input
|
:class="getClass(edit)"
|
||||||
:class="getClass(edit)"
|
:outlined="edit"
|
||||||
:outlined="edit"
|
dense
|
||||||
dense
|
lazy-rules
|
||||||
lazy-rules
|
:readonly="!edit"
|
||||||
:readonly="!edit"
|
:borderless="!edit"
|
||||||
:borderless="!edit"
|
v-model="organizationPositionOld"
|
||||||
v-model="positionTypeOld"
|
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง/สังกัด'}`]"
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งประเภท'}`]"
|
hide-bottom-space
|
||||||
hide-bottom-space
|
:label="`${'ตำแหน่ง/สังกัด'}`"
|
||||||
:label="`${'ตำแหน่งประเภท'}`"
|
type="textarea"
|
||||||
/>
|
/>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
</div>
|
||||||
<div class="col-12">
|
<div class="col-xs-6 col-sm-3 row items-center">
|
||||||
<q-input
|
<div class="col-12">
|
||||||
:class="getClass(edit)"
|
<q-input
|
||||||
:outlined="edit"
|
:class="getClass(edit)"
|
||||||
dense
|
:outlined="edit"
|
||||||
lazy-rules
|
dense
|
||||||
:readonly="!edit"
|
lazy-rules
|
||||||
:borderless="!edit"
|
:readonly="!edit"
|
||||||
v-model="positionLevelOld"
|
:borderless="!edit"
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกระดับ'}`]"
|
v-model="positionTypeOld"
|
||||||
hide-bottom-space
|
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งประเภท'}`]"
|
||||||
:label="`${'ระดับ'}`"
|
hide-bottom-space
|
||||||
/>
|
:label="`${'ตำแหน่งประเภท'}`"
|
||||||
</div>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
</div>
|
||||||
<div class="col-12">
|
<div class="col-xs-6 col-sm-3 row items-center">
|
||||||
<q-input
|
<div class="col-12">
|
||||||
:class="getClass(edit)"
|
<q-input
|
||||||
:outlined="edit"
|
:class="getClass(edit)"
|
||||||
dense
|
:outlined="edit"
|
||||||
lazy-rules
|
dense
|
||||||
:readonly="!edit"
|
lazy-rules
|
||||||
:borderless="!edit"
|
:readonly="!edit"
|
||||||
v-model="posNo"
|
:borderless="!edit"
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกเลขที่'}`]"
|
v-model="positionLevelOld"
|
||||||
hide-bottom-space
|
:rules="[(val) => !!val || `${'กรุณากรอกระดับ'}`]"
|
||||||
:label="`${'เลขที่'}`"
|
hide-bottom-space
|
||||||
/>
|
:label="`${'ระดับ'}`"
|
||||||
</div>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-6 col-sm-3 row items-center">
|
</div>
|
||||||
<div class="col-12">
|
<div class="col-xs-6 col-sm-3 row items-center">
|
||||||
<q-input
|
<div class="col-12">
|
||||||
:class="getClass(edit)"
|
<q-input
|
||||||
:outlined="edit"
|
:class="getClass(edit)"
|
||||||
dense
|
:outlined="edit"
|
||||||
lazy-rules
|
dense
|
||||||
:readonly="!edit"
|
lazy-rules
|
||||||
:borderless="!edit"
|
:readonly="!edit"
|
||||||
v-model="salary"
|
:borderless="!edit"
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกเงินเดือน'}`]"
|
v-model="positionNumberOld"
|
||||||
hide-bottom-space
|
:rules="[(val) => !!val || `${'กรุณากรอกเลขที่'}`]"
|
||||||
:label="`${'เงินเดือน'}`"
|
hide-bottom-space
|
||||||
type="number"
|
:label="`${'เลขที่'}`"
|
||||||
/>
|
/>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12"><q-separator /></div>
|
</div>
|
||||||
<div class="col-xs-6 col-sm-6 row items-center">
|
<div class="col-xs-6 col-sm-3 row items-center">
|
||||||
|
<div class="col-12">
|
||||||
|
<q-input
|
||||||
|
:class="getClass(edit)"
|
||||||
|
:outlined="edit"
|
||||||
|
dense
|
||||||
|
lazy-rules
|
||||||
|
:readonly="!edit"
|
||||||
|
:borderless="!edit"
|
||||||
|
v-model="salary"
|
||||||
|
:rules="[(val) => !!val || `${'กรุณากรอกเงินเดือน'}`]"
|
||||||
|
hide-bottom-space
|
||||||
|
:label="`${'เงินเดือน'}`"
|
||||||
|
type="number"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12"><q-separator /></div>
|
||||||
|
|
||||||
|
<!-- <div class="col-xs-6 col-sm-6 row items-center">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<q-input
|
<q-input
|
||||||
:class="getClass(edit)"
|
:class="getClass(edit)"
|
||||||
|
|
@ -425,50 +479,10 @@ onMounted(async () => {
|
||||||
:label="`${'โอนไปสังกัด'}`"
|
:label="`${'โอนไปสังกัด'}`"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
<div class="col-xs-6 col-sm-6 row items-center">
|
<div class="col-xs-6 col-sm-3 row items-center">
|
||||||
<div class="col-12">
|
<div class="text-weight-bold text-grey col-12">
|
||||||
<datepicker
|
เงินเดือนตำแหน่งและหน่วยงานที่รับโอน
|
||||||
menu-class-name="modalfix"
|
|
||||||
:readonly="!edit"
|
|
||||||
v-model="date"
|
|
||||||
:locale="'th'"
|
|
||||||
autoApply
|
|
||||||
:enableTimePicker="false"
|
|
||||||
week-start="0"
|
|
||||||
>
|
|
||||||
<template #year="{ year }">{{ year + 543 }}</template>
|
|
||||||
<template #year-overlay-value="{ value }">{{
|
|
||||||
parseInt(value + 543)
|
|
||||||
}}</template>
|
|
||||||
<template #trigger>
|
|
||||||
<q-input
|
|
||||||
:class="getClass(edit)"
|
|
||||||
:outlined="edit"
|
|
||||||
dense
|
|
||||||
lazy-rules
|
|
||||||
:borderless="!edit"
|
|
||||||
:model-value="date !== null ? date2Thai(date) : null"
|
|
||||||
:rules="[(val) => !!val || `${'กรุณาเลือกตั้งแต่วัน'}`]"
|
|
||||||
hide-bottom-space
|
|
||||||
:label="`${'ตั้งแต่วัน'}`"
|
|
||||||
>
|
|
||||||
<template v-slot:prepend>
|
|
||||||
<q-icon
|
|
||||||
name="event"
|
|
||||||
class="cursor-pointer"
|
|
||||||
:style="
|
|
||||||
edit
|
|
||||||
? 'color: var(--q-primary)'
|
|
||||||
: 'color: var(--q-grey)'
|
|
||||||
"
|
|
||||||
>
|
|
||||||
</q-icon>
|
|
||||||
</template>
|
|
||||||
</q-input>
|
|
||||||
</template>
|
|
||||||
</datepicker>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<q-input
|
<q-input
|
||||||
|
|
@ -478,31 +492,46 @@ onMounted(async () => {
|
||||||
lazy-rules
|
lazy-rules
|
||||||
:readonly="!edit"
|
:readonly="!edit"
|
||||||
:borderless="!edit"
|
:borderless="!edit"
|
||||||
v-model="reason"
|
v-model="salaryNew"
|
||||||
:rules="[(val) => !!val || `${'กรุณากรอกหมายเหตุ '}`]"
|
:rules="[(val) => !!val || `${'กรุณากรอกเงินเดือน'}`]"
|
||||||
hide-bottom-space
|
hide-bottom-space
|
||||||
:label="`${'หมายเหตุ '}`"
|
:label="`${'เงินเดือน'}`"
|
||||||
type="textarea"
|
type="number"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<q-input
|
||||||
|
:class="getClass(edit)"
|
||||||
|
:outlined="edit"
|
||||||
|
dense
|
||||||
|
lazy-rules
|
||||||
|
:readonly="!edit"
|
||||||
|
:borderless="!edit"
|
||||||
|
v-model="reason"
|
||||||
|
:rules="[(val) => !!val || `${'กรุณากรอกหมายเหตุ '}`]"
|
||||||
|
hide-bottom-space
|
||||||
|
:label="`${'หมายเหตุ '}`"
|
||||||
|
type="textarea"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</q-form>
|
</div>
|
||||||
</q-card>
|
</q-form>
|
||||||
</template>
|
</q-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scope>
|
<style lang="scss" scope>
|
||||||
.q-img {
|
.q-img {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
height: 70px;
|
height: 70px;
|
||||||
}
|
}
|
||||||
.text-top {
|
.text-top {
|
||||||
color: gray;
|
color: gray;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
padding-bottom: 3px;
|
padding-bottom: 3px;
|
||||||
}
|
}
|
||||||
.text-detail {
|
.text-detail {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -534,7 +534,7 @@ onMounted(async () => {
|
||||||
:columns="columns2"
|
:columns="columns2"
|
||||||
:rows="rows2"
|
:rows="rows2"
|
||||||
:filter="filterKeyword2"
|
:filter="filterKeyword2"
|
||||||
row-key="personalId"
|
row-key="id"
|
||||||
class="custom-header-table"
|
class="custom-header-table"
|
||||||
:visible-columns="visibleColumns2"
|
:visible-columns="visibleColumns2"
|
||||||
selection="multiple"
|
selection="multiple"
|
||||||
|
|
|
||||||
|
|
@ -439,10 +439,11 @@
|
||||||
positionLevelOld: positionLevelOld.value,
|
positionLevelOld: positionLevelOld.value,
|
||||||
positionNumberOld: posNo.value,
|
positionNumberOld: posNo.value,
|
||||||
amountOld: salary.value,
|
amountOld: salary.value,
|
||||||
|
|
||||||
};
|
};
|
||||||
showLoader();
|
showLoader();
|
||||||
await http
|
await http
|
||||||
.put(config.API.transferId(personId.toString()), body)
|
.put(config.API.repatriationMainEdit(personId.toString()), body)
|
||||||
.then((res: any) => {
|
.then((res: any) => {
|
||||||
// const data = res.data.result;
|
// const data = res.data.result;
|
||||||
// console.log(data);
|
// console.log(data);
|
||||||
|
|
|
||||||
|
|
@ -442,7 +442,7 @@ const saveData = async () => {
|
||||||
};
|
};
|
||||||
showLoader();
|
showLoader();
|
||||||
await http
|
await http
|
||||||
.put(config.API.transferId(personId.toString()), body)
|
.put(config.API.officerMainEdit(personId.toString()), body)
|
||||||
.then((res: any) => {
|
.then((res: any) => {
|
||||||
// const data = res.data.result;
|
// const data = res.data.result;
|
||||||
// console.log(data);
|
// console.log(data);
|
||||||
|
|
|
||||||
|
|
@ -534,7 +534,7 @@ onMounted(async () => {
|
||||||
:columns="columns2"
|
:columns="columns2"
|
||||||
:rows="rows2"
|
:rows="rows2"
|
||||||
:filter="filterKeyword2"
|
:filter="filterKeyword2"
|
||||||
row-key="personalId"
|
row-key="id"
|
||||||
class="custom-header-table"
|
class="custom-header-table"
|
||||||
:visible-columns="visibleColumns2"
|
:visible-columns="visibleColumns2"
|
||||||
selection="multiple"
|
selection="multiple"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue