verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 73 Releases Wiki Activity

fix: replace QToolbar by Teleport
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Javier Segarra 2024-05-06 08:37:41 +02:00
parent d2e178a41b
commit f85665b271
1 changed files with 41 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/Item/Card/ItemShelving.vue
View File

@ -14,6 +14,9 @@ import { useArrayData } from 'src/composables/useArrayData';
import useNotify from 'src/composables/useNotify.js'; import useNotify from 'src/composables/useNotify.js';
import { useVnConfirm } from 'composables/useVnConfirm'; import { useVnConfirm } from 'composables/useVnConfirm';
import axios from 'axios'; import axios from 'axios';
import { useStateStore } from 'stores/useStateStore';
const stateStore = useStateStore();
const route = useRoute(); const route = useRoute();
const { t } = useI18n(); const { t } = useI18n();
@ -197,11 +200,14 @@ onMounted(async () => {
auto-load auto-load
@on-fetch="(data) => (shelvingsOptions = data)" @on-fetch="(data) => (shelvingsOptions = data)"
/> />
<QToolbar class="bg-vn-dark justify-end"> <template v-if="stateStore.isHeaderMounted()">
<div id="st-data" class="q-py-sm flex items-center"> <Teleport to="#st-data">
<div class="q-py-sm flex items-center">
<div class="q-pa-md q-mr-lg" style="border: 2px solid #222"> <div class="q-pa-md q-mr-lg" style="border: 2px solid #222">
<QCardSection horizontal> <QCardSection horizontal>
<span class="text-weight-bold text-subtitle1 text-center full-width"> <span
class="text-weight-bold text-subtitle1 text-center full-width"
>
{{ t('shelvings.total') }} {{ t('shelvings.total') }}
</span> </span>
</QCardSection> </QCardSection>
@ -211,8 +217,8 @@ onMounted(async () => {
>{{ t('shelvings.totalLabels') }} >{{ t('shelvings.totalLabels') }}
</span> </span>
<span>: {{ totalLabels }}</span> <span>: {{ totalLabels }}</span>
</div> </div></QCardSection
</QCardSection> >
</div> </div>
<QBtn <QBtn
color="primary" color="primary"
@ -231,9 +237,9 @@ onMounted(async () => {
</QTooltip> </QTooltip>
</QBtn> </QBtn>
</div> </div>
<QSpace /> </Teleport>
<div id="st-actions"></div> </template>
</QToolbar>
<QPage class="column items-center q-pa-md"> <QPage class="column items-center q-pa-md">
<QTable <QTable
:rows="rows" :rows="rows"