แก้คำ ทับที่เป็น "นั่งทับตำแหน่ง" และปรับตำแหน่งไอคอน

This commit is contained in:
Warunee Tamkoo 2024-07-24 23:44:47 +07:00
parent 007df38109
commit 86de5b29ae
6 changed files with 36 additions and 27 deletions

View file

@ -625,11 +625,11 @@ watch([() => page.value, () => pageSize.value], () => {
/> />
<div class="col-12"> <div class="col-12">
<d-table <d-table
ref="table" ref="table"
flat flat
:columns="columnsResult" :columns="columnsResult"
:rows="rowResult" :rows="rowResult"
row-key="id" row-key="id"
dense dense
class="custom-header-table" class="custom-header-table"
:paging="true" :paging="true"
@ -706,7 +706,7 @@ watch([() => page.value, () => pageSize.value], () => {
color="primary" color="primary"
dense dense
v-model="isSit" v-model="isSit"
label="ทับที่" label="นั่งทับตำแหน่ง"
/> />
</div> </div>
</div> </div>

View file

@ -572,17 +572,6 @@ watch(
</template> </template>
<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>
<q-btn
flat
size="14px"
color="primary"
round
dense
@click="props.expand = !props.expand"
:icon="props.expand ? 'mdi-menu-down' : 'mdi-menu-right'"
/>
</q-td>
<q-td> <q-td>
<q-btn <q-btn
flat flat
@ -686,6 +675,18 @@ watch(
</q-menu> </q-menu>
</q-btn> </q-btn>
</q-td> </q-td>
<q-td>
<q-btn
flat
size="14px"
color="primary"
round
dense
@click="props.expand = !props.expand"
:icon="props.expand ? 'mdi-menu-down' : 'mdi-menu-right'"
/>
</q-td>
<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 == 'no'"> <div v-if="col.name == 'no'">
{{ {{
@ -695,7 +696,11 @@ watch(
}} }}
</div> </div>
<div v-else-if="col.name === 'posMasterNo'"> <div v-else-if="col.name === 'posMasterNo'">
{{ props.row.isSit ? col.value + " " + "(ทับที่)" : col.value }} {{
props.row.isSit
? col.value + " " + "(นั่งทับตำแหน่ง)"
: col.value
}}
</div> </div>
<div v-else-if="col.name === 'posLevelName'"> <div v-else-if="col.name === 'posLevelName'">
{{ {{
@ -710,7 +715,6 @@ watch(
{{ col.value ? col.value : "-" }} {{ col.value ? col.value : "-" }}
</div> </div>
</q-td> </q-td>
</q-tr> </q-tr>
<q-tr v-show="props.expand" :props="props"> <q-tr v-show="props.expand" :props="props">

View file

@ -302,7 +302,9 @@ onMounted(async () => {
</div> </div>
<div v-else-if="col.name === 'posMasterNo'"> <div v-else-if="col.name === 'posMasterNo'">
{{ {{
props.row.isSit ? col.value + " " + "(ทับที่)" : col.value props.row.isSit
? col.value + " " + "(นั่งทับตำแหน่ง)"
: col.value
}} }}
</div> </div>
<div v-else-if="col.name === 'isPosition'"> <div v-else-if="col.name === 'isPosition'">
@ -438,7 +440,7 @@ onMounted(async () => {
<div v-else-if="col.name === 'posMasterNo'"> <div v-else-if="col.name === 'posMasterNo'">
{{ {{
props.row.isSit props.row.isSit
? col.value + " " + "(ทับที่)" ? col.value + " " + "(นั่งทับตำแหน่ง)"
: col.value : col.value
}} }}
</div> </div>

View file

@ -669,7 +669,7 @@ watch(
<div v-else-if="col.name === 'posMasterNo'"> <div v-else-if="col.name === 'posMasterNo'">
{{ {{
props.row.isSit props.row.isSit
? col.value + " " + "(ทับที่)" ? col.value + " " + "(นั่งทับตำแหน่ง)"
: col.value : col.value
}} }}
</div> </div>
@ -736,7 +736,7 @@ watch(
<div v-else-if="col.name === 'posMasterNo'"> <div v-else-if="col.name === 'posMasterNo'">
{{ {{
props.row.isSit props.row.isSit
? col.value + " " + "(ทับที่)" ? col.value + " " + "(นั่งทับตำแหน่ง)"
: col.value : col.value
}} }}
</div> </div>
@ -884,7 +884,7 @@ watch(
<div v-else-if="col.name === 'posMasterNo'"> <div v-else-if="col.name === 'posMasterNo'">
{{ {{
props.row.isSit props.row.isSit
? col.value + " " + "(ทับที่)" ? col.value + " " + "(นั่งทับตำแหน่ง)"
: col.value : col.value
}} }}
</div> </div>

View file

@ -672,7 +672,7 @@ watch([() => page.value, () => pageSize.value], () => {
color="primary" color="primary"
dense dense
v-model="isSit" v-model="isSit"
label="ทับที่" label="นั่งทับตำแหน่ง"
/> />
</div> </div>
</div> </div>

View file

@ -587,7 +587,11 @@ watch(
}} }}
</div> </div>
<div v-else-if="col.name === 'posMasterNo'"> <div v-else-if="col.name === 'posMasterNo'">
{{ props.row.isSit ? col.value + " " + "(ทับที่)" : col.value }} {{
props.row.isSit
? col.value + " " + "(นั่งทับตำแหน่ง)"
: col.value
}}
</div> </div>
<div v-else-if="col.name === 'posLevelName'"> <div v-else-if="col.name === 'posLevelName'">
{{ {{
@ -602,7 +606,6 @@ watch(
{{ col.value ? col.value : "-" }} {{ col.value ? col.value : "-" }}
</div> </div>
</q-td> </q-td>
</q-tr> </q-tr>
</template> </template>
<template v-slot:pagination="scope"> <template v-slot:pagination="scope">