chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: q-step count

Browse source
This commit is contained in:
puriphatt 2024-09-27 17:32:26 +07:00
parent a09fbeb29e
commit c76dd473bb
1 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/03_customer-management/HistoryEditComponent.vue
View file

@ -448,7 +448,7 @@ const currentData = computed(() => {
<q-step
v-for="(item, index) in props.row.history"
:key="index"
:name="1"
:name="index"
:title="$t(mapName(item.field).title)"
:caption="$t(mapName(item.field).i18n)"
:icon="`mdi-numeric-${props.row.history.length - index}`"
@ -538,4 +538,17 @@ const currentData = computed(() => {
cursor: pointer;
font-family: 'Noto Sans Thai', sans-serif;
}
:deep(.q-stepper) {
counter-reset: css-counter;
}
:deep(.q-stepper__dot)span > * {
display: none;
}
:deep(.q-stepper__dot) span::before {
counter-increment: css-counter;
content: counter(css-counter);
}
</style>