ปรับ card

This commit is contained in:
setthawutttty 2024-03-14 12:07:00 +07:00
parent d0f721253c
commit 87c06a680e
5 changed files with 69 additions and 52 deletions

View file

@ -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>

View file

@ -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 : "-" }}

View file

@ -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>

View file

@ -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) => {

View file

@ -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);