ปรับ 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;
}
onMounted(() => {
getData();
});
@ -586,40 +585,40 @@ onMounted(() => {
<q-separator />
<q-card-section class="q-pa-none">
<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 class="col">
<div class="col-3">
{{ props.row.level !== "" ? props.row.level : "-" }}
</div>
<div class="col text-grey-6 text-weight-medium">/เดอน/</div>
<div class="col">
<div class="col-3 text-grey-6 text-weight-medium">
/เดอน/
</div>
<div class="col-3">
{{ props.row.date ? date2Thai(props.row.date) : "-" }}
</div>
</div>
<q-separator />
<div class="row q-pa-sm bg-grey-2">
<div class="col text-grey-6 text-weight-medium">รายละเอยด</div>
<div class="col">
{{ props.row.detail !== "" ? props.row.detail : "-" }}
</div>
<div class="col text-grey-6 text-weight-medium">างมลท</div>
<div class="col">
<div class="col-3 text-grey-6 text-weight-medium">างมลท</div>
<div class="col-3">
{{ props.row.unStigma !== "" ? props.row.unStigma : "-" }}
</div>
</div>
<q-separator />
<div class="row q-pa-sm">
<div class="col text-grey-6 text-weight-medium">เลขทคำส</div>
<div class="col">
<div class="col-3 text-grey-6 text-weight-medium">
เลขทคำส
</div>
<div class="col-3">
{{
props.row.refCommandNo !== "" ? props.row.refCommandNo : "-"
}}
</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 class="col">
<div class="col-3">
{{
props.row.refCommandDate
? date2Thai(props.row.refCommandDate)
@ -627,7 +626,13 @@ onMounted(() => {
}}
</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>
</div>

View file

@ -642,45 +642,47 @@ onMounted(() => {
<q-separator />
<q-card-section class="q-pa-none">
<div class="row q-pa-sm">
<div class="col text-grey-6 text-weight-medium">ประเภทการลา</div>
<div class="col">
<div class="col-3 text-grey-6 text-weight-medium">
ประเภทการลา
</div>
<div class="col-9">
{{ props.row.typeLeave !== "" ? props.row.typeLeave : "-" }}
</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 class="col">
<div class="col-3">
{{
props.row.dateStartLeave
? date2Thai(props.row.dateStartLeave)
: "-"
}}
</div>
</div>
<q-separator />
<div class="row q-pa-sm bg-grey-2">
<div class="col text-grey-6 text-weight-medium">จำนวนวนลา</div>
<div class="col">
<div class="col-3 text-grey-6 text-weight-medium">จำนวนวนลา</div>
<div class="col-3">
{{ props.row.numLeave ? props.row.numLeave : "-" }}
</div>
<div class="col text-grey-6 text-weight-medium">ลามาเเล</div>
<div class="col">
{{ props.row.sumLeave ? props.row.sumLeave : "-" }}
</div>
</div>
<q-separator />
<div class="row q-pa-sm">
<div class="col text-grey-6 text-weight-medium">รวมเป</div>
<div class="col">
{{ props.row.totalLeave ? props.row.totalLeave : "-" }}
<div class="col-3 text-grey-6 text-weight-medium">ลามาเเล</div>
<div class="col-3">
{{ props.row.sumLeave ? props.row.sumLeave : "-" }}
</div>
<div class="col text-grey-6 text-weight-medium">สถานะ</div>
<div class="col">
{{ props.row.status ? statusLeave(props.row.status) : "-" }}
<div class="col-3 text-grey-6 text-weight-medium">รวมเป</div>
<div class="col-3">
{{ props.row.totalLeave ? props.row.totalLeave : "-" }}
</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-3">
{{ props.row.status ? statusLeave(props.row.status) : "-" }}
</div>
<div class="col-3 text-grey-6 text-weight-medium">เหตผล</div>
<div class="col-3">
{{ props.row.reason !== "" ? props.row.reason : "-" }}

View file

@ -483,32 +483,38 @@ onMounted(() => {
</div>
<q-separator />
<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 class="col">
<div class="col-3">
{{ props.row.reference ? props.row.reference : "-" }}
</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">
{{ props.row.refCommandNo ? props.row.refCommandNo : "-" }}
</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 class="col">
{{ props.row.refCommandDate ? date2Thai(props.row.refCommandDate) : "-" }}
<div class="col-3">
{{
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>
</q-card-section>
</q-card>
</div>
</template>