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

Merge branch 'nice_dev' into develop

Browse source 
# Conflicts:
#	src/modules/13_salary/views/salaryLists.vue
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-03-18 16:06:23 +07:00
commit bbbb157866
11 changed files with 283 additions and 213 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/modules/13_salary/components/SalaryEmployeeLists/DialogAddPerson.vue
View file

@ -146,7 +146,7 @@ function onClickAddPerson(data: DataPerson) {
$q,
() => {
http
.post(config.API.salaryPeriodProfile, body)
.post(config.API.salaryPeriodProfileEmp, body)
.then(() => {
props.fetchData?.();
success($q, "เพื่มรายชื่อสำเร็จ");

10
src/modules/13_salary/components/SalaryEmployeeLists/TabMain.vue
View file

@ -200,7 +200,7 @@ const maxPage = ref<number>(1);
function fetchDataQuota(id: string) {
// showLoader();
http
.get(config.API.salaryListPeriodQuota(id))
.get(config.API.salaryListPeriodQuotaEmp(id))
.then((res) => {
const data = res.data.result;
store.remaining = data.remaining;
@ -242,7 +242,7 @@ function fetchDataPeriod(id: string) {
};
http
.put(config.API.salaryListPeriodORG(id), formData)
.put(config.API.salaryListPeriodORGEmp(id), formData)
.then((res) => {
rows.value = res.data.result.data;
total.value = res.data.result.total;
@ -298,9 +298,9 @@ function onClickDownload(data: DataOption) {
}
const modalDialogInfoCriteria = ref<boolean>(false);
onMounted(async () => {
await fetchDataQuota(store.groupId);
await fetchDataPeriod(store.groupId);
onMounted(() => {
fetchDataQuota(store.groupId);
fetchDataPeriod(store.groupId);
splitterModel.value = store.roundMainCode === "APR" ? 13 : 16;
});
</script>

16
src/modules/13_salary/components/SalaryEmployeeLists/TableTypeOther.vue
View file

@ -289,7 +289,13 @@ watch(
:display-value="$q.lang.table.columns"
emit-value
map-options
:options="store.roundMainCode === 'OCT' ? columns : columns.slice(0, 10)"
:options="
store.roundMainCode === 'OCT'
? columns
: columns
? columns.slice(0, 10)
: []
"
option-value="name"
options-cover
style="min-width: 150px"
@ -299,7 +305,13 @@ watch(
<d-table
ref="table"
:columns="store.roundMainCode === 'OCT' ? columns : columns.slice(0, 10)"
:columns="
store.roundMainCode === 'OCT'
? columns
: columns
? columns.slice(0, 10)
: []
"
:rows="props.rows"
row-key="id"
flat

9
src/modules/13_salary/components/SalaryLists/DialogMoveLevel.vue
View file

@ -48,10 +48,15 @@ const typeRangeOps = computed(() => {
{ id: "FULL", name: "1 ขั้น" },
{ id: "FULLHAFT", name: "1.5 ขั้น" },
]
: [
: store.roundMainCode == "ARP"
? [
{ id: "NONE", name: "ไม่ได้เลื่อน" },
{ id: "HAFT", name: "0.5 ขั้น" },
{ id: "FULL", name: "1 ขั้น" },
]
: [
{ id: "HAFT", name: "0.5 ขั้น" },
{ id: "FULL", name: "1 ขั้น" },
];
});
@ -104,7 +109,7 @@ function onSubmit() {
watch(
() => modal.value,
() => {
type.value = props.typeLevel == 'PENDING' ? "" : props.typeLevel;
type.value = props.typeLevel == "PENDING" ? "" : props.typeLevel;
isReserve.value = props.isReserve;
isChange.value = false;
}

59
src/modules/13_salary/components/SalaryLists/TabMain.vue
View file

@ -31,6 +31,8 @@ const { messageError, showLoader, hideLoader } = useCounterMixin();
/** props*/
const props = defineProps({
periodLatest: { type: Object as () => DataPeriodLatest, require: true },
rootId: { type: String, require: true },
periodId: { type: String, require: true },
});
const total = ref<number>();
@ -84,7 +86,8 @@ const itemsTabType = computed(() => {
type: "NONE",
},
]
: [
: store.roundMainCode === "APR"
? [
{
lable: "รายชื่อคนครอง",
name: "tab1",
@ -105,6 +108,23 @@ const itemsTabType = computed(() => {
name: "tab4",
type: "NONE",
},
]
: [
{
lable: "รายชื่อคนครอง",
name: "tab1",
type: "PENDING",
},
{
lable: "1 ขั้น",
name: "tab2",
type: "FULL",
},
{
lable: "0.5 ขั้น",
name: "tab3",
type: "HAFT",
},
];
});
@ -282,26 +302,29 @@ function fetchDataPeriodNew() {
}
function onClickDownload(data: DataOption) {
console.log(data);
// showLoader();
// http
// .get(config.API.salaryReportByid(salaryId.value))
// .then((res) => {
// const dataList = res.data.result;
// genReportXLSX(dataList, "อัตราเงินเดือน");
// })
// .catch((e) => {
// messageError($q, e);
// })
// .finally(() => {
// hideLoader();
// });
if (props.rootId && props.periodId) {
showLoader();
http
.get(
config.API.salaryReportListsByid(data.id, props.rootId, props.periodId)
)
.then((res) => {
const dataList = res.data.result;
genReportXLSX(dataList, data.name);
})
.catch((e) => {
messageError($q, e);
})
.finally(() => {
hideLoader();
});
}
}
const modalDialogInfoCriteria = ref<boolean>(false);
onMounted(async () => {
await fetchDataQuota(store.groupId);
await fetchDataPeriod(store.groupId);
onMounted(() => {
fetchDataQuota(store.groupId);
fetchDataPeriod(store.groupId);
splitterModel.value = store.roundMainCode === "APR" ? 13 : 16;
});
</script>

16
src/modules/13_salary/components/SalaryLists/TableTypeOther.vue
View file

@ -289,7 +289,13 @@ watch(
:display-value="$q.lang.table.columns"
emit-value
map-options
:options="store.roundMainCode === 'OCT' ? columns : columns.slice(0, 10)"
:options="
store.roundMainCode === 'OCT'
? columns
: columns
? columns.slice(0, 10)
: []
"
option-value="name"
options-cover
style="min-width: 150px"
@ -299,7 +305,13 @@ watch(
<d-table
ref="table"
:columns="store.roundMainCode === 'OCT' ? columns : columns.slice(0, 10)"
:columns="
store.roundMainCode === 'OCT'
? columns
: columns
? columns.slice(0, 10)
: []
"
:rows="props.rows"
row-key="id"
flat

61
src/modules/13_salary/components/SalaryLists/TableTypePending.vue
View file

@ -198,10 +198,10 @@ const modalDialogProperties = ref<boolean>(false);
/** ตัวแปร*/
const profileId = ref<string>("");
const amount = ref<number>(0);
const isPunish = ref<boolean>(false)
const isSuspension = ref<boolean>(false)
const isAbsent = ref<boolean>(false)
const isLeave = ref<boolean>(false)
const isPunish = ref<boolean>(false);
const isSuspension = ref<boolean>(false);
const isAbsent = ref<boolean>(false);
const isLeave = ref<boolean>(false);
/**
* function ยืนยันการลบรายชื่อ
* @param id profileId
@ -282,14 +282,13 @@ function searchData() {
props.fetchDataTable?.();
}
function onProperties(data:any){
console.log(data)
modalDialogProperties.value = true
profileId.value = data.id
isPunish.value = data.isPunish
isSuspension.value = data.isSuspension
isAbsent.value = data.isAbsent
isLeave.value = data.isLeave
function onProperties(data: any) {
modalDialogProperties.value = true;
profileId.value = data.id;
isPunish.value = data.isPunish;
isSuspension.value = data.isSuspension;
isAbsent.value = data.isAbsent;
isLeave.value = data.isLeave;
}
/** callblack function เรียกข้อมูลรายชื่อใหม่ เมื่อมีการเปลี่ยน PageSize*/
watch(
@ -302,7 +301,14 @@ watch(
<template>
<q-toolbar class="text-primary" style="padding: 0px">
<q-btn v-if="!store.isClosedRound" flat round dense icon="add" @click="onClickAddPerson">
<q-btn
v-if="!store.isClosedRound"
flat
round
dense
icon="add"
@click="onClickAddPerson"
>
<q-tooltip>เพิ่ม </q-tooltip>
</q-btn>
<q-space />
@ -439,7 +445,7 @@ watch(
size="24px"
/>
<div v-else-if="props.row.isPunish == null">
{{ props.row.isPunish == null ? '-':''}}
{{ props.row.isPunish == null ? "-" : "" }}
</div>
</div>
<div v-else-if="col.name == 'isSuspension'">
@ -450,7 +456,7 @@ watch(
size="24px"
/>
<div v-else-if="props.row.isSuspension == null">
{{ props.row.isSuspension == null ? '-':''}}
{{ props.row.isSuspension == null ? "-" : "" }}
</div>
</div>
<div v-else-if="col.name == 'isAbsent'">
@ -461,12 +467,12 @@ watch(
size="24px"
/>
<div v-else-if="props.row.isAbsent == null">
{{ props.row.isAbsent == null ? '-':''}}
{{ props.row.isAbsent == null ? "-" : "" }}
</div>
</div>
<div v-else-if="col.name == 'amount'">
{{Number(props.row.amount).toLocaleString()}}
</div>
{{ Number(props.row.amount).toLocaleString() }}
</div>
<div v-else-if="col.name == 'isLeave'">
<q-icon
v-if="props.row.isLeave !== null"
@ -475,9 +481,8 @@ watch(
size="24px"
/>
<div v-else-if="props.row.isLeave == null">
{{ props.row.isLeave == null ? '-':''}}
{{ props.row.isLeave == null ? "-" : "" }}
</div>
</div>
<div v-else>
{{ col.value ? col.value : "-" }}
@ -485,7 +490,7 @@ watch(
</q-td>
<q-td>
<q-btn
v-if="!store.isClosedRound"
v-if="!store.isClosedRound"
flat
dense
icon="mdi-dots-vertical"
@ -576,13 +581,13 @@ watch(
:fetchData="props.fetchDataTable"
/>
<DialogProperties
v-model:modal="modalDialogProperties"
v-model:id="profileId"
:is-punish="isPunish"
:is-suspension="isSuspension"
:is-absent="isAbsent"
:is-leave="isLeave"
:fetch-data="props.fetchDataTable"
v-model:modal="modalDialogProperties"
v-model:id="profileId"
:is-punish="isPunish"
:is-suspension="isSuspension"
:is-absent="isAbsent"
:is-leave="isLeave"
:fetch-data="props.fetchDataTable"
/>
</template>

2
src/modules/13_salary/interface/response/SalaryList.ts
View file

@ -20,7 +20,7 @@ interface DataRound {
revisionId: string;
status: string;
year: number;
isClose: boolean
isClose: boolean;
}
interface DataAgency {

289
src/modules/13_salary/store/SalaryEmployeeListsStore.ts
View file

@ -8,152 +8,155 @@ import type {
} from "@/modules/13_salary/interface/index/Main";
import type { DataPeriodLatest } from "@/modules/13_salary/interface/response/SalaryList";
export const useSalaryEmployeeListSDataStore = defineStore("salaryEmployeeListStore", () => {
const tabGroup = ref<string>("group1");
const tabType = ref<string>("PENDING");
const groupOp = ref<DataOption[]>([
{ id: "", name: "กลุ่ม1" },
{ id: "", name: "กลุ่ม2" },
]);
export const useSalaryEmployeeListSDataStore = defineStore(
"salaryEmployeeListStore",
() => {
const tabGroup = ref<string>("group1");
const tabType = ref<string>("PENDING");
const groupOp = ref<DataOption[]>([
{ id: "", name: "กลุ่ม1" },
{ id: "", name: "กลุ่ม2" },
]);
const remaining = ref<number>(0);
const remaining = ref<number>(0);
const groupId = ref<string>("");
const rootId = ref<string>("");
const roundMainCode = ref<string>("");
const roundYear = ref<number>(0);
const roundCode = ref<string>("");
const isClosedRound = ref<boolean>(false); // การปิดรอบ
/** List Menu*/
const itemMenu = ref<ItemsMenu[]>([
{
label: "แก้ไขเงินเดือน",
icon: "edit",
color: "edit",
type: "edit",
},
{
label: "ย้ายกลุ่ม",
icon: "mdi-account-arrow-right-outline",
color: "indigo-6",
type: "moveGroup",
},
{
label: "ย้ายขั้น",
icon: "mdi-swap-vertical-bold",
color: "green-6",
type: "moveLevel",
},
{
label: "แก้ไขคุณสมบัติ",
icon: "mdi-format-list-checks",
color: "blue-6",
type: "properties",
},
{
label: "ลบ",
icon: "delete",
color: "red",
type: "delete",
},
]);
const groupId = ref<string>("");
const rootId = ref<string>("");
const roundMainCode = ref<string>("");
const roundYear = ref<number>(0);
const roundCode = ref<string>("");
const isClosedRound = ref<boolean>(false); // การปิดรอบ
/** List Menu*/
const itemMenu = ref<ItemsMenu[]>([
{
label: "แก้ไขเงินเดือน",
icon: "edit",
color: "edit",
type: "edit",
},
{
label: "ย้ายกลุ่ม",
icon: "mdi-account-arrow-right-outline",
color: "indigo-6",
type: "moveGroup",
},
{
label: "ย้ายขั้น",
icon: "mdi-swap-vertical-bold",
color: "green-6",
type: "moveLevel",
},
{
label: "แก้ไขคุณสมบัติ",
icon: "mdi-format-list-checks",
color: "blue-6",
type: "properties",
},
{
label: "ลบ",
icon: "delete",
color: "red",
type: "delete",
},
]);
/** List Download รายงานของรอบเมษายน*/
const itemDownloadApr = ref<DataOption[]>([
{
id: "gov1-01",
name: "รายชื่อข้าราชการผู้ที่ครองตำแหน่ง ณ วันที่ 1 มีนาคม",
},
{
id: "gov1-02",
name: "บัญชีการคำนวณโควตาเลื่อนเงินเดือน รอบเมษายน",
},
{
id: "gov1-03",
name: "รายชื่อข้าราชการที่ได้รับการเสนอขอเลื่อนหนึ่งขั้น",
},
{
id: "gov1-04",
name: "แบบ 1 กท รอบเมษายน",
},
{
id: "gov1-05",
name: "แบบ 2 กท รอบเมษายน",
},
{
id: "gov1-06",
name: "แบบ 3 กท บัญชีแสดงวันลาครึ่งปี ขรก.",
},
{
id: "gov1-07",
name: "คำสั่งเลื่อนเงินเดือน รอบเมษายน",
},
{
id: "gov1-08",
name: "คำสั่งค่าตอบแทนพิเศษ และผู้ไม่ได้เลื่อน รอบเมษายน",
},
]);
/** List Download รายงานของรอบเมษายน*/
const itemDownloadApr = ref<DataOption[]>([
{
id: "gov1-01",
name: "รายชื่อข้าราชการผู้ที่ครองตำแหน่ง ณ วันที่ 1 มีนาคม",
},
{
id: "gov1-02",
name: "บัญชีการคำนวณโควตาเลื่อนเงินเดือน รอบเมษายน",
},
{
id: "gov1-03",
name: "รายชื่อข้าราชการที่ได้รับการเสนอขอเลื่อนหนึ่งขั้น",
},
{
id: "gov1-04",
name: "แบบ 1 กท รอบเมษายน",
},
{
id: "gov1-05",
name: "แบบ 2 กท รอบเมษายน",
},
{
id: "gov1-06",
name: "แบบ 3 กท บัญชีแสดงวันลาครึ่งปี ขรก.",
},
{
id: "gov1-07",
name: "คำสั่งเลื่อนเงินเดือน รอบเมษายน",
},
{
id: "gov1-08",
name: "คำสั่งค่าตอบแทนพิเศษ และผู้ไม่ได้เลื่อน รอบเมษายน",
},
]);
/** List Download รายงานของรอบตุลาคม*/
const itemDownloadOct = ref<DataOption[]>([
{
id: "gov2-01",
name: "รายชื่อข้าราชการผู้ที่ครองตำแหน่ง ณ วันที่ 1 กันยายน",
},
{
id: "gov2-02",
name: "บัญชีการคำนวณวงเงินเลื่อนเงินเดือน รอบตุลาคม",
},
{
id: "gov2-03",
name: "รายชื่อข้าราชการผู้ที่ได้รับการเสนอขอเลื่อนเงินเดือนทั้งปีสองขั้น",
},
{
id: "gov2-04",
name: "แบบ 1 กท รอบตุลาคม",
},
{
id: "gov2-05",
name: "แบบ 2 กท รอบตุลาคม",
},
{
id: "gov2-06",
name: "แบบ 3 กท บัญชีแสดงวันลาครึ่งปี ขรก. ",
},
{
id: "gov2-07",
name: "คำสั่งเลื่อนเงินเดือนข้าราชการเกษียณ",
},
{
id: "gov2-08",
name: "คำสั่งเลื่อนเงินเดือน รอบตุลาคม",
},
{
id: "gov2-09",
name: "คำสั่งค่าตอบแทนพิเศษ และผู้ไม่ได้เลื่อนเงินเดือน รอบตุลาคม",
},
]);
/** List Download รายงานของรอบตุลาคม*/
const itemDownloadOct = ref<DataOption[]>([
{
id: "gov2-01",
name: "รายชื่อข้าราชการผู้ที่ครองตำแหน่ง ณ วันที่ 1 กันยายน",
},
{
id: "gov2-02",
name: "บัญชีการคำนวณวงเงินเลื่อนเงินเดือน รอบตุลาคม",
},
{
id: "gov2-03",
name: "รายชื่อข้าราชการผู้ที่ได้รับการเสนอขอเลื่อนเงินเดือนทั้งปีสองขั้น",
},
{
id: "gov2-04",
name: "แบบ 1 กท รอบตุลาคม",
},
{
id: "gov2-05",
name: "แบบ 2 กท รอบตุลาคม",
},
{
id: "gov2-06",
name: "แบบ 3 กท บัญชีแสดงวันลาครึ่งปี ขรก. ",
},
{
id: "gov2-07",
name: "คำสั่งเลื่อนเงินเดือนข้าราชการเกษียณ",
},
{
id: "gov2-08",
name: "คำสั่งเลื่อนเงินเดือน รอบตุลาคม",
},
{
id: "gov2-09",
name: "คำสั่งค่าตอบแทนพิเศษ และผู้ไม่ได้เลื่อนเงินเดือน รอบตุลาคม",
},
]);
function fetchPeriodLatest(data: DataPeriodLatest, type: string) {
groupId.value = type === "group1" ? data.group1id : data.group2id;
roundCode.value = data.period;
groupOp.value[0].id = data.group1id;
groupOp.value[1].id = data.group2id;
function fetchPeriodLatest(data: DataPeriodLatest, type: string) {
groupId.value = data.group1id;
roundCode.value = data.period;
groupOp.value[0].id = data.group1id;
groupOp.value[1].id = data.group2id;
}
return {
tabGroup,
tabType,
itemMenu,
itemDownloadOct,
itemDownloadApr,
groupId,
fetchPeriodLatest,
rootId,
roundCode,
groupOp,
roundMainCode,
remaining,
isClosedRound,
roundYear,
};
}
return {
tabGroup,
tabType,
itemMenu,
itemDownloadOct,
itemDownloadApr,
groupId,
fetchPeriodLatest,
rootId,
roundCode,
groupOp,
roundMainCode,
remaining,
isClosedRound,
roundYear,
};
});
);

6
src/modules/13_salary/views/salaryEmployeeLists.vue
View file

@ -21,11 +21,11 @@ import TabGroup from "@/modules/13_salary/components/SalaryEmployeeLists/TabMain
// import PageDashBoard from "@/modules/13_salary/components/SalaryEmployeeLists/Dashboard.vue";
/** importStore*/
import { useSalaryListSDataStore } from "@/modules/13_salary/store/SalaryListsStore";
import { useSalaryEmployeeListSDataStore } from "@/modules/13_salary/store/SalaryEmployeeListsStore";
import { useCounterMixin } from "@/stores/mixin";
/** use*/
const store = useSalaryListSDataStore();
const store = useSalaryEmployeeListSDataStore();
const $q = useQuasar();
const { messageError, showLoader, hideLoader } = useCounterMixin();
@ -215,7 +215,7 @@ function fetchSalalyPeriod(rootId: string, periodId: string, snap: string) {
};
http
.post(config.API.salaryListPeriodLatest, body)
.post(config.API.salaryListPeriodLatestEmp, body)
.then(async (res) => {
const data = res.data.result;
if (Object.values(data).includes(null)) {