KPI ปรับการแสดงผลตาม step

This commit is contained in:
Warunee Tamkoo 2024-05-09 14:34:02 +07:00
parent d0627e3c5c
commit 2373a30bc4
5 changed files with 149 additions and 37 deletions

View file

@ -230,7 +230,10 @@ onMounted(() => {
<div class="col">
<span class="text-weight-medium">{{ item.name }}</span>
<q-btn
v-if="!isReadonly"
v-if="
store.dataEvaluation.evaluationStatus === 'NEW' &&
store.rolePerson === 'USER'
"
class="q-ml-xs"
flat
round
@ -246,7 +249,7 @@ onMounted(() => {
<q-space />
<q-btn
v-if="!isReadonly"
v-if="store.dataEvaluation.evaluationStatus == 'EVALUATING'"
flat
round
icon="mdi-clipboard-check-outline"
@ -279,7 +282,13 @@ onMounted(() => {
<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 v-if="!isReadonly" />
<q-th
auto-width
v-if="
store.dataEvaluation.evaluationStatus === 'NEW' &&
store.rolePerson === 'USER'
"
/>
</q-tr>
</template>
<template v-slot:body="props">
@ -341,7 +350,12 @@ onMounted(() => {
{{ col.value }}
</div>
</q-td>
<q-td v-if="!isReadonly">
<q-td
v-if="
store.dataEvaluation.evaluationStatus === 'NEW' &&
store.rolePerson === 'USER'
"
>
<q-btn
flat
round
@ -430,9 +444,14 @@ onMounted(() => {
}
.q-btn-group--outline > .q-btn-item.active {
color: #2196f3 !important;
background-color: #fff;
background-color: #cde6fb !important;
}
.q-btn-group--outline > .q-btn-item + .q-btn-item.active:before {
border-left: 1px solid #2196f3 !important;
background-color: #cde6fb;
}
.q-btn-group--outline > .q-btn-item.active:not(:last-child):before {
border: 1px solid #2196f3;
background-color: #cde6fb;
}
</style>