ย้ายไอคอน

This commit is contained in:
STW_TTTY\stwtt 2024-07-24 09:50:23 +07:00
parent 900d308f81
commit dfa66f3a98
28 changed files with 730 additions and 702 deletions

View file

@ -311,50 +311,14 @@ onMounted(() => {
>
<template v-slot:header="props">
<q-tr :props="props">
<q-th auto-width></q-th>
<q-th v-for="col in props.cols" :key="col.name" :props="props">
<span class="text-weight-medium">{{ col.label }}</span>
</q-th>
<q-th auto-width></q-th>
</q-tr>
</template>
<template v-slot:body="props">
<q-tr :props="props" class="cursor-pointer">
<q-td v-for="col in props.cols" :key="col.name" :props="props">
<div v-if="col.name === 'isActive'">
<q-icon
:name="col.value ? 'done' : 'close'"
:color="col.value ? 'primary' : 'grey'"
size="24px"
/>
</div>
<div v-else-if="col.name === 'posList'" class="row">
<div class="column text-weight-light">
<span>ประเภทตำแหน</span>
<span>ระดบตำแหน</span>
</div>
<div class="column q-ml-sm">
<span>{{ props.row.posType }}</span>
<span>{{
props.row.isSpecial
? `${props.row.posLevel} (ฉ)`
: `${props.row.posLevel}`
}}</span>
</div>
</div>
<div v-else-if="col.name === 'salaryType'">
{{
col.value === "OFFICER"
? "ข้าราชการกรุงเทพมหานครสามัญ"
: "ลูกจ้างประจำกรุงเทพมหานคร"
}}
</div>
<div v-else-if="col.name === 'startDate'">
{{ col.value ? date2Thai(col.value) : "" }}
</div>
<div v-else>
{{ col.value ? col.value : "-" }}
</div>
</q-td>
<q-td>
<q-btn
flat
@ -415,6 +379,43 @@ onMounted(() => {
</q-menu>
</q-btn>
</q-td>
<q-td v-for="col in props.cols" :key="col.name" :props="props">
<div v-if="col.name === 'isActive'">
<q-icon
:name="col.value ? 'done' : 'close'"
:color="col.value ? 'primary' : 'grey'"
size="24px"
/>
</div>
<div v-else-if="col.name === 'posList'" class="row">
<div class="column text-weight-light">
<span>ประเภทตำแหน</span>
<span>ระดบตำแหน</span>
</div>
<div class="column q-ml-sm">
<span>{{ props.row.posType }}</span>
<span>{{
props.row.isSpecial
? `${props.row.posLevel} (ฉ)`
: `${props.row.posLevel}`
}}</span>
</div>
</div>
<div v-else-if="col.name === 'salaryType'">
{{
col.value === "OFFICER"
? "ข้าราชการกรุงเทพมหานครสามัญ"
: "ลูกจ้างประจำกรุงเทพมหานคร"
}}
</div>
<div v-else-if="col.name === 'startDate'">
{{ col.value ? date2Thai(col.value) : "" }}
</div>
<div v-else>
{{ col.value ? col.value : "-" }}
</div>
</q-td>
</q-tr>
</template>
<template v-slot:pagination="scope">