ปรับ card
This commit is contained in:
parent
d0f721253c
commit
87c06a680e
5 changed files with 69 additions and 52 deletions
|
|
@ -416,7 +416,6 @@ function getData() {
|
||||||
rows.value = data;
|
rows.value = data;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getData();
|
getData();
|
||||||
});
|
});
|
||||||
|
|
@ -586,40 +585,40 @@ onMounted(() => {
|
||||||
<q-separator />
|
<q-separator />
|
||||||
<q-card-section class="q-pa-none">
|
<q-card-section class="q-pa-none">
|
||||||
<div class="row q-pa-sm">
|
<div class="row q-pa-sm">
|
||||||
<div class="col text-grey-6 text-weight-medium">
|
<div class="col-3 text-grey-6 text-weight-medium">
|
||||||
ระดับการลงโทษทางวินัย
|
ระดับการลงโทษทางวินัย
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col-3">
|
||||||
{{ props.row.level !== "" ? props.row.level : "-" }}
|
{{ props.row.level !== "" ? props.row.level : "-" }}
|
||||||
</div>
|
</div>
|
||||||
<div class="col text-grey-6 text-weight-medium">วัน/เดือน/ปี</div>
|
<div class="col-3 text-grey-6 text-weight-medium">
|
||||||
<div class="col">
|
วัน/เดือน/ปี
|
||||||
|
</div>
|
||||||
|
<div class="col-3">
|
||||||
{{ props.row.date ? date2Thai(props.row.date) : "-" }}
|
{{ props.row.date ? date2Thai(props.row.date) : "-" }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<q-separator />
|
<q-separator />
|
||||||
<div class="row q-pa-sm bg-grey-2">
|
<div class="row q-pa-sm bg-grey-2">
|
||||||
<div class="col text-grey-6 text-weight-medium">รายละเอียด</div>
|
<div class="col-3 text-grey-6 text-weight-medium">ล้างมลทิน</div>
|
||||||
<div class="col">
|
<div class="col-3">
|
||||||
{{ props.row.detail !== "" ? props.row.detail : "-" }}
|
|
||||||
</div>
|
|
||||||
<div class="col text-grey-6 text-weight-medium">ล้างมลทิน</div>
|
|
||||||
<div class="col">
|
|
||||||
{{ props.row.unStigma !== "" ? props.row.unStigma : "-" }}
|
{{ props.row.unStigma !== "" ? props.row.unStigma : "-" }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-3 text-grey-6 text-weight-medium">
|
||||||
<q-separator />
|
เลขที่คำสั่ง
|
||||||
<div class="row q-pa-sm">
|
</div>
|
||||||
<div class="col text-grey-6 text-weight-medium">เลขที่คำสั่ง</div>
|
<div class="col-3">
|
||||||
<div class="col">
|
|
||||||
{{
|
{{
|
||||||
props.row.refCommandNo !== "" ? props.row.refCommandNo : "-"
|
props.row.refCommandNo !== "" ? props.row.refCommandNo : "-"
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
<div class="col text-grey-6 text-weight-medium">
|
</div>
|
||||||
|
<q-separator />
|
||||||
|
<div class="row q-pa-sm">
|
||||||
|
<div class="col-3 text-grey-6 text-weight-medium">
|
||||||
เอกสารอ้างอิง (ลงวันที่)
|
เอกสารอ้างอิง (ลงวันที่)
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col-3">
|
||||||
{{
|
{{
|
||||||
props.row.refCommandDate
|
props.row.refCommandDate
|
||||||
? date2Thai(props.row.refCommandDate)
|
? date2Thai(props.row.refCommandDate)
|
||||||
|
|
@ -627,7 +626,13 @@ onMounted(() => {
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<q-separator />
|
||||||
|
<div class="row q-pa-sm bg-grey-2">
|
||||||
|
<div class="col-3 text-grey-6 text-weight-medium">รายละเอียด</div>
|
||||||
|
<div class="col-9">
|
||||||
|
{{ props.row.detail !== "" ? props.row.detail : "-" }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -642,45 +642,47 @@ onMounted(() => {
|
||||||
<q-separator />
|
<q-separator />
|
||||||
<q-card-section class="q-pa-none">
|
<q-card-section class="q-pa-none">
|
||||||
<div class="row q-pa-sm">
|
<div class="row q-pa-sm">
|
||||||
<div class="col text-grey-6 text-weight-medium">ประเภทการลา</div>
|
<div class="col-3 text-grey-6 text-weight-medium">
|
||||||
<div class="col">
|
ประเภทการลา
|
||||||
|
</div>
|
||||||
|
<div class="col-9">
|
||||||
{{ props.row.typeLeave !== "" ? props.row.typeLeave : "-" }}
|
{{ props.row.typeLeave !== "" ? props.row.typeLeave : "-" }}
|
||||||
</div>
|
</div>
|
||||||
<div class="col text-grey-6 text-weight-medium">
|
</div>
|
||||||
|
<q-separator />
|
||||||
|
<div class="row q-pa-sm bg-grey-2">
|
||||||
|
<div class="col-3 text-grey-6 text-weight-medium">
|
||||||
วัน/เดือน/ปี ที่ลา
|
วัน/เดือน/ปี ที่ลา
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col-3">
|
||||||
{{
|
{{
|
||||||
props.row.dateStartLeave
|
props.row.dateStartLeave
|
||||||
? date2Thai(props.row.dateStartLeave)
|
? date2Thai(props.row.dateStartLeave)
|
||||||
: "-"
|
: "-"
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-3 text-grey-6 text-weight-medium">จำนวนวันลา</div>
|
||||||
<q-separator />
|
<div class="col-3">
|
||||||
<div class="row q-pa-sm bg-grey-2">
|
|
||||||
<div class="col text-grey-6 text-weight-medium">จำนวนวันลา</div>
|
|
||||||
<div class="col">
|
|
||||||
{{ props.row.numLeave ? props.row.numLeave : "-" }}
|
{{ props.row.numLeave ? props.row.numLeave : "-" }}
|
||||||
</div>
|
</div>
|
||||||
<div class="col text-grey-6 text-weight-medium">ลามาเเล้ว</div>
|
|
||||||
<div class="col">
|
|
||||||
{{ props.row.sumLeave ? props.row.sumLeave : "-" }}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<q-separator />
|
<q-separator />
|
||||||
<div class="row q-pa-sm">
|
<div class="row q-pa-sm">
|
||||||
<div class="col text-grey-6 text-weight-medium">รวมเป็น</div>
|
<div class="col-3 text-grey-6 text-weight-medium">ลามาเเล้ว</div>
|
||||||
<div class="col">
|
<div class="col-3">
|
||||||
{{ props.row.totalLeave ? props.row.totalLeave : "-" }}
|
{{ props.row.sumLeave ? props.row.sumLeave : "-" }}
|
||||||
</div>
|
</div>
|
||||||
<div class="col text-grey-6 text-weight-medium">สถานะ</div>
|
<div class="col-3 text-grey-6 text-weight-medium">รวมเป็น</div>
|
||||||
<div class="col">
|
<div class="col-3">
|
||||||
{{ props.row.status ? statusLeave(props.row.status) : "-" }}
|
{{ props.row.totalLeave ? props.row.totalLeave : "-" }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<q-separator />
|
<q-separator />
|
||||||
<div class="row q-pa-sm bg-grey-2">
|
<div class="row q-pa-sm bg-grey-2">
|
||||||
|
<div class="col-3 text-grey-6 text-weight-medium">สถานะ</div>
|
||||||
|
<div class="col-3">
|
||||||
|
{{ props.row.status ? statusLeave(props.row.status) : "-" }}
|
||||||
|
</div>
|
||||||
<div class="col-3 text-grey-6 text-weight-medium">เหตุผล</div>
|
<div class="col-3 text-grey-6 text-weight-medium">เหตุผล</div>
|
||||||
<div class="col-3">
|
<div class="col-3">
|
||||||
{{ props.row.reason !== "" ? props.row.reason : "-" }}
|
{{ props.row.reason !== "" ? props.row.reason : "-" }}
|
||||||
|
|
|
||||||
|
|
@ -483,32 +483,38 @@ onMounted(() => {
|
||||||
</div>
|
</div>
|
||||||
<q-separator />
|
<q-separator />
|
||||||
<div class="row q-pa-sm bg-grey-2">
|
<div class="row q-pa-sm bg-grey-2">
|
||||||
<div class="col text-grey-6 text-weight-medium">
|
<div class="col-3 text-grey-6 text-weight-medium">
|
||||||
เอกสารอ้างอิง
|
เอกสารอ้างอิง
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col-3">
|
||||||
{{ props.row.reference ? props.row.reference : "-" }}
|
{{ props.row.reference ? props.row.reference : "-" }}
|
||||||
</div>
|
</div>
|
||||||
<div class="col text-grey-6 text-weight-medium">รายละเอียด</div>
|
|
||||||
<div class="col">
|
|
||||||
{{ props.row.detail ? props.row.detail : "-" }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<q-separator />
|
|
||||||
<div class="row q-pa-sm">
|
|
||||||
<div class="col text-grey-6 text-weight-medium">เลขที่คำสั่ง</div>
|
<div class="col text-grey-6 text-weight-medium">เลขที่คำสั่ง</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
{{ props.row.refCommandNo ? props.row.refCommandNo : "-" }}
|
{{ props.row.refCommandNo ? props.row.refCommandNo : "-" }}
|
||||||
</div>
|
</div>
|
||||||
<div class="col text-grey-6 text-weight-medium">
|
</div>
|
||||||
|
<q-separator />
|
||||||
|
<div class="row q-pa-sm">
|
||||||
|
<div class="col-3 text-grey-6 text-weight-medium">
|
||||||
เอกสารอ้างอิง (ลงวันที่)
|
เอกสารอ้างอิง (ลงวันที่)
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col-3">
|
||||||
{{ props.row.refCommandDate ? date2Thai(props.row.refCommandDate) : "-" }}
|
{{
|
||||||
|
props.row.refCommandDate
|
||||||
|
? date2Thai(props.row.refCommandDate)
|
||||||
|
: "-"
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<q-separator />
|
||||||
|
<div class="row q-pa-sm bg-grey-2">
|
||||||
|
<div class="col-3 text-grey-6 text-weight-medium">รายละเอียด</div>
|
||||||
|
<div class="col-9">
|
||||||
|
{{ props.row.detail ? props.row.detail : "-" }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
|
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@ const effective = defineModel<Date | null | string>("effective", {
|
||||||
const isRead = defineModel<boolean>("isRead", { required: true });
|
const isRead = defineModel<boolean>("isRead", { required: true });
|
||||||
const year = defineModel<number | null | string>("year");
|
const year = defineModel<number | null | string>("year");
|
||||||
const mixin = useCounterMixin();
|
const mixin = useCounterMixin();
|
||||||
const { dialogConfirm, date2Thai, messageError } = mixin;
|
const { dialogConfirm, date2Thai, messageError,success } = mixin;
|
||||||
const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
|
const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
|
||||||
const effectiveDate = ref<Date | null>(null);
|
const effectiveDate = ref<Date | null>(null);
|
||||||
/** ตัวแปร validate */
|
/** ตัวแปร validate */
|
||||||
|
|
@ -98,6 +98,7 @@ function editSummit() {
|
||||||
modal.value = false;
|
modal.value = false;
|
||||||
clearForm();
|
clearForm();
|
||||||
props.getData?.();
|
props.getData?.();
|
||||||
|
success($q,'บันทึกข้อมูลสำเร็จ')
|
||||||
})
|
})
|
||||||
.catch((e) => {
|
.catch((e) => {
|
||||||
messageError($q, e);
|
messageError($q, e);
|
||||||
|
|
@ -119,6 +120,7 @@ function onSubmit() {
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
modal.value = false;
|
modal.value = false;
|
||||||
clearForm();
|
clearForm();
|
||||||
|
success($q,'บันทึกข้อมูลสำเร็จ')
|
||||||
props.getData?.();
|
props.getData?.();
|
||||||
})
|
})
|
||||||
.catch((e) => {
|
.catch((e) => {
|
||||||
|
|
|
||||||
|
|
@ -22,6 +22,7 @@ const {
|
||||||
date2Thai,
|
date2Thai,
|
||||||
dateToISO,
|
dateToISO,
|
||||||
dialogConfirm,
|
dialogConfirm,
|
||||||
|
success
|
||||||
} = mixin;
|
} = mixin;
|
||||||
const dataStore = useSalaryDataStore();
|
const dataStore = useSalaryDataStore();
|
||||||
const year = ref<number>(0);
|
const year = ref<number>(0);
|
||||||
|
|
@ -151,6 +152,7 @@ function deleteData(id: string) {
|
||||||
.delete(config.API.salaryPeriod() + `/${id}`)
|
.delete(config.API.salaryPeriod() + `/${id}`)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
getData();
|
getData();
|
||||||
|
success($q,'ลบข้อมูลสำเร็จ')
|
||||||
})
|
})
|
||||||
.catch((e) => {
|
.catch((e) => {
|
||||||
messageError($q, e);
|
messageError($q, e);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue