ทะเบียนประวัติ => ข้อมูลผลงานและเครื่องราชฯ
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490
parent
0e290d0c94
commit
a268461792
6 changed files with 232 additions and 137 deletions
|
|
@ -14,6 +14,10 @@ import type {
|
|||
} from "@/modules/04_registryPerson/interface/index/Main";
|
||||
|
||||
import type { FormSalaryNew } from "@/modules/04_registryPerson/interface/request/Salary";
|
||||
import type {
|
||||
ResListSalary,
|
||||
ResType,
|
||||
} from "@/modules/04_registryPerson/interface/response/Salary";
|
||||
|
||||
import DialogHeader from "@/components/DialogHeader.vue";
|
||||
import DialogHistory from "@/modules/04_registryPerson/components/detail/Salary/01_PositionSalaryHistory.vue";
|
||||
|
|
@ -130,7 +134,6 @@ const baseColumns = ref<QTableProps["columns"]>([
|
|||
style: "font-size: 14px",
|
||||
},
|
||||
]);
|
||||
|
||||
const columns = computed(() => {
|
||||
if (empType.value === "-employee") {
|
||||
if (baseColumns.value) {
|
||||
|
|
@ -143,7 +146,6 @@ const columns = computed(() => {
|
|||
}
|
||||
return baseColumns.value;
|
||||
});
|
||||
|
||||
const visibleColumns = ref<string[]>([
|
||||
"date",
|
||||
"amount",
|
||||
|
|
@ -155,18 +157,12 @@ const visibleColumns = ref<string[]>([
|
|||
"templateDoc",
|
||||
"refCommandNo",
|
||||
]);
|
||||
const formFilter = reactive({
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
keyword: "",
|
||||
});
|
||||
|
||||
const pagination = ref({
|
||||
page: 1,
|
||||
rowsPerPage: 10,
|
||||
});
|
||||
|
||||
const rows = ref<any[]>([]);
|
||||
const rows = ref<ResListSalary[]>([]);
|
||||
const keyword = ref<string>("");
|
||||
|
||||
const formDataSalary = reactive<FormSalaryNew>({
|
||||
date: null,
|
||||
|
|
@ -189,7 +185,7 @@ const formDataSalary = reactive<FormSalaryNew>({
|
|||
const modalDialogSalary = ref<boolean>(false);
|
||||
const isStatusEdit = ref<boolean>(false);
|
||||
const salaryId = ref<string>("");
|
||||
const dataLevel = ref<any[]>([]);
|
||||
const dataLevel = ref<ResType[]>([]);
|
||||
|
||||
const posNoOptions = ref<DataOption2[]>(store.optionTemplatePos);
|
||||
|
||||
|
|
@ -206,6 +202,9 @@ const posExecutiveOptionMain = ref<DataOption[]>([]);
|
|||
|
||||
const docOption = ref<DataOption2[]>(store.optionTemplateDoc);
|
||||
|
||||
/**
|
||||
* function fetch รายการ ตำแหน่งเงินเดือน
|
||||
*/
|
||||
function fetchListSalary() {
|
||||
showLoader();
|
||||
http
|
||||
|
|
@ -221,6 +220,9 @@ function fetchListSalary() {
|
|||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* function fetch รายการ ตำแหน่งเงินเดือน
|
||||
*/
|
||||
function fetchType() {
|
||||
http
|
||||
.get(config.API.orgPosType)
|
||||
|
|
@ -237,6 +239,11 @@ function fetchType() {
|
|||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* function เลือกประเภทตำแหน่ง
|
||||
* @param val
|
||||
* @param status
|
||||
*/
|
||||
async function updateSelectType(val: string, status: boolean = false) {
|
||||
const listLevel = await dataLevel.value.find(
|
||||
(e: any) => e.posTypeName === val
|
||||
|
|
@ -252,7 +259,12 @@ async function updateSelectType(val: string, status: boolean = false) {
|
|||
}
|
||||
}
|
||||
|
||||
async function onClickOpenDialog(statusEdit: boolean = false, data: any = []) {
|
||||
/**
|
||||
* function เปิด dialog ตำแหน่งเงินเดือน
|
||||
* @param statusEdit แก้ไข,เพิ่ม
|
||||
* @param data
|
||||
*/
|
||||
function onClickOpenDialog(statusEdit: boolean = false, data: any = []) {
|
||||
if (empType.value === "") {
|
||||
dataLevel.value.length === 0 && fetchType();
|
||||
fetchDataOption();
|
||||
|
|
@ -261,6 +273,7 @@ async function onClickOpenDialog(statusEdit: boolean = false, data: any = []) {
|
|||
fetchOptionGroup();
|
||||
}
|
||||
|
||||
// หาระดับตำแหน่ง
|
||||
setTimeout(async () => {
|
||||
statusEdit && (await updateSelectType(data.positionType, true));
|
||||
isStatusEdit.value = statusEdit;
|
||||
|
|
@ -288,10 +301,19 @@ async function onClickOpenDialog(statusEdit: boolean = false, data: any = []) {
|
|||
formDataSalary.doc = statusEdit ? data.templateDoc : "";
|
||||
}
|
||||
|
||||
/**
|
||||
* function ปิด dialog ตำแหน่งเงินเดือน
|
||||
*/
|
||||
function onClickCloseDialog() {
|
||||
modalDialogSalary.value = false;
|
||||
}
|
||||
|
||||
/**
|
||||
* ฟิลเตอร์ข้อมูลจาก input
|
||||
* @param val ค่าที่ป้อนให้ input
|
||||
* @param update function จาก quasar
|
||||
* @param filtername type ที่กำหนด ของ input นั้นๆ
|
||||
*/
|
||||
function filterSelector(val: any, update: Function, filtername: string) {
|
||||
switch (filtername) {
|
||||
case "pos":
|
||||
|
|
@ -350,75 +372,91 @@ function filterSelector(val: any, update: Function, filtername: string) {
|
|||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* function เลือกต้นแบบ tamplate ตำแหน่ง
|
||||
* @param val
|
||||
*/
|
||||
function updatePos(val: string) {
|
||||
formDataSalary.position = val;
|
||||
}
|
||||
|
||||
/**
|
||||
* function เลือกต้นแบบ tamplate เอกสาร
|
||||
* @param val
|
||||
*/
|
||||
function updateDoc(val: string) {
|
||||
formDataSalary.doc = val;
|
||||
}
|
||||
|
||||
/**
|
||||
* function ยืนยันการบันทึกข้อมูล
|
||||
*/
|
||||
function onSubmit() {
|
||||
dialogConfirm($q, () => {
|
||||
submit();
|
||||
dialogConfirm($q, async () => {
|
||||
showLoader();
|
||||
const formData = {
|
||||
profileEmployeeId:
|
||||
!isStatusEdit.value && empType.value !== ""
|
||||
? profileId.value
|
||||
: undefined,
|
||||
profileId:
|
||||
!isStatusEdit.value && empType.value === ""
|
||||
? profileId.value
|
||||
: undefined,
|
||||
date: formDataSalary.date, // วันที่
|
||||
posNo: formDataSalary.posNo, //ตำแหน่งเลขที่
|
||||
position: formDataSalary.position, //ตำแหน่ง
|
||||
positionLine:
|
||||
empType.value === "" ? formDataSalary.positionLine : undefined, //สายงาน
|
||||
positionPathSide:
|
||||
empType.value === "" ? formDataSalary.positionPathSide : undefined, // ด้าน/สาขา
|
||||
positionExecutive:
|
||||
empType.value === "" ? formDataSalary.positionExecutive : undefined, //ตำแหน่งทางการบริหาร
|
||||
positionType: formDataSalary.positionType, // ประเภทตำแหน่ง
|
||||
positionLevel: formDataSalary.positionLevel, // ระดับตำแหน่ง
|
||||
amount:
|
||||
typeof formDataSalary.salary === "number"
|
||||
? formDataSalary.salary
|
||||
: Number(formDataSalary?.salary?.replace(/,/g, "")), //เงินเดือนฐาน
|
||||
positionSalaryAmount:
|
||||
typeof formDataSalary.salaryPos === "number"
|
||||
? formDataSalary.salaryPos
|
||||
: Number(formDataSalary?.salaryPos?.replace(/,/g, "")), // เงินประจำตำแหน่ง
|
||||
mouthSalaryAmount:
|
||||
typeof formDataSalary.salaryCompensation === "number"
|
||||
? formDataSalary.salaryCompensation
|
||||
: Number(formDataSalary?.salaryCompensation?.replace(/,/g, "")), //เงินค่าตอบแทนรายเดือน
|
||||
refCommandNo: formDataSalary.refCommandNo, // เลขที่คำสั่ง
|
||||
templateDoc: formDataSalary.doc, // เอกสารอ้างอิง
|
||||
};
|
||||
|
||||
try {
|
||||
const url = isStatusEdit.value
|
||||
? config.API.profileListSalaryNew(salaryId.value, empType.value)
|
||||
: config.API.profileSalaryNew(empType.value);
|
||||
const method = isStatusEdit.value ? "patch" : "post";
|
||||
await http[method](url, formData);
|
||||
await fetchListSalary();
|
||||
success($q, "บันทึกข้อมูลสำเร็จ");
|
||||
await onClickCloseDialog();
|
||||
} catch (e) {
|
||||
messageError($q, e);
|
||||
} finally {
|
||||
hideLoader();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
async function submit() {
|
||||
const formData = {
|
||||
profileEmployeeId:
|
||||
!isStatusEdit.value && empType.value !== "" ? profileId.value : undefined,
|
||||
profileId:
|
||||
!isStatusEdit.value && empType.value === "" ? profileId.value : undefined,
|
||||
date: formDataSalary.date, // วันที่
|
||||
posNo: formDataSalary.posNo, //ตำแหน่งเลขที่
|
||||
position: formDataSalary.position, //ตำแหน่ง
|
||||
positionLine:
|
||||
empType.value === "" ? formDataSalary.positionLine : undefined, //สายงาน
|
||||
positionPathSide:
|
||||
empType.value === "" ? formDataSalary.positionPathSide : undefined, // ด้าน/สาขา
|
||||
positionExecutive:
|
||||
empType.value === "" ? formDataSalary.positionExecutive : undefined, //ตำแหน่งทางการบริหาร
|
||||
positionType: formDataSalary.positionType, // ประเภทตำแหน่ง
|
||||
positionLevel: formDataSalary.positionLevel, // ระดับตำแหน่ง
|
||||
amount:
|
||||
typeof formDataSalary.salary === "number"
|
||||
? formDataSalary.salary
|
||||
: Number(formDataSalary?.salary?.replace(/,/g, "")), //เงินเดือนฐาน
|
||||
positionSalaryAmount:
|
||||
typeof formDataSalary.salaryPos === "number"
|
||||
? formDataSalary.salaryPos
|
||||
: Number(formDataSalary?.salaryPos?.replace(/,/g, "")), // เงินประจำตำแหน่ง
|
||||
mouthSalaryAmount:
|
||||
typeof formDataSalary.salaryCompensation === "number"
|
||||
? formDataSalary.salaryCompensation
|
||||
: Number(formDataSalary?.salaryCompensation?.replace(/,/g, "")), //เงินค่าตอบแทนรายเดือน
|
||||
refCommandNo: formDataSalary.refCommandNo, // เลขที่คำสั่ง
|
||||
templateDoc: formDataSalary.doc, // เอกสารอ้างอิง
|
||||
};
|
||||
|
||||
try {
|
||||
const url = isStatusEdit.value
|
||||
? config.API.profileListSalaryNew(salaryId.value, empType.value)
|
||||
: config.API.profileSalaryNew(empType.value);
|
||||
const method = isStatusEdit.value ? "patch" : "post";
|
||||
await http[method](url, formData);
|
||||
fetchListSalary();
|
||||
onClickCloseDialog();
|
||||
success($q, "บันทึกข้อมูลสำเร็จ");
|
||||
} catch (e) {
|
||||
messageError($q, e);
|
||||
} finally {
|
||||
hideLoader();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* function เลื่อนรายการเงินเดือนขึ้น
|
||||
* @param id รายการเงินเดือน
|
||||
*/
|
||||
function onSwapUp(id: string) {
|
||||
showLoader();
|
||||
http
|
||||
.get(config.API.profileSalarySwapNew("up", id, empType.value))
|
||||
.then(() => {
|
||||
fetchListSalary();
|
||||
.then(async () => {
|
||||
await fetchListSalary();
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
|
|
@ -427,12 +465,17 @@ function onSwapUp(id: string) {
|
|||
hideLoader();
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* function เลื่อนรายการเงินเดือนลง
|
||||
* @param id รายการเงินเดือน
|
||||
*/
|
||||
function onSwapDown(id: string) {
|
||||
showLoader();
|
||||
http
|
||||
.get(config.API.profileSalarySwapNew("down", id, empType.value))
|
||||
.then(() => {
|
||||
fetchListSalary();
|
||||
.then(async () => {
|
||||
await fetchListSalary();
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
|
|
@ -443,14 +486,22 @@ function onSwapDown(id: string) {
|
|||
}
|
||||
|
||||
const modalHistory = ref<boolean>(false);
|
||||
|
||||
/**
|
||||
* function ดูข้อมูลประวัติการแก้ไขรายการเงินเดือน
|
||||
* @param id รายการเงินเดือน
|
||||
*/
|
||||
function onClikcHistory(id: string) {
|
||||
salaryId.value = id;
|
||||
modalHistory.value = true;
|
||||
}
|
||||
|
||||
async function fetchDataOption() {
|
||||
/**
|
||||
* function fetch ข้อมูลสายงาน
|
||||
*/
|
||||
function fetchDataOption() {
|
||||
showLoader();
|
||||
await http
|
||||
http
|
||||
.get(config.API.orgPosPosition + `?keyword=&type=ALL`)
|
||||
.then((res) => {
|
||||
const data = res.data.result;
|
||||
|
|
@ -497,6 +548,9 @@ async function fetchDataOption() {
|
|||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* function fetch ข้อมูลตำแหน่งข้อมูลทางการบริหาร
|
||||
*/
|
||||
function fetchDataOptionExecutive() {
|
||||
showLoader();
|
||||
http
|
||||
|
|
@ -516,11 +570,14 @@ function fetchDataOptionExecutive() {
|
|||
});
|
||||
}
|
||||
|
||||
async function fetchOptionGroup() {
|
||||
/**
|
||||
* function fetch ข้อมูลปรเภทตำแหน่ง
|
||||
*/
|
||||
function fetchOptionGroup() {
|
||||
showLoader();
|
||||
await http
|
||||
http
|
||||
.get(config.API.orgEmployeeType)
|
||||
.then(async (res) => {
|
||||
.then((res) => {
|
||||
dataLevel.value = res.data.result;
|
||||
posTypeOptionsMain.value = res.data.result.map((e: any) => ({
|
||||
id: e.id,
|
||||
|
|
@ -561,20 +618,14 @@ const classInput = (val: boolean) => {
|
|||
<q-tooltip>เพิ่มข้อมูล</q-tooltip>
|
||||
</q-btn>
|
||||
<q-space />
|
||||
<q-input
|
||||
dense
|
||||
outlined
|
||||
v-model="formFilter.keyword"
|
||||
label="ค้นหา"
|
||||
class="q-mr-sm"
|
||||
>
|
||||
<q-input dense outlined v-model="keyword" label="ค้นหา" class="q-mr-sm">
|
||||
<template v-slot:append>
|
||||
<q-icon v-if="formFilter.keyword == ''" name="search" />
|
||||
<q-icon v-if="keyword == ''" name="search" />
|
||||
<q-icon
|
||||
v-else
|
||||
name="clear"
|
||||
class="cursor-pointer"
|
||||
@click="formFilter.keyword = ''"
|
||||
@click="keyword = ''"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
|
|
@ -600,7 +651,7 @@ const classInput = (val: boolean) => {
|
|||
flat
|
||||
bordered
|
||||
dense
|
||||
:filter="formFilter.keyword"
|
||||
:filter="keyword"
|
||||
:columns="columns"
|
||||
:rows="rows"
|
||||
:paging="true"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue