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

แก้คำผิดและ format

Browse source
This commit is contained in:
Warunee Tamkoo 2024-03-26 12:09:45 +07:00
parent bc5b1a6b3d
commit 638974dfca
2 changed files with 24 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/modules/13_salary/components/salaryEmployeeChart/DialogEmployeeRate.vue
View file

@ -176,12 +176,12 @@ watch(
dense dense
outlined outlined
v-model="formData.salaryMonth" v-model="formData.salaryMonth"
label="อัตราค่าจ้าง/ชั้นวิ่ง (รายเดือน)" label="อัตราค่าจ้าง/ขั้นวิ่ง (รายเดือน)"
mask="###,###,###,###" mask="###,###,###,###"
reverse-fill-mask reverse-fill-mask
:rules="[ :rules="[
(val) => (val) =>
!!val || `${'กรุณากรอกอัตราค่าจ้าง/ชั้นวิ่ง (รายเดือน)'}`, !!val || `${'กรุณากรอกอัตราค่าจ้าง/ขั้นวิ่ง (รายเดือน)'}`,
]" ]"
lazy-rules lazy-rules
hide-bottom-space hide-bottom-space
@ -193,14 +193,14 @@ watch(
dense dense
outlined outlined
v-model="formData.salaryDay" v-model="formData.salaryDay"
label="อัตราค่าจ้าง/ชั้นวิ่ง (รายวัน)" label="อัตราค่าจ้าง/ขั้นวิ่ง (รายวัน)"
mask="###,###,###,###" mask="###,###,###,###"
reverse-fill-mask reverse-fill-mask
lazy-rules lazy-rules
hide-bottom-space hide-bottom-space
:rules="[ :rules="[
(val) => (val) =>
!!val || `${'กรุณากรอกอัตราค่าจ้าง/ชั้นวิ่ง (รายวัน)'}`, !!val || `${'กรุณากรอกอัตราค่าจ้าง/ขั้นวิ่ง (รายวัน)'}`,
]" ]"
/> />
</div> </div>

32
src/modules/13_salary/views/salaryEmployeeRate.vue
View file

@ -36,7 +36,7 @@ const columns = ref<QTableProps["columns"]>([
name: "step", name: "step",
align: "left", align: "left",
label: "ลำดับขั้น", label: "ลำดับขั้น",
sortable: true, sortable: false,
field: "step", field: "step",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -44,20 +44,34 @@ const columns = ref<QTableProps["columns"]>([
{ {
name: "salaryMonth", name: "salaryMonth",
align: "left", align: "left",
label: "อัตราค่าจ้าง/ชั้นวิ่ง (รายเดือน)", label: "อัตราค่าจ้าง/ขั้นวิ่ง (รายเดือน)",
sortable: true, sortable: false,
field: "salaryMonth", field: "salaryMonth",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
format: (val) =>
val.toLocaleString("en", {
minimumFractionDigits: 2,
maximumFractionDigits: 2,
}),
}, },
{ {
name: "salaryDay", name: "salaryDay",
align: "left", align: "left",
label: "อัตราค่าจ้าง/ชั้นวิ่ง (รายวัน)", label: "อัตราค่าจ้าง/ขั้นวิ่ง (รายวัน)",
sortable: true, sortable: false,
field: "salaryDay", field: "salaryDay",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
// sort: (a: number) => a.toLocaleString("en", {
// minimumFractionDigits: 2,
// maximumFractionDigits: 2,
// }),
format: (val) =>
val.toLocaleString("en", {
minimumFractionDigits: 2,
maximumFractionDigits: 2,
}),
}, },
]); ]);
const rows = ref<EmployeeRateSalary[]>([]); const rows = ref<EmployeeRateSalary[]>([]);
@ -294,13 +308,7 @@ onMounted(() => {
<template v-slot:body="props"> <template v-slot:body="props">
<q-tr :props="props" class="cursor-pointer"> <q-tr :props="props" class="cursor-pointer">
<q-td v-for="col in props.cols" :key="col.name" :props="props"> <q-td v-for="col in props.cols" :key="col.name" :props="props">
<div v-if="col.name === 'salaryMonth'"> {{ col.value ? col.value : "-" }}
{{ col.value ? col.value.toLocaleString() : "-" }}
</div>
<div v-else-if="col.name === 'salaryDay'">
{{ col.value ? col.value.toLocaleString() : "-" }}
</div>
<div v-else>{{ col.value ? col.value : "-" }}</div>
</q-td> </q-td>
<q-td v-if="!isActive"> <q-td v-if="!isActive">
<q-btn <q-btn