แก้คำ ทับที่เป็น "นั่งทับตำแหน่ง" และปรับตำแหน่งไอคอน
This commit is contained in:
parent
007df38109
commit
86de5b29ae
6 changed files with 36 additions and 27 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue